Vine アイコン

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

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

fontisto:vine

Vine アイコン(fontisto:vine)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 21 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 21 × 24
カテゴリ: ブランド

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24"><path fill="currentColor" d="M21.039 11.96a6.5 6.5 0 0 1-1.636.203a6.7 6.7 0 0 1-1.973-.296l.047.013a4.78 4.78 0 0 1-2.591-1.954l-.011-.018a6.2 6.2 0 0 1-.959-3.544v.01a3.7 3.7 0 0 1 .476-2.046l-.01.018c.242-.425.69-.708 1.205-.712h.028c.48 0 .898.262 1.12.651l.003.006a3.5 3.5 0 0 1 .411 1.873v-.01a9.5 9.5 0 0 1-.457 2.752l.019-.068c.3.475.758.826 1.299.983l.016.004c.423.139.909.22 1.414.22h.069h-.003l.712-.11a9.7 9.7 0 0 0 .822-3.832v-.005a6.9 6.9 0 0 0-1.056-4.192l.017.028A4.89 4.89 0 0 0 15.71.017l.017-.001a5.06 5.06 0 0 0-4.077 1.773l-.006.007a6.68 6.68 0 0 0-1.507 4.506V6.29l-.001.169c0 1.714.437 3.326 1.205 4.731l-.026-.052a7.6 7.6 0 0 0 3.162 3.157l.041.02a22.4 22.4 0 0 1-4.167 5.866l.002-.002a27 27 0 0 1-3.712-6.126l-.068-.175C5.337 10.881 4.464 7.407 4.119 3.779l-.011-.147H-.001c.477 4.241 1.482 8.114 2.955 11.747l-.106-.295c.908 2.372 2.11 4.42 3.592 6.231l-.031-.039a10.6 10.6 0 0 0 2.535 2.331l.04.025c.343.232.766.37 1.222.37c.419 0 .811-.117 1.144-.321l-.01.005a11 11 0 0 0 1.857-1.582l.006-.006a26 26 0 0 0 2.525-2.942l.05-.072a22.7 22.7 0 0 0 2.351-3.81l.06-.135a13.2 13.2 0 0 0 2.938-.346l-.089.018z"/></svg>

Vine アイコンの使い方

React

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

<Icon icon="fontisto:vine" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:vine" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:vine" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fontisto:vine"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/vine.svg" alt="Vine アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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