nuclear icon
nuclear from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- nuclear
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
Use the nuclear icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1c117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48M429 239.92l-93.08-.1a2 2 0 0 1-1.95-1.57a80.08 80.08 0 0 0-27.44-44.17a2 2 0 0 1-.54-2.43l41.32-83.43a2 2 0 0 1 2.87-.81A176.2 176.2 0 0 1 431 237.71a2 2 0 0 1-2 2.21m-220.8 20.46a48 48 0 1 1 43.42 43.42a48 48 0 0 1-43.42-43.42m-43.55-152.16L206 191.65a2 2 0 0 1-.54 2.43A80.08 80.08 0 0 0 178 238.25a2 2 0 0 1-2 1.57l-93.08.1a2 2 0 0 1-2-2.21a176.2 176.2 0 0 1 80.82-130.3a2 2 0 0 1 2.91.81m-.37 295.34l56.31-74.09a2 2 0 0 1 2.43-.6a79.84 79.84 0 0 0 66 0a2 2 0 0 1 2.43.6l56.31 74.09a2 2 0 0 1-.54 2.92a175.65 175.65 0 0 1-182.36 0a2 2 0 0 1-.58-2.92"/></svg>
React
import type { SVGProps } from "react";
export function IonNuclear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1c117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48M429 239.92l-93.08-.1a2 2 0 0 1-1.95-1.57a80.08 80.08 0 0 0-27.44-44.17a2 2 0 0 1-.54-2.43l41.32-83.43a2 2 0 0 1 2.87-.81A176.2 176.2 0 0 1 431 237.71a2 2 0 0 1-2 2.21m-220.8 20.46a48 48 0 1 1 43.42 43.42a48 48 0 0 1-43.42-43.42m-43.55-152.16L206 191.65a2 2 0 0 1-.54 2.43A80.08 80.08 0 0 0 178 238.25a2 2 0 0 1-2 1.57l-93.08.1a2 2 0 0 1-2-2.21a176.2 176.2 0 0 1 80.82-130.3a2 2 0 0 1 2.91.81m-.37 295.34l56.31-74.09a2 2 0 0 1 2.43-.6a79.84 79.84 0 0 0 66 0a2 2 0 0 1 2.43.6l56.31 74.09a2 2 0 0 1-.54 2.92a175.65 175.65 0 0 1-182.36 0a2 2 0 0 1-.58-2.92"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1c117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48M429 239.92l-93.08-.1a2 2 0 0 1-1.95-1.57a80.08 80.08 0 0 0-27.44-44.17a2 2 0 0 1-.54-2.43l41.32-83.43a2 2 0 0 1 2.87-.81A176.2 176.2 0 0 1 431 237.71a2 2 0 0 1-2 2.21m-220.8 20.46a48 48 0 1 1 43.42 43.42a48 48 0 0 1-43.42-43.42m-43.55-152.16L206 191.65a2 2 0 0 1-.54 2.43A80.08 80.08 0 0 0 178 238.25a2 2 0 0 1-2 1.57l-93.08.1a2 2 0 0 1-2-2.21a176.2 176.2 0 0 1 80.82-130.3a2 2 0 0 1 2.91.81m-.37 295.34l56.31-74.09a2 2 0 0 1 2.43-.6a79.84 79.84 0 0 0 66 0a2 2 0 0 1 2.43.6l56.31 74.09a2 2 0 0 1-.54 2.92a175.65 175.65 0 0 1-182.36 0a2 2 0 0 1-.58-2.92"/></svg> </template>
CSS
.icon-nuclear {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M258.9%2048C141.92%2046.42%2046.42%20141.92%2048%20258.9c1.56%20112.19%2092.91%20203.54%20205.1%20205.1c117%201.6%20212.48-93.9%20210.88-210.88C462.44%20140.91%20371.09%2049.56%20258.9%2048M429%20239.92l-93.08-.1a2%202%200%200%201-1.95-1.57a80.08%2080.08%200%200%200-27.44-44.17a2%202%200%200%201-.54-2.43l41.32-83.43a2%202%200%200%201%202.87-.81A176.2%20176.2%200%200%201%20431%20237.71a2%202%200%200%201-2%202.21m-220.8%2020.46a48%2048%200%201%201%2043.42%2043.42a48%2048%200%200%201-43.42-43.42m-43.55-152.16L206%20191.65a2%202%200%200%201-.54%202.43A80.08%2080.08%200%200%200%20178%20238.25a2%202%200%200%201-2%201.57l-93.08.1a2%202%200%200%201-2-2.21a176.2%20176.2%200%200%201%2080.82-130.3a2%202%200%200%201%202.91.81m-.37%20295.34l56.31-74.09a2%202%200%200%201%202.43-.6a79.84%2079.84%200%200%200%2066%200a2%202%200%200%201%202.43.6l56.31%2074.09a2%202%200%200%201-.54%202.92a175.65%20175.65%200%200%201-182.36%200a2%202%200%200%201-.58-2.92%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M258.9%2048C141.92%2046.42%2046.42%20141.92%2048%20258.9c1.56%20112.19%2092.91%20203.54%20205.1%20205.1c117%201.6%20212.48-93.9%20210.88-210.88C462.44%20140.91%20371.09%2049.56%20258.9%2048M429%20239.92l-93.08-.1a2%202%200%200%201-1.95-1.57a80.08%2080.08%200%200%200-27.44-44.17a2%202%200%200%201-.54-2.43l41.32-83.43a2%202%200%200%201%202.87-.81A176.2%20176.2%200%200%201%20431%20237.71a2%202%200%200%201-2%202.21m-220.8%2020.46a48%2048%200%201%201%2043.42%2043.42a48%2048%200%200%201-43.42-43.42m-43.55-152.16L206%20191.65a2%202%200%200%201-.54%202.43A80.08%2080.08%200%200%200%20178%20238.25a2%202%200%200%201-2%201.57l-93.08.1a2%202%200%200%201-2-2.21a176.2%20176.2%200%200%201%2080.82-130.3a2%202%200%200%201%202.91.81m-.37%20295.34l56.31-74.09a2%202%200%200%201%202.43-.6a79.84%2079.84%200%200%200%2066%200a2%202%200%200%201%202.43.6l56.31%2074.09a2%202%200%200%201-.54%202.92a175.65%20175.65%200%200%201-182.36%200a2%202%200%200%201-.58-2.92%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/nuclear.svg?color=%231a73e8&size=48
