Per Background アイコン
token-branded:per-background
Per Background アイコン(token-branded:per-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
- タグ
- perbackground
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(#SVGRCAax3mn)" d="M12 18.629a7.314 7.314 0 1 0 0-14.63a7.314 7.314 0 0 0 0 14.63"/><path fill="url(#SVGEY4Nse1V)" d="m4.736 10.445l-.023.256c1.088-.928 3.812-2.587 6.761-2.587c2.39 0 3.762 1.371 4.146 2.075l-.384 3.027l-4.292 2.368l-.316.242v-5.472a.862.862 0 1 0-1.723 0v7.588a7 7 0 0 0 1.723.549v-1.509c2.222-.292 5.943-1.622 5.943-5.289c0-1.394-1.033-2.903-1.582-3.479l-2.88-.836l-3.24.49l-2.497 1.284z"/><path fill="url(#SVGZTGJ8bCR)" d="m4.75 10.268l-.028.228c1.577-1.5 4.508-2.615 6.66-2.615c2.218 0 3.818 1.326 3.818 2.953c0 2.387-3.525 3.52-5.029 3.735V10.4a.914.914 0 1 0-1.828 0v8.686a.914.914 0 1 0 1.828 0v-2.752c5.76-1.362 6.4-4.38 6.4-5.298c0-.915-.68-3.836-4.9-3.836c-3.054 0-5.692 1.865-6.921 3.068"/></g><defs><linearGradient id="SVGRCAax3mn" x1="17.627" x2="4.816" y1="7.19" y2="14.361" gradientUnits="userSpaceOnUse"><stop stop-color="#fd2307"/><stop offset="1" stop-color="#fdb106"/></linearGradient><linearGradient id="SVGEY4Nse1V" x1="16.9" x2="9.895" y1="4.796" y2="18.852" gradientUnits="userSpaceOnUse"><stop stop-color="#e67f5e"/><stop offset="1" stop-color="#fcc252"/></linearGradient><linearGradient id="SVGZTGJ8bCR" x1="10.03" x2="8.996" y1="17.289" y2="19.767" gradientUnits="userSpaceOnUse"><stop stop-color="#fefefc"/><stop offset="1" stop-color="#ffc125"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Per Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:per-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:per-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:per-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--per-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:per-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:per-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/per-background.svg" alt="Per Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Per Background アイコン のよくある質問
Per Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Per Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:per-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Per Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/per-background.svg" alt="Per Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。