Tiktok アイコン
icon-park-solid:tiktok
Tiktok アイコン(icon-park-solid:tiktok)は、IconPark Solid セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark Solid icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark Solid
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- ブランド
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width="3.833" d="M21.358 19.14q-8.833-.426-12.28 6.298c-3.446 6.725-.598 17.729 10.9 17.729c11.5 0 11.832-11.112 11.832-12.276V17.875q3.69 2.336 6.22 2.813q2.533.476 3.22.422v-6.476q-2.342-.282-4.05-1.076c-1.709-.794-5.096-2.997-5.096-6.226q.003.024 0-2.499h-7.118q-.031 23.724 0 26.058c.031 2.334-1.78 5.6-5.45 5.6c-3.672 0-5.483-3.263-5.483-5.367c0-1.288.443-3.155 2.272-4.538c1.085-.82 2.59-1.148 5.033-1.148z"/></svg>
Tiktok アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:tiktok" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:tiktok" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:tiktok" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--tiktok]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:tiktok"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:tiktok"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park-solid/tiktok.svg" alt="Tiktok アイコン" width="24" height="24">
Tiktok アイコン のよくある質問
Tiktok アイコンは商用利用でも無料ですか?
はい。IconPark Solid icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tiktok アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park-solid:tiktok" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tiktok アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park-solid/tiktok.svg" alt="Tiktok アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
IconPark Solid アイコン をすべて見る →
ICONYZ
