ICONYZ
日本語
Flat Color Icons の Vlc アイコン

Vlc アイコン

flat-color-icons:vlc

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

アイコンセット
Flat Color Icons
作者
Icons8
ライセンス
MIT
サイズ
48 × 48
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#F57C00" d="M36.258 28.837S36.148 28 35.001 28h-3.719c.798 2.671 1.497 5.135 1.497 5.279c0 2.387-3.401 3.393-8.917 3.393c-5.515 0-8.651-.94-8.651-3.326c0-.167.998-2.692 1.791-5.346h-4.063c-.806 0-.937.749-.937.749L8.159 40.986L8.815 42h30.652l.376-1.014z"/><path fill="#E0E0E0" d="M24.001 6c-1.029 0-1.864.179-1.864.398c-.492 1.483-8.122 26.143-8.122 26.774c0 2.388 4.471 3.827 9.985 3.827s9.986-1.439 9.986-3.827c0-.549-7.614-25.268-8.122-26.774c.001-.219-.833-.398-1.863-.398"/><path fill="#FF9800" d="M33.196 30.447C32.032 32.232 28.341 34 24.046 34c-4.34 0-8.156-1.696-9.281-3.51c-.499 1.483-.892 2.647-.892 3.28c0 2.386 4.533 4.229 10.128 4.229s10.131-1.844 10.131-4.229c0-.548-.419-1.815-.936-3.323m-1.809-6.133l-2.074-6.794s-1.857 1.479-5.311 1.479s-5.316-1.479-5.316-1.479l-2.081 6.806S18.673 27 24.002 27c5.373 0 7.385-2.686 7.385-2.686m-4.146-13.505l-1.376-4.41s-.083-.398-1.864-.398c-1.844 0-1.864.398-1.864.398l-1.376 4.407S21.646 12 24 12s3.241-1.191 3.241-1.191"/></svg>

Vlc アイコンの使い方

React

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

<Icon icon="flat-color-icons:vlc" width="24" />

Vue

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

<template>
  <Icon icon="flat-color-icons:vlc" width="24" />
</template>

Svelte

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

<Icon icon="flat-color-icons:vlc" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-color-icons--vlc]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-color-icons -->
<div class="i-flat-color-icons:vlc"></div>

Web コンポーネント

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

<iconify-icon icon="flat-color-icons:vlc"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/flat-color-icons/vlc.svg" alt="Vlc アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Flat Color Icons をすべて見る →