Bacteria Outline 24px アイコン
healthicons:bacteria-outline-24px
Bacteria Outline 24px アイコン(healthicons:bacteria-outline-24px)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 24 × 24 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 体
- タグ
- bacteriaoutline、outline24px、bacteriaoutline24px
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17 16a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-8-3a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0-5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3 8a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill-rule="evenodd" d="M8.5 2v2.015q.267.023.524.083c.487.112.946.325 1.337.627l.932-.932l1.414 1.414l-1.235 1.235q.036.147.058.303c.217 1.52.646 2.572 1.001 3.226l.03.054l1.232-1.232l1.414 1.414l-1.22 1.22c.553.268 1.44.58 2.784.773l.01.002l.825-1.65l1.788.895l-.808 1.617a4.26 4.26 0 0 1 1.126 1.624a4.04 4.04 0 0 1 .114 2.661l1.229.819l-1.11 1.664l-1.188-.792c-.613.543-1.421.808-2.228.909l-.029.003V22h-2v-2.079a11 11 0 0 1-1.03-.183a13.3 13.3 0 0 1-2.338-.767l-.738 1.476l-1.789-.894l.756-1.51a10.7 10.7 0 0 1-1.944-1.545l-1.21 1.21l-1.414-1.415l1.362-1.362A13.5 13.5 0 0 1 4.723 12.1l-1.48.37l-.485-1.94l1.423-.356c-.17-.871-.229-1.733-.14-2.516a6 6 0 0 1 .075-.482l-1.563-.782l.894-1.788l1.537.768q.1-.108.213-.207A4.8 4.8 0 0 1 6.5 4.343V2zM6.515 6.67c.712-.623 1.49-.755 2.058-.624c.563.13.908.497.977.98c.252 1.765.76 3.044 1.224 3.9c.231.426.451.746.62.966a5 5 0 0 0 .28.33l.002.002l.067.072q.081.086.224.207c.19.161.465.36.845.568c.762.416 1.933.86 3.676 1.11c.521.074 1.085.528 1.361 1.235c.262.67.205 1.426-.333 2.042c-.187.214-.568.423-1.234.506c-.653.082-1.473.026-2.372-.177c-1.808-.409-3.735-1.364-5.006-2.63c-1.26-1.255-2.236-3.157-2.667-4.94c-.214-.886-.281-1.693-.209-2.335c.074-.654.276-1.027.487-1.211" clip-rule="evenodd"/></g></svg>Bacteria Outline 24px アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:bacteria-outline-24px" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:bacteria-outline-24px" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:bacteria-outline-24px" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--bacteria-outline-24px]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:bacteria-outline-24px"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:bacteria-outline-24px"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/bacteria-outline-24px.svg" alt="Bacteria Outline 24px アイコン" width="24" height="24">Health Icons の関連アイコン
Bacteria Outline 24px アイコン のよくある質問
Bacteria Outline 24px アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bacteria Outline 24px アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:bacteria-outline-24px" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bacteria Outline 24px アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/bacteria-outline-24px.svg" alt="Bacteria Outline 24px アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。