Leo Background アイコン
token-branded:leo-background
Leo Background アイコン(token-branded:leo-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
- タグ
- leobackground
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="url(#SVGzu0nzdbg)" d="M24 0H0v24h24z"/><path fill="#fff" d="M16 10.828V6.372L11.877 4l-1.797.977l.73.429l1.044-.554l3.257 1.936v3.434h-1.778v1.698zm-10.222-.606V8.246L9.053 6.24l2.767 1.48l.011-.028l.343-.63l-3.12-1.77l-4.137 2.53l-.01 2.4zm2.425.635l2.464 1.057v-1.692H8.042l-3.126 1.492l-.028 4.132l1.785 1.257l.477-.653l-1.373-.987V12.12zm4.758 7.777l-1.118.457l-2.954-1.554v-3.371h-.89v3.828L11.804 20l1.438-.583zm4.372-3.005v-1.407h.889v1.795l-4.057 2.96l-2.61-2.097v-2.063l-2.353-2.373h5.225l-1.983 2.368v1.714l1.738 1.348zm.009-8.617l1.769 1.41v4.16l-3.412 2.126l-.399-.629l2.922-1.907V8.766L16.835 7.72l.507-.714z"/></g><defs><linearGradient id="SVGzu0nzdbg" x1="12" x2="12" y1="4" y2="20.005" gradientUnits="userSpaceOnUse"><stop stop-color="#f6e93d"/><stop offset=".13" stop-color="#f8e330"/><stop offset=".35" stop-color="#f7c730"/><stop offset=".64" stop-color="#f59c2e"/><stop offset=".98" stop-color="#eb5e2c"/><stop offset="1" stop-color="#eb5c2c"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Leo Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:leo-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:leo-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:leo-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--leo-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:leo-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:leo-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/leo-background.svg" alt="Leo Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Leo Background アイコン のよくある質問
Leo Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Leo Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:leo-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Leo Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/leo-background.svg" alt="Leo Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。