Per アイコン
token-branded:per
Per アイコン(token-branded:per)は、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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGkOiHGdLu)" d="M12 19.457A8.229 8.229 0 1 0 12 3a8.229 8.229 0 0 0 0 16.457"/><path fill="url(#SVGJa1tddWr)" d="m3.828 10.251l-.026.288c1.224-1.044 4.29-2.91 7.606-2.91c2.69 0 4.233 1.542 4.665 2.334l-.432 3.405l-4.83 2.664l-.354.272v-6.156a.97.97 0 0 0-1.939 0v8.537a8 8 0 0 0 1.939.617v-1.697c2.5-.329 6.685-1.825 6.685-5.95c0-1.568-1.162-3.266-1.779-3.914l-3.24-.94l-3.646.55l-2.808 1.445z"/><path fill="url(#SVGveaLocqZ)" d="m3.843 10.05l-.03.258c1.774-1.687 5.07-2.942 7.492-2.942c2.495 0 4.295 1.492 4.295 3.323c0 2.684-3.965 3.96-5.657 4.201V10.2a1.029 1.029 0 1 0-2.057 0v9.771a1.028 1.028 0 1 0 2.057 0v-3.096c6.48-1.532 7.2-4.926 7.2-5.96c0-1.029-.767-4.315-5.514-4.315c-3.435 0-6.402 2.098-7.786 3.45"/><defs><linearGradient id="SVGkOiHGdLu" x1="18.331" x2="3.919" y1="6.589" y2="14.656" gradientUnits="userSpaceOnUse"><stop stop-color="#fd2307"/><stop offset="1" stop-color="#fdb106"/></linearGradient><linearGradient id="SVGJa1tddWr" x1="17.513" x2="9.632" y1="3.896" y2="19.709" gradientUnits="userSpaceOnUse"><stop stop-color="#e67f5e"/><stop offset="1" stop-color="#fcc252"/></linearGradient><linearGradient id="SVGveaLocqZ" x1="9.783" x2="8.621" y1="17.95" y2="20.738" gradientUnits="userSpaceOnUse"><stop stop-color="#fefefc"/><stop offset="1" stop-color="#ffc125"/></linearGradient></defs></g></svg>Per アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:per" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:per" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:per" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--per]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:per"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:per"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/per.svg" alt="Per アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Per アイコン のよくある質問
Per アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Per アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:per" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Per アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/per.svg" alt="Per アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。