Rpg Background アイコン
token-branded:rpg-background
Rpg Background アイコン(token-branded:rpg-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
- タグ
- rpgbackground
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="#fcc265" d="M24 0H0v24h24z"/><path fill="#000" d="M15.818 11.27a.545.545 0 1 0 0-1.09a.545.545 0 0 0 0 1.09M12 12.726l.79 1.091h.665l-.79-1.09z"/><path fill="#000" d="M12.175 11.636h-.91v-1.248h.91c.305 0 .553.273.553.608c0 .338-.248.64-.553.64m1.28-.64c0-.648-.473-1.179-1.07-1.179h-1.84v4h.728v-1.61h1.12c.582 0 1.062-.56 1.062-1.211"/><path fill="#000" d="M15.38 13.876a3.66 3.66 0 0 1-3.06 1.578a3.564 3.564 0 0 1-3.592-3.636c0-2.03 1.546-3.68 3.586-3.68L9.99 8.34L8.484 9.843l-.61 2.382l.549 1.706l.549 1.09l1.233.822l2.185.408l1.164-.346l1.574-1.09z"/><path fill="#000" d="M19.975 12.798c-.077-.389-.52-.662-.847-.836a2.45 2.45 0 0 0-1.284-.328c-.262 0-.364.08-.39.157c-.05.018.994.436 1.586.927c.037.026.237.19.233.262c0 .08-.24.127-.29.145c-.583.164-1.216.182-1.815.182c-.477 0-.964-.036-1.073-.036c-.633-.051-1.324-.073-1.957-.11c-.29-.014-.32.012-.32.012c-.007.083.182.24.582.41c.204.088.473.175.833.244c.029 0-.4.59-.604.782A3.78 3.78 0 0 1 12 15.634a3.67 3.67 0 0 1-3.636-3.774a3.72 3.72 0 0 1 3.629-3.658c.92-.011 1.79.37 2.538.887a.05.05 0 0 0 .015-.04c0-.05-.051-.124-.07-.156c-.49-.815-1.578-1.186-2.483-1.255h-.175c-2.352-.03-4.065 1.815-4.24 3.957c-.727-.19-2.713-.695-2.85-1.491c.094-.16.763-.357 2.643-.288c.073-.218.255-.483.382-.676c-2.353-.127-3.604.156-3.738.844q-.014.07-.015.134c0 1.153 2.706 1.91 3.578 2.171A4.4 4.4 0 0 0 12 16.362a4.25 4.25 0 0 0 3.215-1.495q.353-.436.582-.945a12 12 0 0 0 1.636.083c.633 0 1.335-.04 1.927-.272c.284-.106.637-.342.637-.68c.01-.102-.008-.186-.022-.255"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Rpg Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:rpg-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:rpg-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:rpg-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--rpg-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:rpg-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:rpg-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/rpg-background.svg" alt="Rpg Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Rpg Background アイコン のよくある質問
Rpg Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rpg Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:rpg-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rpg Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/rpg-background.svg" alt="Rpg Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。