Fer Background アイコン
token-branded:fer-background
Fer Background アイコン(token-branded:fer-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
- タグ
- ferbackground
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="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.529 10.1c0-1.897 1.765-3.04 3.45-3.04h4.286c.64 0 1.205.517 1.205 1.2c0 .691-.579 1.152-1.205 1.152h-4.09c-.24 0-.578.066-.85.221c-.264.156-.443.382-.443.72a.94.94 0 0 0 .875.942h3.567c.57 0 1.205.418 1.205 1.162c0 .635-.518 1.19-1.205 1.19H10.71c-.099 0-.141.02-.155.029q-.352.45-.645.94l-.028.067v2.014c0 .621-.452 1.186-1.13 1.186a1.224 1.224 0 0 1-1.223-1.186v-2.023c0-.495.17-.918.334-1.243c.15-.287.339-.56.475-.758c.014-.023.028-.047.047-.06a.3.3 0 0 0 .052-.208a.6.6 0 0 0-.094-.24l-.17-.24c-.32-.47-.644-.932-.644-1.826m3.45-2.57c-1.525 0-2.98 1.021-2.98 2.57c0 .738.24 1.086.556 1.543l.179.263c.084.132.155.283.174.452a.74.74 0 0 1-.142.518l-.037.066c-.141.197-.31.447-.447.706c-.15.291-.283.64-.283 1.026v2.023c0 .386.353.715.753.715c.377 0 .66-.31.66-.715v-2.023c0-.057.013-.104.023-.142l.056-.122q.058-.126.179-.315c.155-.245.344-.49.522-.725c.085-.108.26-.193.518-.193h3.614a.726.726 0 0 0 .734-.72c0-.424-.357-.692-.734-.692h-3.567a1.41 1.41 0 0 1-1.346-1.412a1.27 1.27 0 0 1 .678-1.124a2.3 2.3 0 0 1 1.087-.287h4.094c.405 0 .73-.287.73-.683c0-.41-.34-.73-.735-.73z"/><path fill="#fff" d="M10.979 7.294h4.287a.97.97 0 0 1 .97.964c0 .542-.453.918-.97.918h-4.09c-.55 0-1.529.287-1.529 1.176c0 .706.593 1.177 1.11 1.177h3.568c.47 0 .97.344.97.927a.96.96 0 0 1-.97.955H10.71c-.212 0-.302.071-.33.104a8 8 0 0 0-.508.706c-.155.245-.226.386-.226.452v2.023c0 .513-.367.95-.894.95c-.518 0-.988-.423-.988-.95v-2.023c0-.438.15-.829.31-1.135s.358-.588.504-.795c.164-.235.103-.485-.043-.706c-.38-.588-.771-.979-.771-1.943c0-1.718 1.609-2.8 3.214-2.8"/><path fill="#fff" fill-rule="evenodd" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Fer Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:fer-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:fer-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:fer-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--fer-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:fer-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:fer-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/fer-background.svg" alt="Fer Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Fer Background アイコン のよくある質問
Fer Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fer Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:fer-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fer Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/fer-background.svg" alt="Fer Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。