ICONYZ
English
Bacterium icon from Font Awesome Solid

Bacterium icon

fa7-solid:bacterium

The Bacterium icon (fa7-solid:bacterium) is a free SVG icon from the Font Awesome Solid set by Dave Gandy. It is drawn on a 640 × 640 grid. Font Awesome Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Font Awesome Solid
Author
Dave Gandy
License
CC-BY-4.0
Size
640 × 640
Category
Medical
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M440 80c0-13.3-10.7-24-24-24s-24 10.7-24 24v23.4c-13.9 5.3-26.9 13.5-38.2 24.5L337 111c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l16.8 16.8l-30.1 30.1L273 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l16.8 16.8l-30.1 30.1L209 239c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l16.8 16.8l-30.1 30.1L145 303c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l16.8 16.8c-11 11.3-19.2 24.3-24.5 38.2L80 392c-13.3 0-24 10.7-24 24s10.7 24 24 24h16.3c1.3 18.3 7.1 36.4 17.4 52.4L103 503c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l10.6-10.6c16 10.3 34.1 16.1 52.4 17.4V560c0 13.3 10.7 24 24 24s24-10.7 24-24v-23.4c13.9-5.3 26.9-13.5 38.2-24.5L303 529c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-16.8-16.8l30.1-30.1L367 465c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-16.8-16.8l30.1-30.1L431 401c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-16.8-16.8l30.1-30.1L495 337c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-16.8-16.8c11-11.3 19.2-24.3 24.5-38.2H560c13.3 0 24-10.7 24-24s-10.7-24-24-24h-16.3c-1.3-18.3-7.1-36.4-17.4-52.4L537 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-10.7 10.6c-16-10.3-34.1-16.1-52.4-17.4zM192 416c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32m112-112c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32"/></svg>

How to use the Bacterium icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa7-solid:bacterium" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa7-solid:bacterium" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa7-solid:bacterium" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--bacterium]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:bacterium"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa7-solid:bacterium"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa7-solid/bacterium.svg" alt="Bacterium icon" width="24" height="24">

Bacterium icon in other icon sets

Bacterium icon FAQ

Is the Bacterium icon free for commercial use?

Yes. Font Awesome Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Bacterium icon in React?

Install @iconify/react and render <Icon icon="fa7-solid:bacterium" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bacterium icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa7-solid/bacterium.svg" alt="Bacterium icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome Solid icons →