Rome Background アイコン
token-branded:rome-background
Rome Background アイコン(token-branded:rome-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
- タグ
- romebackground
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="#be1f3d" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.175 5.306c1.193.454 1.373 1.244 1.373 6.74c0 5.498-.113 5.859-1.44 6.556a.3.3 0 0 0-.108.123c.072.17 1.383.212 4.372.212c4.155 0 4.624-.03 3.963-.392a2.5 2.5 0 0 1-1.006-.976c-.377-.877-.31-10.286.031-11.23c.315-.76.268-.79 1.559-.672c2.802.336 4.062 1.884 4.062 5.105c0 2.245-.568 3.52-1.982 4.614c-.692.516-.98 1.063-1.136 2.158l-.211 1.424H20V17.24c0-1.672-.031-1.703-.506-1.063c-.408.578-.753.67-2.513.67c-2.013 0-2.674-.397-1.26-.732c1.136-.274 2.736-1.667 3.21-2.823c.661-1.487.568-4.005-.221-5.224c-1.637-2.58-3.071-3.065-9.833-3.034c-3.339 0-5.145.092-4.702.273m4.795.79c.093.273.191 2.978.191 6.039c0 4.438-.098 5.62-.444 5.894c-.877.696-1.3-.64-1.3-6.039c0-4.862.387-6.38 1.084-6.38c.154 0 .376.212.464.486z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Rome Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:rome-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:rome-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:rome-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--rome-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:rome-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:rome-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/rome-background.svg" alt="Rome Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Rome Background アイコン のよくある質問
Rome Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rome Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:rome-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rome Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/rome-background.svg" alt="Rome Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。