Youtube Kids アイコン
thesvg-color:youtube-kids
Youtube Kids アイコン(thesvg-color:youtube-kids)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- youtubekids、kid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="red" d="m23.99 13.543l-.007-.288c-.015-1.122-.645-6.495-.999-7.457c-.41-1.111-.974-1.945-1.675-2.48c-1.143-.873-2.115-1.063-3.313-1.087h-.03c-.51 0-3.848.415-6.642.801c-2.797.387-6.303.915-7.14 1.227c-1.153.432-2.07.997-2.796 1.728C.05 7.332-.113 8.731.054 10.553c.13 1.412.875 6.975 1.302 8.248c.574 1.717 1.694 2.75 3.154 2.909c.36.039.704.059 1.045.059c1.28 0 2.295-.278 3.47-.598c1.848-.505 4.147-1.13 8.893-1.13h.14c1.162 0 4.008-.263 5.303-2.687c.693-1.297.652-2.87.629-3.811m-7.719-1.67l-.105.066q-.411.278-.819.563l-4.298 2.975c-.27.21-.748.521-1.016.521a.24.24 0 0 1-.107-.024c-.226-.12-.303-.94-.356-1.34l-.011-.087c-.065-.478-.594-5.035-.654-5.535c-.017-.142-.105-.663.055-.781c.05-.037.12-.05.2-.05c.195 0 .442.083.549.118c.845.272 5.083 1.774 6.4 2.448q.057.03.122.057c.188.08.446.192.452.51c.004.304-.225.446-.412.56z"/></svg>Youtube Kids アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:youtube-kids" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:youtube-kids" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:youtube-kids" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--youtube-kids]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:youtube-kids"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:youtube-kids"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/youtube-kids.svg" alt="Youtube Kids アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Youtube Kids アイコン
Youtube Kids アイコン のよくある質問
Youtube Kids アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Youtube Kids アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:youtube-kids" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Youtube Kids アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/youtube-kids.svg" alt="Youtube Kids アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。