Иконка Biohazard
fluent-emoji:biohazard
Иконка Biohazard (fluent-emoji:biohazard) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iOLHoAu)"><path fill="url(#iWlVW7d)" d="M16.391 30.375c-7.73 0-14-6.27-14-14s6.27-14 14-14s14 6.27 14 14s-6.27 14-14 14"/></g><g fill="#48424E" filter="url(#iSvQp4b)"><path d="M21.74 13.682c1.05 0 2.12.27 3.09.83a6.1 6.1 0 0 1 2.63 3.02c.12.27-.26.48-.43.24c-.4-.56-.92-1.05-1.56-1.42a4.91 4.91 0 0 0-6.76 1.9c-1.28 2.34-.43 5.31 1.89 6.62c.63.36 1.3.56 1.98.62c.29.03.31.46.01.5a6.2 6.2 0 0 1-3.94-.77a6.1 6.1 0 0 1-2.26-2.26a6.18 6.18 0 0 1-6.19 3.03c-.29-.04-.28-.47.01-.5c.68-.06 1.37-.27 2.01-.64a4.893 4.893 0 0 0 1.74-6.8c-1.36-2.23-4.26-3-6.55-1.75c-.68.37-1.23.88-1.65 1.47c-.18.24-.55.04-.44-.24a6.06 6.06 0 0 1 2.63-3.02c.98-.56 2.04-.83 3.09-.83c-.53-.91-.83-1.96-.83-3.09c0-1.43.49-2.74 1.3-3.79c.18-.23.55-.01.43.27c-.29.62-.45 1.32-.45 2.06c0 2.74 2.26 4.97 5.02 4.9c2.61-.07 4.73-2.19 4.79-4.8a4.9 4.9 0 0 0-.45-2.17c-.13-.27.24-.5.42-.26a6.16 6.16 0 0 1 1.3 3.79c0 1.13-.3 2.18-.83 3.09m-6.85 2.87c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5"/><path d="M13.92 11.642c-.21.11-.47.05-.62-.14a.49.49 0 0 1 .16-.75c.88-.45 1.88-.7 2.93-.7s2.04.25 2.93.69c.28.14.36.5.17.75c-.01 0-.01.01-.01.01c-.15.19-.41.25-.62.14a5.4 5.4 0 0 0-2.47-.59c-.89 0-1.73.21-2.47.59m-.36 10.11c.09-.22.01-.47-.19-.6a5.55 5.55 0 0 1-1.75-1.85c-.44-.77-.68-1.6-.73-2.43a.5.5 0 0 0-.43-.47h-.01a.495.495 0 0 0-.56.52c.05.98.33 1.97.86 2.88s1.24 1.65 2.07 2.19c.27.17.62.06.74-.24m8.68-4.99h.01a.5.5 0 0 1 .59.55a6.53 6.53 0 0 1-2.82 4.61a.5.5 0 0 1-.76-.27v-.01c-.06-.2.02-.42.2-.54c1.3-.87 2.2-2.28 2.39-3.91c.02-.21.18-.39.39-.43"/></g><defs><filter id="iOLHoAu" width="29" height="29" x="1.991" y="1.775" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.6"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.996078 0 0 0 0 0.490196 0 0 0 0 0.266667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_682"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".6"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.996078 0 0 0 0 0.490196 0 0 0 0 0.266667 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_682" result="effect2_innerShadow_18590_682"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.784314 0 0 0 0 0.458824 0 0 0 0 0.196078 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18590_682" result="effect3_innerShadow_18590_682"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.4" dy=".4"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.996078 0 0 0 0 0.439216 0 0 0 1 0"/><feBlend in2="effect3_innerShadow_18590_682" result="effect4_innerShadow_18590_682"/></filter><filter id="iSvQp4b" width="23.183" height="20.348" x="4.55" y="6.451" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.75" dy=".75"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.2 0 0 0 0 0.168627 0 0 0 0 0.235294 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_682"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.290196 0 0 0 0 0.278431 0 0 0 0 0.305882 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_682" result="effect2_innerShadow_18590_682"/></filter><linearGradient id="iWlVW7d" x1="16.391" x2="16.391" y1="2.375" y2="30.375" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD857"/><stop offset=".902" stop-color="#FFAA56"/></linearGradient></defs></g></svg>Как использовать иконку Biohazard
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:biohazard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:biohazard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:biohazard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--biohazard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:biohazard"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:biohazard"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/biohazard.svg" alt="Иконка Biohazard" width="24" height="24">Иконка Biohazard в других наборах
Вопросы и ответы: Иконка Biohazard
Можно ли бесплатно использовать иконку Biohazard в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Biohazard в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:biohazard" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Biohazard на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/biohazard.svg" alt="Иконка Biohazard">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.