Ins アイコン

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

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

token-branded:ins

Ins アイコン(token-branded:ins)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons Branded
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGbbOVlcvs)" d="M3.083 20.345v.654h.658l2.122-2.29v-.655h-.659z"/><path fill="url(#SVGkiDzxemt)" d="m9.259 21l1.044-2.31v-.636h-.68l-1.044 2.31V21z"/><path fill="url(#SVGRkra0ckF)" d="M20.998 15.632v-.677l-2.222-1.193h-.64v.675l2.223 1.194z"/><path fill="url(#SVG7HfxjeUW)" d="M20.998 9.044V8.37h-.64l-2.221 1.194v.675h.64z"/><path fill="url(#SVGpdwPSdmA)" d="M8.579 3v.636l1.045 2.309h.68v-.637L9.258 3z"/><path fill="url(#SVGuViao70Y)" d="M20.918 3.654V3h-.66l-2.12 2.29v.655h.658z"/><path fill="#be5095" d="M14.569 9.427h-.643v.643h.643z"/><path fill="url(#SVGhIvuidVz)" d="M13.697 18.054v.637l1.044 2.308h.68v-.637l-1.045-2.307z"/><path fill="url(#SVGkxKnuBZA)" d="M15.42 3h-.679l-1.044 2.309v.636h.68l1.044-2.309z"/><path fill="url(#SVGBcRUzeVz)" d="M20.918 20.999v-.654l-2.122-2.29h-.66v.654l2.122 2.29z"/><path fill="url(#SVGcyevBjwY)" d="M3.001 14.955v.675h.64l2.222-1.193v-.675h-.64z"/><path fill="url(#SVG2Bd1FbnL)" d="M3.083 3v.654l2.12 2.29h.66v-.653L3.74 3z"/><path fill="#bd687b" d="M9.427 14.57h.642v-.643h-.642z"/><path fill="url(#SVGoUaRgcRS)" d="M3.001 8.369v.675l2.223 1.194h.64v-.675L3.64 8.369z"/><path fill="#ac5e90" d="M9.427 10.07h.642v-.643h-.642z"/><path fill="#c85c7f" d="M14.569 13.927h-.643v.643h.643z"/><defs><linearGradient id="SVGbbOVlcvs" x1="20.998" x2="2.996" y1="2.999" y2="20.997" gradientUnits="userSpaceOnUse"><stop stop-color="#c27e64"/><stop offset="1" stop-color="#cd8d56"/></linearGradient><linearGradient id="SVGkiDzxemt" x1="16.893" x2="3.004" y1="3.004" y2="20.996" gradientUnits="userSpaceOnUse"><stop stop-color="#cb7365"/><stop offset="1" stop-color="#d57d56"/></linearGradient><linearGradient id="SVGRkra0ckF" x1="3.001" x2="20.999" y1="3.006" y2="18.238" gradientUnits="userSpaceOnUse"><stop stop-color="#d75080"/><stop offset="1" stop-color="#e34b76"/></linearGradient><linearGradient id="SVG7HfxjeUW" x1="2.452" x2="21.007" y1="18.896" y2="3.009" gradientUnits="userSpaceOnUse"><stop stop-color="#cf4794"/><stop offset="1" stop-color="#d739a3"/></linearGradient><linearGradient id="SVGpdwPSdmA" x1="3.008" x2="18.916" y1="3" y2="20.992" gradientUnits="userSpaceOnUse"><stop stop-color="#8554b2"/><stop offset="1" stop-color="#9c55a5"/></linearGradient><linearGradient id="SVGuViao70Y" x1="3.343" x2="21.003" y1="20.658" y2="3.006" gradientUnits="userSpaceOnUse"><stop stop-color="#c43cae"/><stop offset="1" stop-color="#cd2cc3"/></linearGradient><linearGradient id="SVGhIvuidVz" x1="3.364" x2="17.407" y1="3.443" y2="20.991" gradientUnits="userSpaceOnUse"><stop stop-color="#d66766"/><stop offset="1" stop-color="#e26a55"/></linearGradient><linearGradient id="SVGkxKnuBZA" x1="3.002" x2="17.843" y1="20.996" y2="3" gradientUnits="userSpaceOnUse"><stop stop-color="#ad4aa9"/><stop offset="1" stop-color="#ad3ebb"/></linearGradient><linearGradient id="SVGBcRUzeVz" x1="3.006" x2="21.008" y1="2.999" y2="20.989" gradientUnits="userSpaceOnUse"><stop stop-color="#e15a68"/><stop offset="1" stop-color="#eb5a55"/></linearGradient><linearGradient id="SVGcyevBjwY" x1="20.998" x2="2.989" y1="2.999" y2="17.932" gradientUnits="userSpaceOnUse"><stop stop-color="#ac757a"/><stop offset="1" stop-color="#ac8270"/></linearGradient><linearGradient id="SVG2Bd1FbnL" x1="3.002" x2="20.945" y1="3" y2="20.939" gradientUnits="userSpaceOnUse"><stop stop-color="#6466aa"/><stop offset="1" stop-color="#8563a1"/></linearGradient><linearGradient id="SVGoUaRgcRS" x1="3.268" x2="21.005" y1="3.229" y2="18.467" gradientUnits="userSpaceOnUse"><stop stop-color="#857390"/><stop offset="1" stop-color="#986c8d"/></linearGradient></defs></g></svg>

Ins アイコンの使い方

React

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

<Icon icon="token-branded:ins" width="24" />

Vue

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

<template>
  <Icon icon="token-branded:ins" width="24" />
</template>

Svelte

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

<Icon icon="token-branded:ins" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ins]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ins"></div>

Web コンポーネント

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

<iconify-icon icon="token-branded:ins"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token-branded/ins.svg" alt="Ins アイコン" width="24" height="24">

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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

Web3 Icons Branded アイコンをすべて見る →