Sfrxeth Background アイコン
token-branded:sfrxeth-background
Sfrxeth Background アイコン(token-branded:sfrxeth-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
- タグ
- sfrxethbackground
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="m14.542 7.92l-.013-.018l-2.232-3.858q-.053-.094-.053.013v3.956a2.533 2.533 0 0 1 2.231 2.56l2.072.911a.02.02 0 0 0 .026-.009a.05.05 0 0 0 0-.044l-.982-1.698q-.018-.027.004-.054l2.16-2.284q.048-.053 0-.098L16.534 6a.09.09 0 0 0-.1-.02a.1.1 0 0 0-.029.02l-1.8 1.911a.05.05 0 0 1-.04.014zm-2.774-3.872l.005 3.96a2.533 2.533 0 0 0-2.25 2.565l-2.053.906a.03.03 0 0 1-.017 0h-.005l-.009-.008a.03.03 0 0 1 0-.036l.987-1.711a.03.03 0 0 0-.004-.04L6.23 7.373a.03.03 0 0 1-.008-.027a.03.03 0 0 1 .008-.022l1.298-1.365a.03.03 0 0 1 .014-.009h.013l.009.01l1.858 1.973l.009.004a.03.03 0 0 0 .026 0l.01-.009L11.71 4.03a.03.03 0 0 1 .018-.009h.017a.03.03 0 0 1 .018.014v.013zM7.43 12.035l2.143-.942a2.51 2.51 0 0 0 2.2 2.04v1.689c0 .009 0 .018-.009.027a.04.04 0 0 1-.013.017a.04.04 0 0 1-.045 0l-4.28-2.746l-.018-.018a.05.05 0 0 1 .005-.049zm4.814 2.787v-1.689a2.52 2.52 0 0 0 2.178-2.045l2.156.947h.009q.008.006.013.014a.05.05 0 0 1 .001.057l-.014.014l-4.272 2.742a.05.05 0 0 1-.044 0a.04.04 0 0 1-.018-.013a.05.05 0 0 1-.009-.027M9.933 17.44a.05.05 0 0 1 .031-.018c.018 0 .031 0 .04.018c.587.889 1.147 1.724 1.685 2.516a.1.1 0 0 0 .044.044h.013l.018-.005l.005-.008l.004-.018v-3.556a.1.1 0 0 0-.009-.04a.1.1 0 0 0-.031-.03L7.51 13.625c-.022-.017-.035-.009-.03.023q0 .034.022.062l1.342 2a.05.05 0 0 1-.005.067l-2.044 2.164a.05.05 0 0 0 0 .067l1.262 1.333q.008.009.018.014q.015.008.033.005a.05.05 0 0 0 .03-.014l1.795-1.912zm4.133-.009h.005l1.778 1.884q.066.068.133 0l1.222-1.293q.046-.047 0-.089L15.186 15.8a.09.09 0 0 1-.008-.116l1.377-2.04l.005-.01v-.012a.02.02 0 0 0-.009-.013h-.027l-4.218 2.71a.13.13 0 0 0-.053.09l-.004.026l-.005 3.534l.005.018l.022.009a.04.04 0 0 0 .022 0l.018-.018l1.698-2.538a.04.04 0 0 1 .03-.018h.014q.008.003.013.009m-1.618-6.33q.022.056.023.125a.3.3 0 0 1-.045.156a.3.3 0 0 1-.133.107a.55.55 0 0 1-.227.04a1 1 0 0 1-.222-.023a.4.4 0 0 1-.169-.075a.35.35 0 0 1-.106-.143a.6.6 0 0 1-.036-.213h-.636q.001.239.103.418a.86.86 0 0 0 .266.284c.111.076.24.134.378.17c.277.07.568.07.845 0a.9.9 0 0 0 .328-.152a.68.68 0 0 0 .285-.569a.72.72 0 0 0-.245-.555a1.2 1.2 0 0 0-.297-.2a3 3 0 0 0-.4-.156a2.3 2.3 0 0 1-.4-.169a.4.4 0 0 1-.107-.102a.2.2 0 0 1-.036-.12c0-.058.014-.107.045-.156a.33.33 0 0 1 .142-.11a.6.6 0 0 1 .236-.045a.5.5 0 0 1 .24.053c.062.031.11.08.142.133a.45.45 0 0 1 .049.205h.63a.76.76 0 0 0-.132-.449a.86.86 0 0 0-.37-.302a1.56 1.56 0 0 0-.973-.054a1 1 0 0 0-.337.156a.65.65 0 0 0-.223.244a.63.63 0 0 0-.08.32a.6.6 0 0 0 .076.32c.049.09.12.174.209.24q.132.109.306.183q.173.078.365.137c.111.036.2.067.267.103a.6.6 0 0 1 .16.093a.25.25 0 0 1 .08.107"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Sfrxeth Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:sfrxeth-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:sfrxeth-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:sfrxeth-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--sfrxeth-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:sfrxeth-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:sfrxeth-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/sfrxeth-background.svg" alt="Sfrxeth Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Sfrxeth Background アイコン のよくある質問
Sfrxeth Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sfrxeth Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:sfrxeth-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sfrxeth Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/sfrxeth-background.svg" alt="Sfrxeth Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。