Leo アイコン
fxemoji:leo
Leo アイコン(fxemoji:leo)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 記号
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#A97DFF" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#7F4AFF" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="M414.257 357.146c-.662-10.196-9.466-17.929-19.66-17.262c-10.195.662-17.924 9.464-17.262 19.66c.455 7.006-.889 29.826-12.628 42.353c-6.274 6.695-15.069 9.95-26.887 9.95c-14.197 0-24.785-6.393-31.47-18.999c-15.991-30.16-9.718-96.846 55.845-193.559c9.578-14.129 19.369-31.489 19.369-53.118c0-45.776-37.241-83.018-83.018-83.018c-36.98 0-67.769 14.514-89.036 41.973c-26.516 34.236-37.265 87.782-31.218 149.531a76.3 76.3 0 0 0-28.498-5.512c-42.29 0-76.694 34.405-76.694 76.694s34.405 76.694 76.694 76.694s76.695-34.405 76.695-76.694a77 77 0 0 0-.817-11.125a18.4 18.4 0 0 0-.403-7.242c-19.389-75.058-14.218-143.91 13.493-179.689c14.399-18.591 33.954-27.629 59.783-27.629c25.374 0 46.018 20.644 46.018 46.018c0 11.588-6.246 22.399-12.996 32.356c-33.117 48.854-54.726 94.56-64.224 135.85c-8.805 38.275-6.62 71.403 6.316 95.803c13.029 24.573 36.415 38.667 64.159 38.667c21.979 0 40.611-7.486 53.885-21.649c24.636-26.288 22.84-65.651 22.554-70.053m-264.462 8.386c-21.888 0-39.694-17.807-39.694-39.694s17.807-39.694 39.694-39.694s39.695 17.807 39.695 39.694s-17.807 39.694-39.695 39.694"/></svg>
Leo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:leo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:leo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:leo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--leo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:leo"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:leo"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/leo.svg" alt="Leo アイコン" width="24" height="24">
Leo アイコン のよくある質問
Leo アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Leo アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:leo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Leo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/leo.svg" alt="Leo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
