Seal アイコン
fluent-emoji-flat:seal
Seal アイコン(fluent-emoji-flat:seal)は、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="#636363" d="M3.945 26.745v-3.742H7.97v4.027c0 1.262-1.938 1.965-2.735 1.965H2.531c-.177.037-.531-.125-.531-.5s.277-.433.531-.468c.781-.11 1.274-.782 1.414-1.282"/><path fill="#9b9b9b" d="M11.78 29C6.38 29 2 24.62 2 19.22v-4.64C2 11 4.86 8.03 8.44 8a6.5 6.5 0 0 1 6.54 6c.171 1.541 1.145 2.848 2.483 3.518L19 19l1.73-1.17c1.9-.547 3.27-2.33 3.27-4.39v-2.31a.92.92 0 0 1 1.33-.82C26.32 10.8 27 11.82 27 13c0-1.18.68-2.2 1.67-2.69a.916.916 0 0 1 1.33.82v3.75c0 3.24-.757 6.25-2.207 8.653L23 27l-4.75 1.998q-.124.003-.25.002h-2.875l-2.625-.5z"/><path fill="#d3d3d3" d="M7.11 14h2.91c.96 0 1.74.78 1.73 1.74c0 .96-.78 1.74-1.74 1.74c-.6 0-1.14-.31-1.45-.78c-.31.47-.84.78-1.45.78a1.741 1.741 0 0 1 0-3.48m4.5 10.99v-3.76c0-1.67-1.32-3.07-2.99-3.1a3.046 3.046 0 0 0-3.1 3.04v1.58c0 3.43 2.76 6.22 6.19 6.25h3.92c-2.22 0-4.02-1.8-4.02-4.01m5.01-2.592V26.5c0 .82.67 1.49 1.49 1.49c.28 0 .5.22.5.5a.504.504 0 0 1-.489.51c4.439-.033 7.732-2.209 9.711-5.532l.285-.503c-.293.245-.81.642-1.072.869c-1.877 1.62-3.192 2.755-6.733 2.993c-2.253.103-2.97-2.233-3.389-3.596c-.115-.375-.207-.676-.303-.833M18.103 29h-1.622z"/><path fill="#1c1c1c" d="M6.81 13.21a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m4.26.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m-2.88 1.69l-.8-.66a.56.56 0 0 1 .36-.99h1.63a.56.56 0 0 1 .36.99l-.8.66c-.22.18-.53.18-.75 0"/><path fill="#636363" d="M20.89 18.49c0 1.03-.83 1.86-1.86 1.86s-1.86-.83-1.87-1.86c0-.36.1-.69.28-.98c.62.31 1.31.49 2.05.49h.13q.6-.015 1.14-.18c.08.2.13.43.13.67m3.82 1a1.14 1.14 0 1 1-2.28 0a1.14 1.14 0 0 1 2.28 0"/></g></svg>
Seal アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:seal" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:seal" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:seal" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--seal]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:seal"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:seal"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/seal.svg" alt="Seal アイコン" width="24" height="24">
Seal アイコン のよくある質問
Seal アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Seal アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:seal" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Seal アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/seal.svg" alt="Seal アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
