Tiktok Dark アイコン

Q: Tiktok Dark アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:tiktok-dark

Tiktok Dark アイコン(thesvg-color:tiktok-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 352 × 399 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 352 × 399
タグ: tiktokdark

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="352" height="399" viewBox="0 0 352 399"><path fill="#25f4ee" d="M137.17 156.98v-15.56c-5.34-.73-10.76-1.18-16.29-1.18C54.23 140.24 0 194.47 0 261.13c0 40.9 20.43 77.09 51.61 98.97c-20.12-21.6-32.46-50.53-32.46-82.31c0-65.7 52.69-119.28 118.03-120.81Z"/><path fill="#25f4ee" d="M140.02 333c29.74 0 54-23.66 55.1-53.13l.11-263.2h48.08c-1-5.41-1.55-10.97-1.55-16.67h-65.67l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13c-9.24 0-17.95-2.31-25.61-6.34C105.3 323.9 121.6 333 140.02 333m193.11-227V91.37c-18.34 0-35.43-5.45-49.76-14.8c12.76 14.65 30.09 25.22 49.76 29.43"/><path fill="#fe2c55" d="M283.38 76.57c-13.98-16.05-22.47-37-22.47-59.91h-17.59c4.63 25.02 19.48 46.49 40.06 59.91m-162.5 129.35c-30.44 0-55.21 24.77-55.21 55.21c0 21.2 12.03 39.62 29.6 48.86c-6.55-9.08-10.45-20.18-10.45-32.2c0-30.44 24.77-55.21 55.21-55.21c5.68 0 11.13.94 16.29 2.55v-67.05c-5.34-.73-10.76-1.18-16.29-1.18c-.96 0-1.9.05-2.85.07v51.49c-5.16-1.61-10.61-2.55-16.29-2.55Z"/><path fill="#fe2c55" d="M333.13 106v51.04c-34.05 0-65.61-10.89-91.37-29.38v133.47c0 66.66-54.23 120.88-120.88 120.88c-25.76 0-49.64-8.12-69.28-21.91c22.08 23.71 53.54 38.57 88.42 38.57c66.66 0 120.88-54.23 120.88-120.88V144.33c25.76 18.49 57.32 29.38 91.37 29.38v-65.68c-6.57 0-12.97-.71-19.14-2.03"/><path fill="#fff" d="M241.76 261.13V127.66c25.76 18.49 57.32 29.38 91.37 29.38V106c-19.67-4.21-37-14.77-49.76-29.43c-20.58-13.42-35.43-34.88-40.06-59.91h-48.08l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13c-18.42 0-34.72-9.1-44.75-23.01c-17.57-9.25-29.6-27.67-29.6-48.86c0-30.44 24.77-55.21 55.21-55.21c5.68 0 11.13.94 16.29 2.55v-51.49C71.83 158.5 19.14 212.08 19.14 277.78c0 31.78 12.34 60.71 32.46 82.31C71.23 373.87 95.12 382 120.88 382c66.65 0 120.88-54.23 120.88-120.88Z"/></svg>

Tiktok Dark アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:tiktok-dark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:tiktok-dark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:tiktok-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tiktok-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tiktok-dark"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:tiktok-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/tiktok-dark.svg" alt="Tiktok Dark アイコン" width="24" height="24">

theSVG Color の関連アイコン

他のアイコンセットの Tiktok Dark アイコン

Tiktok Dark アイコンのよくある質問

Tiktok Dark アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Tiktok Dark アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:tiktok-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Tiktok Dark アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/tiktok-dark.svg" alt="Tiktok Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →