Rlc Background アイコン
token-branded:rlc-background
Rlc Background アイコン(token-branded:rlc-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
- タグ
- rlcbackground
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="#f5d107" d="M24 0H0v24h24z"/><path fill="#000" d="M16.494 9.738c.044-.044.124-.044.204-.044a2.256 2.256 0 0 1 2.211 2.284c0 1.164-.859 2.08-1.964 2.284h-.247c-.407 0-.815-.124-1.186-.327a.7.7 0 0 0-.407-.124a.8.8 0 0 0-.45.124c-.285.167-.408.458-.408.785v.378a2.24 2.24 0 0 1-1.963 2.037h-.24c-.415 0-.822-.124-1.187-.335c-.166-.08-.29-.124-.45-.124a.84.84 0 0 0-.45.124c-.292.167-.408.458-.408.793v.37A2.24 2.24 0 0 1 7.54 20h-.203a2.255 2.255 0 0 1-2.204-2.284a2.276 2.276 0 0 1 1.964-2.247h.24a2.4 2.4 0 0 1 1.185.334c.12.084.262.127.407.124a.84.84 0 0 0 .452-.123c.29-.168.407-.459.407-.793a2.247 2.247 0 0 1 1.964-2.407H12c.407 0 .814.123 1.185.334c.168.08.291.124.45.124s.328-.044.452-.124c.284-.167.407-.458.407-.792a2.277 2.277 0 0 1 2-2.408m-4.698-2.873c.08-.036.124-.036.247-.036a2.255 2.255 0 0 1 2.204 2.284a2.27 2.27 0 0 1-1.963 2.24h-.24c-.415 0-.822-.124-1.187-.328a.7.7 0 0 0-.413-.123a.77.77 0 0 0-.444.123c-.291.168-.415.459-.415.786v.378a2.24 2.24 0 0 1-2 2.037h-.204a2.256 2.256 0 0 1-2.218-2.299c0-1.12.822-2.036 1.928-2.196h.24c.407 0 .821.123 1.185.327a.68.68 0 0 0 .408.124a.8.8 0 0 0 .45-.124c.29-.167.408-.458.408-.785a2.275 2.275 0 0 1 2.007-2.415zM7.302 4c1.214 0 2.203 1.004 2.203 2.247c0 1.244-.989 2.24-2.203 2.24A2.22 2.22 0 0 1 5.09 6.255C5.09 5.018 6.08 4 7.3 4"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Rlc Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:rlc-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:rlc-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:rlc-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--rlc-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:rlc-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:rlc-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/rlc-background.svg" alt="Rlc Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Rlc Background アイコン のよくある質問
Rlc Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rlc Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:rlc-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rlc Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/rlc-background.svg" alt="Rlc Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。