Youtube アイコン

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

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

griddy-icons:youtube

Youtube アイコン(griddy-icons:youtube)は、Griddy Icons セットの無料 SVG アイコンです（作者: Zuzana Benova）。 24 × 24 のグリッドで描かれています。 Griddy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Griddy Icons
作者: Zuzana Benova
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 4.5c2.184 0 3.896.03 5.22.18c1.315.15 2.361.425 3.134 1c.808.6 1.21 1.446 1.416 2.483c.2 1.01.23 2.285.23 3.837s-.03 2.828-.23 3.837c-.205 1.037-.608 1.882-1.416 2.483c-.773.575-1.819.85-3.133 1c-1.325.15-3.037.18-5.221.18s-3.896-.03-5.22-.18c-1.315-.15-2.361-.425-3.134-1c-.808-.6-1.21-1.446-1.417-2.483C2.03 14.827 2 13.552 2 12s.03-2.828.23-3.837c.205-1.037.608-1.882 1.416-2.483c.773-.575 1.819-.85 3.133-1C8.104 4.53 9.816 4.5 12 4.5M12 6c-2.191 0-3.823.032-5.053.17c-1.24.141-1.96.38-2.406.713c-.41.305-.68.757-.84 1.571C3.532 9.296 3.5 10.427 3.5 12s.033 2.704.2 3.546c.162.814.43 1.266.841 1.571c.446.332 1.166.572 2.406.712C8.177 17.97 9.81 18 12 18s3.823-.032 5.053-.17c1.24-.141 1.96-.38 2.406-.713c.41-.305.68-.757.84-1.571c.168-.842.201-1.973.201-3.546s-.033-2.704-.2-3.546c-.162-.814-.43-1.266-.841-1.571c-.446-.332-1.166-.572-2.406-.712C15.823 6.03 14.19 6 12 6m4.762 6L9.25 16.292V7.708zm-6.012 1.707L13.737 12l-2.987-1.708z"/></svg>

Youtube アイコンの使い方

React

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

<Icon icon="griddy-icons:youtube" width="24" />

Vue

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

<template>
  <Icon icon="griddy-icons:youtube" width="24" />
</template>

Svelte

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

<Icon icon="griddy-icons:youtube" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--youtube]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:youtube"></div>

Web コンポーネント

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

<iconify-icon icon="griddy-icons:youtube"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/griddy-icons/youtube.svg" alt="Youtube アイコン" width="24" height="24">

Griddy Icons の関連アイコン

他のアイコンセットの Youtube アイコン

Youtube アイコンのよくある質問

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

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

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

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

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

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

Griddy Icons をすべて見る →