Home/Libraries/OpenMoji (Iconify)/microbe

OpenMoji (Iconify)

Microbe

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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="#818cf8" stroke-miterlimit="10" stroke-width="1.5" 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="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MicrobeIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.