Иконка Germs
icon-park-solid:germs
Иконка Germs (icon-park-solid:germs) — бесплатная SVG-иконка из набора IconPark Solid от ByteDance. Она нарисована на сетке 48 × 48. IconPark Solid icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark Solid
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Здоровье
- Теги
- germ
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVGOz4JIehK"><g fill="none"><path fill="#fff" fill-rule="evenodd" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M24 44c1.336 0 2.364-3.75 3.626-4c1.3-.257 2.833 2.979 4.03 2.483c1.217-.505.75-3.616 1.831-4.34c1.091-.73 3.73.924 4.655 0c.925-.925-1.478-4.052-.748-5.143c.725-1.082 4.584-.127 5.089-1.344c.496-1.197-3.304-3.543-3.047-4.843C39.686 25.55 44 25.336 44 24c0-1.335-3.75-2.64-4-3.903c-.257-1.3 2.979-2.556 2.483-3.752c-.505-1.218-4.364-.263-5.089-1.345c-.73-1.09 1.673-4.217.748-5.142S34.091 10.95 33 10.22c-1.082-.724-.127-4.196-1.345-4.701C30.46 5.022 28.3 7.905 27 7.648C25.738 7.397 25.336 4 24 4s-1.88 3.398-3.142 3.647c-1.3.258-3.317-2.625-4.513-2.13c-1.218.506-.263 3.617-1.345 4.341c-1.09.73-4.217-.925-5.142 0s1.667 4.052.937 5.142c-.725 1.082-4.773.127-5.278 1.345C5.021 17.54 8.257 19.24 8 20.54c-.25 1.262-4 2.125-4 3.46c0 1.336 4.097 1.927 4.347 3.19c.257 1.3-3.326 3.27-2.83 4.466c.505 1.217 4.29.262 5.014 1.344c.73 1.09-1.598 4.218-.673 5.142s4.051-1.287 5.142-.557c1.082.725.127 4.393 1.345 4.898c1.196.496 3.212-2.74 4.513-2.483c1.262.25 1.806 4 3.142 4Z" clip-rule="evenodd"/><path fill="#000" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M29 29a4 4 0 1 0 0-8a4 4 0 0 0 0 8Z"/><path fill="#000" d="M16.5 26a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGOz4JIehK)"/></svg>Как использовать иконку Germs
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:germs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:germs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:germs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--germs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:germs"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:germs"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/icon-park-solid/germs.svg" alt="Иконка Germs" width="24" height="24">Иконка Germs в других наборах
Вопросы и ответы: Иконка Germs
Можно ли бесплатно использовать иконку Germs в коммерческих проектах?
Да. IconPark Solid icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Germs в React?
Установите @iconify/react и выведите <Icon icon="icon-park-solid:germs" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Germs на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park-solid/germs.svg" alt="Иконка Germs">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.