Microbe アイコン
fluent-emoji-flat:microbe
Microbe アイコン(fluent-emoji-flat:microbe)は、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="#00d26a" d="M9.295 7.376c-.59.13-1.17-.25-1.3-.84l-.69-3.21a1.095 1.095 0 0 1 2.14-.46l.69 3.21c.13.59-.25 1.18-.84 1.3m2.611.88c-.3-.52-.12-1.19.4-1.49l2.84-1.64c.52-.3 1.19-.12 1.49.4s.12 1.19-.4 1.49l-2.84 1.64c-.52.3-1.19.12-1.49-.4m2.32 4.35c-.46.39-.5 1.09-.11 1.54s1.09.5 1.54.11l2.47-2.15a1.092 1.092 0 0 0-1.43-1.65zm7.71 3.17a1.1 1.1 0 0 1-.8-1.32l.79-3.18a1.1 1.1 0 0 1 1.32-.8c.58.14.94.74.8 1.32l-.79 3.18c-.14.59-.74.95-1.32.8m3.51.529c-.58.17-.91.78-.74 1.36s.78.92 1.36.74l3.15-.92a1.095 1.095 0 0 0-.62-2.1zm-1.44 5.671c.43-.43 1.12-.43 1.55 0l2.32 2.32c.43.43.43 1.12 0 1.55s-1.12.43-1.55 0l-2.32-2.32c-.43-.43-.43-1.13 0-1.55m-3.54 2.73c0-.6-.49-1.09-1.09-1.09s-1.09.49-1.09 1.09v3.28c0 .6.49 1.09 1.09 1.09s1.09-.49 1.09-1.09zm-6.61-2.05c.52.3.7.97.4 1.49l-1.64 2.84c-.3.52-.97.7-1.49.4s-.7-.97-.4-1.49l1.64-2.84c.3-.52.97-.7 1.49-.4m-4.141-1.92c.46-.39.5-1.09.11-1.54s-1.09-.5-1.54-.11l-2.47 2.15a1.092 1.092 0 0 0 1.43 1.65zm-1.99-5.73c.17.58-.16 1.19-.74 1.36l-3.15.92a1.095 1.095 0 0 1-.62-2.1l3.15-.92c.58-.17 1.19.16 1.36.74m-1.48-4.35a1.089 1.089 0 1 0 .21-2.17l-3.26-.31a1.089 1.089 0 1 0-.21 2.17z"/><path fill="#00f397" d="M21.466 13.046c-.18-.01-.49.01-.91.04c-1.08.09-3.34.27-4.33-.53c-1.05-.85-1.06-1.44-1.09-2.52v-.25l-.02-.33c-.01-.12-.03-.23-.05-.3a5.244 5.244 0 0 0-5.18-4.52a5.2 5.2 0 0 0-3.77 1.61l-.02-.02l-.14.21c-.19.21-.35.44-.51.69l-.47.95c-.42 1.17-.47 2.59-.47 3.96c0 7.89 6.42 14.31 14.31 14.31c1 0 2.69-.25 3.73-.48c.1-.02.2-.04.38-.09c.22-.05.46-.12.69-.21c2.53-.94 4.23-3.37 4.23-6.05c.01-3.57-2.89-6.47-6.38-6.47"/><path fill="#00a6ed" d="M11.396 9.845a1.09 1.09 0 1 1-2.18 0a1.09 1.09 0 0 1 2.18 0m5.88 10.601a1.09 1.09 0 1 1-2.18 0a1.09 1.09 0 0 1 2.18 0m.24-2.45a1.09 1.09 0 1 0 0-2.18a1.09 1.09 0 0 0 0 2.18m4.8 1.36a1.64 1.64 0 1 1-3.28 0a1.64 1.64 0 0 1 3.28 0"/></g></svg>Microbe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:microbe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:microbe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:microbe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--microbe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:microbe"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:microbe"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/microbe.svg" alt="Microbe アイコン" width="24" height="24">他のアイコンセットの Microbe アイコン
Microbe アイコン のよくある質問
Microbe アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Microbe アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:microbe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Microbe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/microbe.svg" alt="Microbe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。