Pkr Background アイコン
token-branded:pkr-background
Pkr Background アイコン(token-branded:pkr-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
- タグ
- pkrbackground
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(#SVGY5GXkbXE)" d="M12.01 19.664c4.253 0 7.7-3.443 7.7-7.69s-3.447-7.69-7.7-7.69s-7.7 3.443-7.7 7.69s3.447 7.69 7.7 7.69"/><path fill="url(#SVGfCcxNban)" fill-rule="evenodd" d="m16.37 5.59l.13-.21a8.04 8.04 0 0 1 2.55 2.815l-.22.11a7.8 7.8 0 0 0-2.46-2.715m3.38 6.87H20c-.08 1.37-.5 2.65-1.185 3.75l-.255-.055a7.7 7.7 0 0 0 1.19-3.7zm-4.3 6.485l.115.225a8 8 0 0 1-3.54.83v-.25c1.23 0 2.395-.29 3.43-.8zm-7.53-.355l-.14.205a8.05 8.05 0 0 1-2.585-2.59l.2-.15c.63 1.025 1.5 1.9 2.525 2.535M4.25 11.9H4c.015-1.31.35-2.545.92-3.63l.235.09a7.7 7.7 0 0 0-.905 3.54M12 4h.055v.25h-.05c-1.37 0-2.65.35-3.765.965l-.1-.225A8 8 0 0 1 12.005 4zm7.51 8a7.506 7.506 0 1 1-15.011.004a7.506 7.506 0 0 1 15.011-.009zm.25 0a7.75 7.75 0 0 1-4.79 7.163a7.75 7.75 0 0 1-8.45-1.684a7.756 7.756 0 1 1 13.24-5.484z" clip-rule="evenodd"/><path fill="url(#SVGAxgFERcC)" fill-rule="evenodd" d="M12.166 5.375c-.005.46-.325 1.58-1.595 2.73l-1.3 1.19c-.825.76-1.55 1.425-1.9 1.705h2.2l.08.01c.35.035.94.1.94.545V12h-4.02l-.065.1c-.175.27-.505.785-.505 1.335c0 .79.95 2.565 2.86 2.565c1.525 0 2.725-.815 3.13-1.125c.545.4 1.975 1.125 3.385 1.125C17.14 16 18 14.98 18 13.78c0-.965-.47-1.56-.63-1.74c.02.19-.11.66-.8 1.035l.29 1.425H15.5l-.205-1.265l-.345 1.265h-1.33l.48-2.255h2.13V12h-2.075l.21-1h2.31s-2.39-2.025-3.055-2.77c-.66-.735-1.445-1.75-1.46-2.85zM10.846 11l-.205 1h1.38l.16-1zm-.725 3.5h1.325l.33-1.215l.405 1.215h1.39l-.54-1.845l.315-.42h-2.81zm2.03-2.5l.82-1h1.335l-.775 1zm-2.975 5.5c.88-.1 2.535-.735 2.825-2.5a2.99 2.99 0 0 0 2.825 2.5zm-2.365-3h1.35l.24-1.23h.655c.34-.03 1.05-.2 1.19-.655l.1-.35h-3.12z" clip-rule="evenodd"/></g><defs><linearGradient id="SVGY5GXkbXE" x1="7.548" x2="16.392" y1="6.595" y2="16.638" gradientUnits="userSpaceOnUse"><stop stop-color="#fffcf8"/><stop offset="1" stop-color="#575757"/></linearGradient><linearGradient id="SVGfCcxNban" x1="7.74" x2="17.75" y1="6.145" y2="17.44" gradientUnits="userSpaceOnUse"><stop stop-color="#fb18ad"/><stop offset=".47" stop-color="#e20c7b"/><stop offset="1" stop-color="#1d010d"/></linearGradient><linearGradient id="SVGAxgFERcC" x1="8.432" x2="15.247" y1="9.11" y2="14.999" gradientUnits="userSpaceOnUse"><stop stop-color="#ff14a4"/><stop offset="1" stop-color="#1c000c"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Pkr Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:pkr-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:pkr-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:pkr-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--pkr-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:pkr-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:pkr-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/pkr-background.svg" alt="Pkr Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Pkr Background アイコン のよくある質問
Pkr Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pkr Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:pkr-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pkr Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/pkr-background.svg" alt="Pkr Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。