Youtube アイコン

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

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

icon-park:youtube

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

アイコンセット: IconPark
作者: ByteDance
ライセンス: Apache-2.0
サイズ: 48 × 48
カテゴリ: ブランド

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round"><path fill="#2F88FF" stroke="#000" stroke-width="4" d="M11.0637 10.4144C16.6069 10.1381 20.9183 10 23.998 10C27.0781 10 31.3911 10.1382 36.937 10.4145V10.4145C39.9391 10.5641 42.3672 12.9119 42.6176 15.9072C42.8712 18.9412 42.998 21.6134 42.998 23.9238C42.998 26.2626 42.8681 28.972 42.6082 32.0522H42.6082C42.3586 35.0103 39.9833 37.3412 37.021 37.5349C32.2796 37.845 27.9386 38 23.998 38C20.058 38 15.7186 37.845 10.9798 37.5351V37.5351C8.01852 37.3414 5.6437 35.0119 5.39288 32.055C5.12966 28.9518 4.99805 26.2414 4.99805 23.9238C4.99805 21.6341 5.12651 18.961 5.38345 15.9044L5.38346 15.9044C5.63514 12.9103 8.06274 10.564 11.0637 10.4144Z"/><path fill="#43CCF8" stroke="#fff" stroke-width="3.429" d="M21 19.6092V28.406C21 28.8794 21.3838 29.2631 21.8571 29.2631C22.0252 29.2631 22.1896 29.2137 22.3298 29.1211L28.9274 24.7605C29.3223 24.4995 29.4308 23.9677 29.1698 23.5728C29.1074 23.4784 29.0269 23.3973 28.933 23.3341L22.3354 18.8979C21.9426 18.6337 21.41 18.7381 21.1458 19.1309C21.0508 19.2723 21 19.4388 21 19.6092Z"/></g></svg>

Youtube アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="icon-park:youtube"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

IconPark アイコンをすべて見る →