Pawth Background アイコン
token-branded:pawth-background
Pawth Background アイコン(token-branded:pawth-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
- タグ
- pawthbackground
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="#ff65b3" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.176 13.572v3.44l2.823 1.299v-3.445zm5.647 3.44l-2.824 1.299v-3.445l2.824-1.294zm-5.647-3.44l-2.692 4.734l2.692-1.294z"/><path fill="#fff" d="m9.176 19.999l2.823-1.694l-2.823-1.294zm-2.692-1.693L9.176 20v-2.988l-2.692 1.299zm8.339-4.734v3.44l2.691 1.299z"/><path fill="#fff" d="m14.823 20l2.691-1.695l-2.691-1.29zm-2.824-1.695l2.823 1.694v-2.988l-2.823 1.299zM12 11.883l-2.824 1.694l2.823 1.299zm2.824 1.688L12 11.877v2.988zm-8.47-4.724V11.6l2.352 1.035zm-.001 0L4 12.639l2.353-1.035z"/><path fill="#fff" d="m6.354 13.991l2.352-1.355L6.354 11.6zM4 12.64l2.353 1.351v-2.39L4 12.636zm2.353 1.784v1.873l2.357-3.219l-2.352 1.346z"/><path fill="#fff" d="M6.353 16.297v-1.873L4 13.074zm11.294-7.45V11.6l2.348 1.035z"/><path fill="#fff" d="m17.647 8.847l-2.348 3.792l2.353-1.035V8.847z"/><path fill="#fff" d="M17.647 13.991L20 12.636L17.647 11.6z"/><path fill="#fff" d="m15.299 12.64l2.353 1.351v-2.39l-2.353 1.035zm2.348 1.784v1.873L20 13.078z"/><path fill="#fff" d="M17.647 16.297v-1.873l-2.348-1.35l2.353 3.223zM9.176 4v2.753l2.207 1.035z"/><path fill="#fff" d="M9.177 4L6.97 7.793l2.21-1.035V4z"/><path fill="#fff" d="m9.176 9.143l2.207-1.355l-2.207-1.035z"/><path fill="#fff" d="m6.97 7.793l2.211 1.35v-2.39L6.97 7.788zm2.207 1.783v1.873l2.211-3.223z"/><path fill="#fff" d="M9.177 11.448V9.575L6.97 8.225l2.211 3.223zM14.823 4v2.753l2.211 1.035zm0 0l-2.202 3.793l2.202-1.035z"/><path fill="#fff" d="m14.823 9.143l2.211-1.355l-2.211-1.035z"/><path fill="#fff" d="m12.617 7.793l2.212 1.35v-2.39l-2.212 1.035zm2.207 1.783v1.873l2.212-3.223zm-.001 1.872V9.575l-2.202-1.35z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Pawth Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:pawth-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:pawth-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:pawth-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--pawth-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:pawth-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:pawth-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/pawth-background.svg" alt="Pawth Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Pawth Background アイコン のよくある質問
Pawth Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pawth Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:pawth-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pawth Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/pawth-background.svg" alt="Pawth Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。