Pnt Background アイコン
token-branded:pnt-background
Pnt Background アイコン(token-branded:pnt-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
- タグ
- pntbackground
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="#3c2966" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12.002 4c.44 0 .733.114 1.182.572c.56.572 1.59.783 2.344.732c.603-.04.98.177 1.227.402c.177.162.461.63.582 1.273s.832 1.292 1.172 1.537c.346.176.988.707.988 1.459c.012.142.003.618-.318 1.343c-.14.313-.133 1.086 0 1.674c.126.314.319.871.319 1.172c0 .376-.135.81-.72 1.168c-.586.359-1.34 1.042-1.542 1.862c-.2.82-.318 1.025-.586 1.23s-.551.308-1.506.325s-1.624.41-2.194.888c-.456.383-.99.433-1.401.29a6.5 6.5 0 0 1-.756-.51c-.236-.175-.446-.33-.611-.398l-.127-.054c-.258-.115-.488-.216-1.342-.216c-.79 0-1.239-.288-1.514-.497c-.162-.122-.368-.482-.476-1.07c-.106-.588-.898-1.575-1.476-1.87c-.448-.228-.747-.906-.747-1.253c0-.348.075-.802.345-1.328c.13-.254.143-1.404-.144-1.964c-.321-.625-.134-1.263 0-1.532c.152-.308.554-.576.9-.808q.127-.084.237-.161c.33-.234.714-.781.866-1.287c.06-.308.25-.998.535-1.299c.357-.376 1.01-.376 1.826-.376c.654 0 1.515-.549 1.901-.854q.045-.03.1-.072c.2-.15.506-.378.936-.378m-.44 2.727a1 1 0 0 0-.35.284L9.92 8.666a1 1 0 0 1-.447.325l-1.974.717a1 1 0 0 0-.487 1.5l1.175 1.74a1 1 0 0 1 .17.526l.073 2.1a1 1 0 0 0 1.276.926l2.018-.58a1 1 0 0 1 .553 0l2.018.58a1 1 0 0 0 1.276-.927l.072-2.099a1 1 0 0 1 .17-.526l1.176-1.74a1 1 0 0 0-.487-1.5l-1.974-.716a1 1 0 0 1-.448-.325L12.79 7.01a1 1 0 0 0-1.227-.284" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Pnt Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:pnt-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:pnt-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:pnt-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--pnt-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:pnt-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:pnt-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/pnt-background.svg" alt="Pnt Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Pnt Background アイコン のよくある質問
Pnt Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pnt Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:pnt-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pnt Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/pnt-background.svg" alt="Pnt Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。