Biohazard アイコン
fluent-emoji-flat:biohazard
Biohazard アイコン(fluent-emoji-flat:biohazard)は、Fluent Emoji Flat セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- 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"><path fill="#ffb02e" d="M16 30C8.27 30 2 23.73 2 16S8.27 2 16 2s14 6.27 14 14s-6.27 14-14 14"/><path fill="#000" d="M21.35 13.13c1.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 16 22.41a6.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.09M14.5 16c0 .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 fill="#000" d="M13.53 11.09c-.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 16 10.5c-.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></svg>Biohazard アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:biohazard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:biohazard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:biohazard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--biohazard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:biohazard"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:biohazard"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/biohazard.svg" alt="Biohazard アイコン" width="24" height="24">他のアイコンセットの Biohazard アイコン
Biohazard アイコン のよくある質問
Biohazard アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Biohazard アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:biohazard" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Biohazard アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/biohazard.svg" alt="Biohazard アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。