Flm Background アイコン

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

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

token-branded:flm-background

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGUUEuweYC)" d="m8.954 7.983l-.095.105l-2.827 3.153c-.492.491-.816.161-.811-.27V8.676c.018-.54.223-1.051.572-1.426c.35-.375.815-.584 1.299-.583h1.862l-.543.615l-.629.701z"/><path fill="url(#SVGHEe4iYVX)" d="M18.779 9.433a5.25 5.25 0 0 1-1.376 3.404l-6.652 6.651a2 2 0 0 1-1.34.512a3 3 0 0 1-.4-.037l-.39-.121a9.5 9.5 0 0 1-1.219-.521l-.083-.047a.28.28 0 0 1-.112-.232a.3.3 0 0 1 .056-.177l7.46-7.47a.6.6 0 0 0 .093-.13q.07-.135.112-.28q.02-.091.028-.185a.5.5 0 0 0 .01-.122c0-.33-.132-.647-.366-.88c-.234-.235-.55-.465-.881-.465h-2.726l1.832-1.734a.479.479 0 0 0-.26-.875H8.67s.38-.408.529-.557c.335-.363.744-.828 1.19-1.154A5.2 5.2 0 0 1 13.496 4c.662 0 1.318.123 1.935.363l.251.102a5.4 5.4 0 0 1 1.238.79l.074.066h.01a5.3 5.3 0 0 1 1.776 3.953z"/><path fill="#e35cc7" d="M13.278 6.666H8.736L6.375 8.819a.3.3 0 0 0 .054.464c.05.032.11.05.17.05h5.1l1.971-1.944a.4.4 0 0 0 .085-.256a.47.47 0 0 0-.14-.33a.48.48 0 0 0-.337-.137m-1.961 1.338a.3.3 0 0 1-.215-.086a.3.3 0 0 1-.094-.208a.3.3 0 0 1 .14-.247a.3.3 0 0 1 .16-.046a.3.3 0 0 1 .278.177a.29.29 0 0 1-.06.32a.3.3 0 0 1-.21.09"/><path fill="#8961d0" d="m8.67 6.725l-2.276 2.05a.325.325 0 0 0 .232.558h.995l2.824-2.608zm2.76 1.359a.297.297 0 1 0 .001-.595a.297.297 0 0 0 0 .595"/><path fill="url(#SVGN8KUAblM)" d="M11.43 8.083a.298.298 0 1 0 .001-.596a.298.298 0 0 0 0 .596"/><path fill="#480061" d="M11.72 7.785a.3.3 0 0 0-.29-.298a.32.32 0 0 0-.26.15a.31.31 0 0 1 .315-.054a.29.29 0 0 1 .178.267v.01a.25.25 0 0 1-.037.139a.3.3 0 0 0 .093-.214"/><path fill="url(#SVGpT5axc2h)" d="M13.279 6.666h-4.55L6.376 8.819c-.182.183-.046.508.215.513h5.107L13.67 7.39a.4.4 0 0 0 .084-.256a.47.47 0 0 0-.14-.33a.48.48 0 0 0-.336-.137m-1.974 1.338a.3.3 0 0 1-.277-.181a.3.3 0 0 1-.023-.113a.3.3 0 0 1 .14-.248a.3.3 0 0 1 .16-.045a.3.3 0 0 1 .205.09a.3.3 0 0 1 .085.203a.3.3 0 0 1-.087.202a.3.3 0 0 1-.203.092"/><path fill="url(#SVGEgfuKcnF)" d="M8.726 6.666L6.392 8.782c-.229.209-.187.55.163.55h1.19l2.81-2.666z"/><path fill="url(#SVG62HH9b9k)" d="m12.421 9.333l1.227-1.925l-1.951 1.925z"/></g><defs><linearGradient id="SVGUUEuweYC" x1="5.221" x2="18.779" y1="11.966" y2="11.966" gradientUnits="userSpaceOnUse"><stop stop-color="#4750d9"/><stop offset=".41" stop-color="#5c45dc"/><stop offset="1" stop-color="#8131e1"/></linearGradient><linearGradient id="SVGHEe4iYVX" x1="5.221" x2="18.779" y1="11.999" y2="11.999" gradientUnits="userSpaceOnUse"><stop stop-color="#e96161"/><stop offset=".2" stop-color="#e65b76"/><stop offset=".61" stop-color="#df4aac"/><stop offset="1" stop-color="#d739e6"/></linearGradient><linearGradient id="SVGN8KUAblM" x1="5.197" x2="18.61" y1="11.999" y2="11.999" gradientUnits="userSpaceOnUse"><stop stop-color="#b100d3"/><stop offset=".23" stop-color="#9c00c0"/><stop offset=".69" stop-color="#67008e"/><stop offset="1" stop-color="#40006a"/></linearGradient><linearGradient id="SVGpT5axc2h" x1="5.215" x2="18.78" y1="11.999" y2="11.999" gradientUnits="userSpaceOnUse"><stop stop-color="#d0d7d3"/><stop offset=".52" stop-color="#d9c5e8"/><stop offset="1" stop-color="#e3b1ff"/></linearGradient><linearGradient id="SVGEgfuKcnF" x1="5.362" x2="18.777" y1="11.999" y2="11.999" gradientUnits="userSpaceOnUse"><stop stop-color="#b277ec"/><stop offset=".77" stop-color="#9336e7"/><stop offset="1" stop-color="#8921e6"/></linearGradient><linearGradient id="SVG62HH9b9k" x1="11.819" x2="13.748" y1="8.47" y2="8.47" gradientUnits="userSpaceOnUse"><stop stop-opacity=".5"/><stop offset=".1" stop-color="#201322" stop-opacity=".59"/><stop offset=".25" stop-color="#4a2c4e" stop-opacity=".72"/><stop offset=".4" stop-color="#6d4173" stop-opacity=".82"/><stop offset=".55" stop-color="#885190" stop-opacity=".9"/><stop offset=".85" stop-color="#a664b0"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Flm Background アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="token-branded:flm-background"></iconify-icon>

HTML 画像

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

Web3 Icons Branded の関連アイコン

Flm Background アイコンのよくある質問

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

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

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

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

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

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

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