Sfm アイコン

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

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

token-branded:sfm

Sfm アイコン(token-branded:sfm)は、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(#SVGD34xkcSs)" fill-rule="evenodd" d="M15.298 4.864a7.9 7.9 0 0 1 3.36 2.87c-.337.32-.529.698-.562 1.131a1.62 1.62 0 0 0 1.654 1.773q.06-.001.068.056l.112.985a7.6 7.6 0 0 1-.422 2.758c-.866 2.347-2.758 3.996-5.093 4.824a10.92 10.92 0 0 1-7.311.028a6 6 0 0 1-.99-.456c-.187-.113-.204-.084-.057.067c1.182 1.239 2.797 1.858 4.491 2.021l.732.073h1.277a9.24 9.24 0 0 0 4.706-1.688A9 9 0 1 0 3.006 11.69a7.75 7.75 0 0 0 .591 3.32q.65 1.56 1.914 2.505a4.9 4.9 0 0 0 3.326.923c1.38-.084 2.64-.557 3.929-1.176a6.7 6.7 0 0 0 1.823-1.278c1.17-1.126 1.874-2.516 2.11-4.187q.11-.719.074-1.531a.09.09 0 0 0-.045-.073l-4.598-3.14q-.045-.026-.08 0l-4.609 3.152a.09.09 0 0 0-.039.073v.76a7.2 7.2 0 0 0 2.56 5.29a.11.11 0 0 0 .108.023l1.187-.462c.023-.005.029-.016.034-.022v-.011l-.022-.023a6.01 6.01 0 0 1-2.68-4.981l3.44-2.347a.096.096 0 0 1 .118 0l3.405 2.324c.028.023.039.046.034.08l-.113 1.057a5.8 5.8 0 0 1-1.632 3.119c-.316.309-.743.613-1.284.9c-1.334.805-2.904 1.362-4.474 1.266a3.44 3.44 0 0 1-1.655-.546a4.33 4.33 0 0 1-1.593-1.84l-.371-.94a.084.084 0 0 1 .028-.096c.569-.495.44-1.35-.264-1.649a.07.07 0 0 1-.045-.056v-.067c0-1.098.225-2.15.652-3.152a.1.1 0 0 1 .057-.057a.11.11 0 0 1 .118.017q.024.025.056.04h.017c.98.23 1.801-.028 2.46-.788c.551-.754.613-1.621.174-2.612a.04.04 0 0 1 0-.034h.006v-.005l.011-.006a7.76 7.76 0 0 1 5.83-1.137a7.7 7.7 0 0 1 1.729.546zM7.138 8.01q.903-1.064.27-2.268l-.017-.017l-.006-.006h-.022l-.017.011a8.1 8.1 0 0 0-2.083 2.325l-.197.338a.085.085 0 0 0 .045.123q1.183.32 2.026-.506m11.661.112c-.748.861-.214 2.043.895 2.156q.043.002.034-.04a8.4 8.4 0 0 0-.844-2.121a.06.06 0 0 0-.085.011zM4.216 12.648l.107.742l.001.007l.005.005h.011c.045-.012.09-.057.113-.13a.7.7 0 0 0 .017-.27l-.006-.023a.7.7 0 0 0-.09-.253a.3.3 0 0 0-.073-.073a.1.1 0 0 0-.073-.017h-.012z" clip-rule="evenodd"/><path fill="url(#SVG1wfsebnV)" fill-rule="evenodd" d="M18.326 13.522a.856.856 0 0 1 .585.911a.84.84 0 0 1-.642.72a.86.86 0 0 1-1.063-.787a.85.85 0 0 1 .473-.8a.86.86 0 0 1 .647-.044m-.394 1.266c-.32-.124-.422-.338-.32-.659c.213-.343.663-.394.877-.033c.107.225.056.427-.135.59c-.135.124-.281.158-.428.102z" clip-rule="evenodd"/><path fill="url(#SVGLYvg6dAw)" d="m12.068 14.94l.186-.957q0-.012.008-.02a.03.03 0 0 1 .02-.009a.03.03 0 0 1 .028.017l.135.186q.005.009.015.011a.03.03 0 0 0 .019 0h.005l.012-.009l.005-.013l.101-.53v-.022a.03.03 0 0 0-.01-.013a.03.03 0 0 0-.018-.004h-1.04v.006h-.012l-.006.011a.04.04 0 0 0-.005.023l.1.517q.004.009.01.014l.013.009a.03.03 0 0 0 .02 0a.03.03 0 0 0 .014-.011l.13-.158l.01-.011a.04.04 0 0 1 .02 0a.04.04 0 0 1 .015.011l.011.017l.146.934l.012.017q.006.007.016.009q.01 0 .017-.003h.006l.011-.023z"/><path fill="#25223d" d="M11.673 12.4v-1.48c0-.394.349-.89.563-1.199a.04.04 0 0 1 .03-.015a.04.04 0 0 1 .032.015c.253.36.563.8.563 1.238q-.019.76-.012 1.452c0 .034.023.057.057.068c.35.125.656.353.877.653a.04.04 0 0 1-.039.04h-2.96a.04.04 0 0 1-.017-.008l-.011-.014a.04.04 0 0 1 0-.035a1.94 1.94 0 0 1 .866-.63c.04-.017.057-.04.057-.08z"/><defs><linearGradient id="SVGD34xkcSs" x1="12.011" x2="12.011" y1="2.984" y2="20.994" gradientUnits="userSpaceOnUse"><stop stop-color="#00a89e"/><stop offset="1" stop-color="#abddd7"/></linearGradient><linearGradient id="SVG1wfsebnV" x1="-51.609" x2="-51.609" y1="-108.079" y2="82.582" gradientUnits="userSpaceOnUse"><stop stop-color="#00a89e"/><stop offset="1" stop-color="#abddd7"/></linearGradient><linearGradient id="SVGLYvg6dAw" x1="11.259" x2="11.259" y1="-134.278" y2="99.152" gradientUnits="userSpaceOnUse"><stop stop-color="#00a89e"/><stop offset="1" stop-color="#abddd7"/></linearGradient></defs></g></svg>

Sfm アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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

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