Yt アイコン
circle-flags:yt
Yt アイコン(circle-flags:yt)は、Circle Flags セットの無料 SVG アイコンです（作者: HatScripts）。 512 × 512 のグリッドで描かれています。 Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Circle Flags
- 作者
- HatScripts
- ライセンス
- MIT
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#eee" d="M0 0h512v512H0z"/><path fill="#acabb1" d="M113 139c-4 0-11 2-23 8a59 59 0 0 0-13 9c-28 27-20 68-11 79c3 4 16 23 32 30c22 8 36 28 37 51c0 24-15 44-34 46h-4c-19 0-36-19-37-43v2c1 29 20 52 43 52s44-12 55-32l5-8a43 43 0 0 0 4-14c4-19 6-70-47-95c-40-20-45-36-40-43a4 4 0 0 1 3-1a19 19 0 0 0 18 19a15 15 0 0 0 10-4s18 18 24 11s0-7-6-14c-5-7 0-21-11-28c-12-7-18-7-12-15a16 16 0 0 1 12-7s0-3-5-3m287 0c-5 0-5 3-5 3c5 1 9 3 12 7c5 8 0 8-12 15s-6 21-12 28c-5 7-11 7-5 14c5 7 24-11 24-11a15 15 0 0 0 10 4a19 19 0 0 0 18-19a4 4 0 0 1 2 1c6 7 1 23-40 43c-52 25-50 76-47 95l5 14a189 189 0 0 0 5 8c10 20 32 33 54 32c24 0 43-23 44-52v-2c-2 24-18 43-38 43h-4c-19-2-33-22-33-46c1-23 15-43 36-51c16-7 29-26 33-30c8-11 17-52-11-79a59 59 0 0 0-14-9c-12-6-18-8-22-8M26 199c-1 0-2 1-2 3c-2 16-1 52 33 64a2 2 0 0 0 3-1l6-8v-4c-5-7-22-31-22-44l-2-2a19 19 0 0 1-15-7zm460 0l-1 1a19 19 0 0 1-15 7l-2 2c0 13-17 37-21 44v4l5 8a2 2 0 0 0 3 1c34-12 35-48 34-64z"/><path fill="#0052b4" d="M211 147a22.5 22.5 0 0 0 0 45a22.5 22.5 0 0 0 0 45l45 32l45-32a22.5 22.5 0 0 0 0-45a22.5 22.5 0 1 0-22.5-22.5a22.5 22.5 0 0 0-45 0A22.5 22.5 0 0 0 211 147"/><path fill="#d80027" d="M211 327a22.5 22.5 0 0 1-22.5-22.5A22.5 22.5 0 0 1 211 282a22.5 22.5 0 0 1-22.5-22.5A22.5 22.5 0 0 1 211 237h90a22.5 22.5 0 0 1 22.5 22.5A22.5 22.5 0 0 1 301 282a22.5 22.5 0 0 1 22.5 22.5A22.5 22.5 0 0 1 301 327a22.5 22.5 0 0 1-22.5-22.5A22.5 22.5 0 0 1 256 327a22.5 22.5 0 0 1-22.5-22.5A22.5 22.5 0 0 1 211 327"/><path fill="#eee" d="M232 188a25 25 0 0 0-1 5a25 25 0 0 0 25 25a25 25 0 0 0 25-25a25 25 0 0 0-1-5a25 25 0 0 1-24 19a25 25 0 0 1-24-19"/><path fill="#ffda44" d="M283 254a4 4 0 0 0-4 4v8l-7-4a4 4 0 0 0-2-1a4 4 0 0 0-3 2a4 4 0 0 0 1 6l7 4l-7 3a4 4 0 0 0-1 6a4 4 0 0 0 5 1l7-3v7a4 4 0 0 0 4 4a4 4 0 0 0 4-4v-7l7 3a4 4 0 0 0 5-1a4 4 0 0 0-1-6l-7-3l7-4a4 4 0 0 0 1-6a4 4 0 0 0-3-2a4 4 0 0 0-2 1l-7 4v-8a4 4 0 0 0-4-4m-54 0a4 4 0 0 0-4 4v8l-7-4a4 4 0 0 0-2-1a4 4 0 0 0-3 2a4 4 0 0 0 1 6l7 4l-7 3a4 4 0 0 0-1 6a4 4 0 0 0 5 1l7-3v7a4 4 0 0 0 4 4a4 4 0 0 0 4-4v-7l7 3a4 4 0 0 0 5-1a4 4 0 0 0-1-6l-7-3l7-4a4 4 0 0 0 1-6a4 4 0 0 0-3-2a4 4 0 0 0-2 1l-7 4v-8a4 4 0 0 0-4-4"/></g></svg>Yt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:yt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:yt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:yt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--yt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:yt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:yt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/circle-flags/yt.svg" alt="Yt アイコン" width="24" height="24">他のアイコンセットの Yt アイコン
Yt アイコン のよくある質問
Yt アイコンは商用利用でも無料ですか?
はい。Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Yt アイコンを使うには?
@iconify/react をインストールして <Icon icon="circle-flags:yt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/circle-flags/yt.svg" alt="Yt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。