Youtube Logo Remix アイコン
streamline-flex:youtube-logo-remix
Youtube Logo Remix アイコン(streamline-flex:youtube-logo-remix)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- コンピューター・デバイス
- タグ
- youtubelogo、logoremix、youtubelogoremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M7 1c-1.165 0-2.3.085-3.39.183h-.003c-.833.08-1.624.396-2.24.914C.749 2.617.338 3.315.232 4.088v.003C.109 5.018 0 5.994 0 7s.109 1.983.232 2.91v.002c.106.773.517 1.472 1.135 1.991c.616.518 1.407.834 2.24.914h.003C4.7 12.915 5.836 13 7 13s2.3-.085 3.39-.183h.004c.833-.08 1.624-.396 2.24-.914c.618-.52 1.029-1.218 1.135-1.991v-.004C13.89 8.983 14 8.006 14 7s-.109-1.983-.232-2.91v-.002c-.106-.773-.517-1.472-1.135-1.991c-.616-.518-1.407-.834-2.24-.914h-.003C9.3 1.085 8.165 1 7 1M2.171 3.053a2.84 2.84 0 0 1 1.553-.625C4.803 2.33 5.893 2.25 7 2.25s2.198.08 3.276.178a2.84 2.84 0 0 1 1.553.625c.404.34.64.768.7 1.204c.122.912.221 1.823.221 2.743s-.1 1.83-.22 2.744c-.06.435-.296.863-.7 1.203a2.84 2.84 0 0 1-1.553.625c-1.08.098-2.17.178-3.277.178c-1.106 0-2.197-.08-3.276-.178a2.84 2.84 0 0 1-1.553-.625c-.404-.34-.64-.768-.7-1.204C1.349 8.831 1.25 7.92 1.25 7s.1-1.83.22-2.743c.06-.436.297-.863.701-1.204m7.193 3.212c.195.212.367.466.367.735c0 .27-.172.523-.367.735c-.205.223-.485.45-.794.67c-.621.442-1.398.878-2.032 1.21a1.166 1.166 0 0 1-1.714-.947a22 22 0 0 1 0-3.336a1.166 1.166 0 0 1 1.714-.947c.634.332 1.41.768 2.032 1.21c.31.22.59.447.794.67" clip-rule="evenodd"/></svg>Youtube Logo Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:youtube-logo-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:youtube-logo-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:youtube-logo-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--youtube-logo-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:youtube-logo-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:youtube-logo-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/youtube-logo-remix.svg" alt="Youtube Logo Remix アイコン" width="24" height="24">Flex free icons の関連アイコン
Youtube Logo Remix アイコン のよくある質問
Youtube Logo Remix アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Youtube Logo Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:youtube-logo-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Youtube Logo Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/youtube-logo-remix.svg" alt="Youtube Logo Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。