Lion アイコン
fluent-emoji-flat:lion
Lion アイコン(fluent-emoji-flat:lion)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="m28.66 12.33l.75.37c.27.14.59-.06.59-.36V8.41A3.415 3.415 0 0 0 26.59 5H26l.59-1.77c.2-.6-.25-1.23-.89-1.23H19c-.65 0-1.28.21-1.8.6A3.03 3.03 0 0 0 16 4.86h-.01c-.04-.89-.48-1.72-1.2-2.25C14.28 2.21 13.65 2 13 2H6.3c-.64 0-1.09.63-.89 1.23L6 5h-.59A3.415 3.415 0 0 0 2 8.41v3.93c0 .3.32.5.59.36l.75-.37c.28-.14.58-.01.65.29c.05.21-.05.41-.24.5l-1 .5c-.46.23-.75.7-.75 1.22v6.45c0 2.79 1.85 5.24 4.53 6.01l8.88 2.54c.38.11.79.11 1.18 0l8.88-2.54A6.255 6.255 0 0 0 30 21.29v-6.45c0-.51-.29-.98-.75-1.21l-1-.5a.46.46 0 0 1-.24-.5a.44.44 0 0 1 .65-.3"/><path fill="#ffb02e" d="M10.425 4a3 3 0 0 1 2.545 1.41a4.347 4.347 0 0 0 6.06 0a2.99 2.99 0 0 1 3.283-1.318a2.99 2.99 0 0 1 2.233 3.29a3 3 0 0 1-.996 1.868l2.3 3.16A6.04 6.04 0 0 1 27 15.96C27 19.3 24.3 22 20.96 22h-9.92C7.7 22 5 19.3 5 15.96c0-1.27.4-2.52 1.15-3.55l2.3-3.16a3 3 0 0 1-.935-2.964A3.03 3.03 0 0 1 9.744 4.08q.328-.08.681-.08"/><path fill="#d3883e" d="M9.32 8.06c-.1.12-.19.24-.28.37c-.38-.36-.61-.87-.61-1.43c0-1.1.9-2 2-2c.66 0 1.25.32 1.61.82a8.6 8.6 0 0 0-2.72 2.23zm13.451.117l-.091-.117a8.5 8.5 0 0 0-2.72-2.23c.37-.5.96-.82 1.62-.82c1.1 0 2 .9 2 2c0 .56-.24 1.07-.61 1.43a5 5 0 0 0-.199-.263"/><path fill="#f3c07b" d="M16 27c-3.31 0-6-2.69-6-6v-1.57h12V21c0 3.31-2.69 6-6 6"/><path fill="#ffdea7" d="M19.43 16.86c-.27 0-.53-.12-.71-.32l-1.99-2.3a.97.97 0 0 0-1.47 0l-1.99 2.3c-.18.21-.44.32-.71.32c-1.41 0-2.56 1.15-2.56 2.57A2.57 2.57 0 0 0 12.57 22h1.29c.89 0 1.68-.46 2.14-1.15c.46.69 1.25 1.15 2.14 1.15h1.29a2.57 2.57 0 1 0 0-5.14"/><path fill="#212121" d="M12 16c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.45 1-1 1m8 0c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.45 1-1 1m-4.56 3.72l-1.95-1.95c-.34-.34-.1-.91.39-.91h4.27c.48 0 .72.57.38.91l-1.95 1.95c-.32.31-.83.31-1.14 0"/></g></svg>
Lion アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:lion" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:lion" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:lion" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--lion]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:lion"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:lion"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/lion.svg" alt="Lion アイコン" width="24" height="24">
Lion アイコン のよくある質問
Lion アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lion アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:lion" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lion アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/lion.svg" alt="Lion アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
