Leo アイコン
cryptocurrency-color:leo
Leo アイコン(cryptocurrency-color:leo)は、Cryptocurrency Color Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency Color Icons
- 作者
- Christopher Downer
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="16" cy="16" r="16" fill="#11021E"/><g fill="#FFF"><path d="M10.929 14.366h.01l.153.058l.163.057l.153.058l.163.067l.153.058l.163.047l.154.058l.153.067l.307.115l.163.048l.153.067l.163.058l.154.057l.163.058l.153.057l.163.058l.153.057l.163.058l.154.067l.163.048V13.35h-3.538l-.153.077l-.364.192l-.374.191l-.364.192l-.365.192l-.374.192l-.373.191l-.365.192l-.364.192l-.374.191l-.364.192l-.336.182L6.5 21.02l.374.259l.364.259l.374.249l.729.518l.373.258l.163.125l.211-.259l.365-.48l.028-.047l-.028-.029l-.365-.259l-.374-.268l-.373-.259l-.365-.259l-.364-.258l-.105-.068l.028-4.438l.077-.038l.364-.182l.365-.192l.373-.173l.374-.191l.365-.183l.364-.182l.374-.182l.364-.182z"/><path d="m17.275 24.853l-.317.125l-.345.134l-.345.144l-.345.134l-.153.067l-.182-.095l-.346-.173l-.335-.173l-.345-.172l-.345-.173l-.345-.172l-.345-.173l-.346-.182l-.345-.163l-.335-.182l-.345-.173l-.336-.162l-.345-.183l-.038-.019v-4.476h-.997v5.09l1.38.69l.336.172l.345.183l.335.163l.345.182l.346.172l.345.163l.345.182l.69.345l.335.173l.48.24l.201-.087l.345-.134l.345-.134l.345-.144l.345-.144l.346-.124l-.346-.863zm6.125-6.24l.02 2.118l-.096.068l-.585.412l-.575.422l-.585.412l-.585.422l-.594.402l-.575.422l-.585.422l-.345.249l-.24-.192l-.575-.44l-.585-.451l-.585-.441l-.575-.45l-.105-.068v-2.28l.105-.096l.575-.614l.585-.604l.585-.613l.575-.604l.566-.594h-6.969l.584.613l.576.604l.594.604l.585.613l.575.604l.076.087v2.76l.509.393l.584.441l.575.451l.585.44l.585.451l.575.441l.22.173l.365-.268l.585-.413l.575-.421l.594-.413l.585-.412l.585-.412l.575-.422l.585-.412l.584-.412l.48-.355l.095-2.598l-.575-.019zM7.449 13.714h.067l.01-2.818l.383-.24l.46-.277l.47-.278l.45-.298l.47-.278l.46-.287l.46-.278l.46-.278l.46-.288l.47-.278l.01-.01l.441.26l.47.258l.92.537l.46.259l.47.259l.45.268l.451.25l.02-.039l.46-.824l-.46-.269l-.47-.259l-.451-.258l-.47-.26l-.46-.277l-.46-.259l-.46-.259l-.47-.259l-.45-.259l-.02-.01l-.45.27l-.46.287l-.46.278l-.46.287l-.46.278l-.47.278l-.451.288l-.47.278l-.46.288l-.46.287l-.46.278l-.45.278l-.02 3.365h.47z"/><path d="m25.47 11.126l-.23-.182l-.248-.201l-.24-.192l-.24-.192l-.24-.2l-.24-.183l-.248-.192l-.24-.201l-.25-.192l-.172-.144l-.067.077l-.24.297l-.249.307l-.057.086l.057.067l.25.202l.24.191l.239.211l.249.202l.24.2l.249.212l.24.201l.115.096l.01 4.534l-.125.077l-.24.163l-.25.144l-.239.163l-.25.143l-.239.163l-.24.144l-.249.163l-.24.144l-.24.163l-.239.144l-.24.163l-.249.143l-.24.163l-.239.144l-.24.163l-.249.144l.25.383l.24.393l.047.067l.192-.124l.24-.154l.249-.143l.24-.154l.239-.153l.24-.153l.24-.144l.248-.154l.24-.143l.24-.154l.249-.153l.24-.154l.249-.143l.24-.154l.24-.143l.239-.154l.24-.153l.249-.154l.24-.143zm-7.898 2.704v1.965l.077-.03l.316-.133l.326-.125l.316-.134l.326-.125l.326-.134l.316-.134l.326-.125l.326-.134l.317-.125l.325-.134l.317-.124V8.394l-.364-.22l-.374-.211l-.365-.22l-.373-.221l-.374-.211l-.374-.22l-.364-.221l-.365-.21l-.374-.221l-.373-.22l-.374-.212l-.365-.22l-.364-.22l-.374-.212l-.191-.105l-.182.086l-.374.211l-.365.192l-.364.201l-.374.211l-.374.192l-.373.201l.373.22l.374.211l.23.135l.144-.067l.364-.202l.365-.191l.374-.192l.153-.077l.22.125l.374.22l.729.422l.747.441l.374.21l.729.442l.374.21l.747.442l.115.057v4.381h-2.617"/><path d="m17.572 15.795l3.614-1.457l-3.624-1.007m-3.316 2.464v-2.426l-3.308.988l3.308 1.428"/></g></g></svg>
Leo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:leo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:leo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:leo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--leo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:leo"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:leo"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/leo.svg" alt="Leo アイコン" width="24" height="24">
Leo アイコン のよくある質問
Leo アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Leo アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency-color:leo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Leo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/leo.svg" alt="Leo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Cryptocurrency Color Icons をすべて見る →
ICONYZ
