Invision アイコン

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

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

fontisto:invision

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

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: 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="M21.825 0H2.175A2.177 2.177 0 0 0 0 2.175v19.65A2.177 2.177 0 0 0 2.175 24h19.65A2.177 2.177 0 0 0 24 21.825V2.175A2.177 2.177 0 0 0 21.825 0M8.02 4.667a1.443 1.443 0 0 1 0 2.884v.027a1.454 1.454 0 1 1 0-2.91zm9.816 13.815a1.974 1.974 0 0 1-2.199-2.097v-.003c0-.382.055-.75.157-1.099l-.007.028l.71-2.545c.07-.221.11-.476.11-.739v-.037v.002a1.21 1.21 0 0 0-1.304-1.315h.004c-1.013 0-1.68.727-2.025 2.13l-1.381 5.535H9.488l.432-1.74a3.43 3.43 0 0 1-2.903 1.885H7.01a1.932 1.932 0 0 1-2.156-2.122l-.001.008q.007-.58.137-1.119l-.007.034l1.1-4.49H4.376l.518-1.9h4.1l-1.62 6.4c-.084.293-.138.63-.15.979v.007c0 .41.2.53.517.6a2.71 2.71 0 0 0 2.554-1.821l.006-.019l1.06-4.25H9.638l.52-1.875h3.72l-.48 2.16a4.21 4.21 0 0 1 3.189-2.352l.023-.003a2.508 2.508 0 0 1 2.474 2.833l.001-.013v.004c0 .561-.088 1.101-.25 1.608l.01-.037l-.69 2.476a3 3 0 0 0-.1.654v.006c0 .434.18.645.494.645s.735-.24 1.2-1.56l.943.36c-.555 1.964-1.576 2.774-2.85 2.774z"/></svg>

Invision アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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