Lit Background アイコン
token-branded:lit-background
Lit Background アイコン(token-branded:lit-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
- タグ
- litbackground
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="#ff4205" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.276 9.774s-.015.28-.568 1.19c-.64 1.054-.7 2.288-.046 3.32c1.378 2.172 5.119 2.13 6.506 0c.536-.824.69-1.77.506-2.73c0 0-.443-2.005-1.958-3.27c.023.02.082.288.093.403c.035.352.001.72-.12 1.055c-.088.246-.21.459-.418.623c0-.057-.015-.16-.015-.194c-.01-.7-.287-1.35-.74-1.894c-.394-.476-.935-.8-1.506-1.039c.015.048.041.248.045.287c.03.33.035.794-.01 1.124c-.044.33-.12.51-.223.82c-.157.47-.37.818-.641 1.236c-.05.076-.199.287-.279.393c0 0-.137-.846-.626-1.324"/><path fill="#fff" fill-rule="evenodd" d="M18.568 8.007L12.25 4.439a.51.51 0 0 0-.502 0L5.432 8.007a.49.49 0 0 0-.25.425v7.136a.49.49 0 0 0 .25.425l6.317 3.568a.51.51 0 0 0 .502 0l6.317-3.568a.49.49 0 0 0 .251-.425V8.432a.49.49 0 0 0-.251-.425m-6.126-3.891a.9.9 0 0 0-.884 0L5.242 7.684a.86.86 0 0 0-.442.748v7.136c0 .309.168.594.442.748l6.316 3.568a.9.9 0 0 0 .884 0l6.316-3.568a.86.86 0 0 0 .442-.748V8.432a.86.86 0 0 0-.442-.748z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Lit Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:lit-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:lit-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:lit-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--lit-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:lit-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:lit-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/lit-background.svg" alt="Lit Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Lit Background アイコン のよくある質問
Lit Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lit Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:lit-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lit Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/lit-background.svg" alt="Lit Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。