Home/Libraries/Phosphor (Iconify)/biohazard-light

Phosphor (Iconify)

BiohazardLight

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#818cf8" d="M184.35 106.18a62 62 0 0 0-4-7.33a58 58 0 0 0-25.58-76.38a6 6 0 1 0-5.54 10.64a46 46 0 0 1 22.51 55a61.89 61.89 0 0 0-87.5 0a46 46 0 0 1 22.53-55a6 6 0 0 0-5.54-10.64a58 58 0 0 0-25.59 76.4a61 61 0 0 0-4 7.31A58.06 58.06 0 0 0 18 164a6 6 0 0 0 12 0a46.08 46.08 0 0 1 37.43-45.19a61.95 61.95 0 0 0 45 73.21a46 46 0 0 1-61.2 10.75a6 6 0 0 0-6.48 10.11a58 58 0 0 0 80.9-18.94c.77 0 1.55.06 2.34.06s1.57 0 2.34-.06a58 58 0 0 0 80.9 18.94a6 6 0 0 0-6.48-10.11A46 46 0 0 1 143.56 192a61.95 61.95 0 0 0 45-73.21A46.08 46.08 0 0 1 226 164a6 6 0 0 0 12 0a58.06 58.06 0 0 0-53.65-57.82M128 82a49.87 49.87 0 0 1 38.09 17.67a46 46 0 0 1-76.19 0A49.86 49.86 0 0 1 128 82m3.8 49.79a57 57 0 0 0-3.8 6.56a58 58 0 0 0-3.79-6.56c1.25.08 2.51.13 3.78.13s2.55-.05 3.81-.13M78 132a49.7 49.7 0 0 1 2-13.82A46.06 46.06 0 0 1 122 164a45.6 45.6 0 0 1-3.32 17.12A50.07 50.07 0 0 1 78 132m59.32 49.12A45.6 45.6 0 0 1 134 164a46.06 46.06 0 0 1 42-45.82a50 50 0 0 1-38.72 62.94Z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BiohazardLightIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.