Microbe アイコン
openmoji:microbe
Microbe アイコン(openmoji:microbe)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 動物・自然、OpenMoji 追加分
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#92d3f5" d="M45.498 25.016a34 34 0 0 0-3.652.102a11.7 11.7 0 0 0-6.152 1.794a1.25 1.25 0 0 1-.588.3a1.2 1.2 0 0 1-.639-.19a14.8 14.8 0 0 0-6.284-1.255c-3.312-.08-6.751.283-9.62 1.943c-3.8 2.2-6.043 6.888-3.611 10.892a11.1 11.1 0 0 0 6.278 4.605a21.6 21.6 0 0 0 6.58.825a15.46 15.46 0 0 0 8.15-1.877a1.53 1.53 0 0 1 .858-.332a1.6 1.6 0 0 1 .602.222a12.2 12.2 0 0 0 4.74 1.092a21.2 21.2 0 0 0 9.065-.95c3.356-1.266 6.614-4.241 6.614-8.066c0-4.176-3.745-7.202-7.432-8.342a18.6 18.6 0 0 0-4.909-.763"/><path fill="#61b2e4" d="M51.226 38.397a21.2 21.2 0 0 1-9.066.95a12.2 12.2 0 0 1-4.74-1.092a1.6 1.6 0 0 0-.601-.222a1.53 1.53 0 0 0-.859.332a15.46 15.46 0 0 1-8.151 1.877a21.6 21.6 0 0 1-6.58-.825a11.1 11.1 0 0 1-6.277-4.606a7 7 0 0 1-.739-1.685a6.8 6.8 0 0 0 .739 5.476a11.1 11.1 0 0 0 6.278 4.605a21.6 21.6 0 0 0 6.58.825a15.46 15.46 0 0 0 8.15-1.877a1.53 1.53 0 0 1 .858-.332a1.6 1.6 0 0 1 .602.222a12.2 12.2 0 0 0 4.74 1.092a21.2 21.2 0 0 0 9.065-.95c3.356-1.266 6.614-4.241 6.614-8.066a6.8 6.8 0 0 0-.279-1.9c-.85 2.905-3.555 5.127-6.335 6.176"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M45.498 25.016a34 34 0 0 0-3.652.102a11.7 11.7 0 0 0-6.152 1.794a1.25 1.25 0 0 1-.588.3a1.2 1.2 0 0 1-.639-.19a14.8 14.8 0 0 0-6.284-1.255c-3.312-.08-6.751.283-9.62 1.943c-3.8 2.2-6.043 6.888-3.611 10.892a11.1 11.1 0 0 0 6.278 4.605a21.6 21.6 0 0 0 6.58.825a15.46 15.46 0 0 0 8.15-1.877a1.53 1.53 0 0 1 .858-.332a1.6 1.6 0 0 1 .602.222a12.2 12.2 0 0 0 4.74 1.092a21.2 21.2 0 0 0 9.065-.95c3.356-1.266 6.614-4.241 6.614-8.066c0-4.176-3.745-7.202-7.432-8.342a18.6 18.6 0 0 0-4.909-.763Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M35.099 21.477v3.79m1.516 17.466v3.79m-7.964-24.765l.767 3.712m12.635 18.061l.768 3.711M41.547 21l-.768 3.712m-9.845 19.576L30.167 48m18.018-26.799l-1.411 3.518m-21.34 19.667l-1.411 3.517m0-26.048l1.411 3.517m22.119 18.255l1.412 3.518m4.685-25.113l-1.729 3.372M20.54 43.046l-1.729 3.373m32.981-3.866l1.729 3.373M19.569 22.79l1.729 3.372m36.815 7.959h3.79m-52.093.758h3.79m-2.808 5.286l3.371-1.732m-3.14-9.107l3.393 1.689m46 8.15l-3.371-1.732m4.14-8.107l-3.393 1.689M14.38 24.831l2.68 2.68m38.32 13.32l2.68 2.68m0-18.68l-2.68 2.68m-39.32 14.32l-2.68 2.68"/><circle cx="25" cy="37" r="1.25"/><circle cx="32" cy="33" r="1.25"/><circle cx="21" cy="32" r="1.25"/><circle cx="45" cy="37" r="1.25"/><circle cx="52" cy="33" r="1.25"/><circle cx="40" cy="33" r="1.25"/></svg>Microbe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:microbe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:microbe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:microbe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--microbe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:microbe"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:microbe"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/microbe.svg" alt="Microbe アイコン" width="24" height="24">他のアイコンセットの Microbe アイコン
Microbe アイコン のよくある質問
Microbe アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Microbe アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:microbe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Microbe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/microbe.svg" alt="Microbe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。