Leo アイコン
emojione-monotone:leo
Leo アイコン(emojione-monotone:leo)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 記号
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M32.002 2C15.434 2 2 15.432 2 32c-.002 16.568 13.434 30 30 30c16.57 0 30.002-13.432 30-30c.002-16.568-13.432-30-29.998-30M46.45 41.041c-.901 4.064-3.354 8.811-7.297 8.811h-.001q-.578-.002-1.174-.135c-2.052-.465-3.47-1.52-4.216-3.135c-1.018-2.207-.66-5.367.959-8.453l.729-1.371c1.739-3.264 3.537-6.638 4.208-10.202c.458-2.433.872-5.901-.813-7.932c-.975-1.176-2.605-1.772-4.846-1.772c-2.358 0-3.998.646-4.872 1.919c-2.19 3.189.441 10.029 2.183 14.556c.517 1.344.963 2.504 1.251 3.445c.038.129.057.244.072.361c.518 1.648.358 3.488-.481 5.238c-.041.129-.12.289-.217.432a1.8 1.8 0 0 1-.308.402c-1.522 1.988-4.053 3.252-6.564 3.252a7 7 0 0 1-3.686-1.021c-1.887-1.146-3.279-3.049-3.724-5.09c-.385-1.768-.062-3.477.935-4.945c1.675-2.463 4.837-3.949 7.744-3.595c-1.881-4.876-3.356-9.882-1.157-13.789c1.793-3.186 5.196-5.165 8.881-5.165a10.5 10.5 0 0 1 5.787 1.754c7.289 4.808 3.448 15.247 1.459 19.511c-.398.854-.896 1.727-1.424 2.652c-1.258 2.205-2.558 4.486-2.607 6.682c-.01.439.142.834.439 1.137c.357.367.91.586 1.477.586c.74 0 1.36-.355 1.701-.973q.572-.944.934-1.959c.236-.688.482-1.43.65-2.191c.198-.891.9-1.443 1.832-1.443c.689 0 1.372.316 1.783.828c.363.451.492 1.021.363 1.605"/><path fill="currentColor" d="M25.418 42.424c1.21 0 2.277-.588 3.005-1.658c.714-1.314.377-2.426-.035-3.119c-.7-1.18-2.096-1.973-3.472-1.973c-1.192 0-2.183.611-2.789 1.723c-.766 1.402-.444 2.508-.04 3.191c.653 1.098 1.992 1.836 3.331 1.836"/></svg>
Leo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:leo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:leo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:leo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--leo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:leo"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:leo"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/leo.svg" alt="Leo アイコン" width="24" height="24">
Emoji One (Monotone) の関連アイコン
Leo アイコン のよくある質問
Leo アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Leo アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:leo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Leo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/leo.svg" alt="Leo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Monotone) アイコン をすべて見る →
ICONYZ
