atomic power icon
atomic-power from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- atomic-power
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the atomic power icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M20.663 8.85c.59-2.04.424-3.81-.64-4.874c-2.249-2.249-7.664-.48-12.096 3.951A22 22 0 0 0 6.6 9.377m10.8 5.247q-.617.736-1.327 1.449c-4.432 4.431-9.847 6.2-12.097 3.95c-1.14-1.14-1.248-3.095-.498-5.323"/><path d="m12.675 9.3l-1.75 2.07c-.215.278-.321.416-.255.523s.259.107.644.107h1.373c.385 0 .578 0 .644.107s-.04.245-.255.523l-1.762 2.07M9.75 17.706a22 22 0 0 1-1.823-1.633c-4.431-4.432-6.2-9.847-3.95-12.097c1.14-1.14 3.095-1.248 5.323-.498m4.95 16.883c2.413.92 4.557.88 5.774-.337c2.249-2.25.48-7.665-3.951-12.097a22 22 0 0 0-1.823-1.633"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsAtomicPower(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M20.663 8.85c.59-2.04.424-3.81-.64-4.874c-2.249-2.249-7.664-.48-12.096 3.951A22 22 0 0 0 6.6 9.377m10.8 5.247q-.617.736-1.327 1.449c-4.432 4.431-9.847 6.2-12.097 3.95c-1.14-1.14-1.248-3.095-.498-5.323"/><path d="m12.675 9.3l-1.75 2.07c-.215.278-.321.416-.255.523s.259.107.644.107h1.373c.385 0 .578 0 .644.107s-.04.245-.255.523l-1.762 2.07M9.75 17.706a22 22 0 0 1-1.823-1.633c-4.431-4.432-6.2-9.847-3.95-12.097c1.14-1.14 3.095-1.248 5.323-.498m4.95 16.883c2.413.92 4.557.88 5.774-.337c2.249-2.25.48-7.665-3.951-12.097a22 22 0 0 0-1.823-1.633"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M20.663 8.85c.59-2.04.424-3.81-.64-4.874c-2.249-2.249-7.664-.48-12.096 3.951A22 22 0 0 0 6.6 9.377m10.8 5.247q-.617.736-1.327 1.449c-4.432 4.431-9.847 6.2-12.097 3.95c-1.14-1.14-1.248-3.095-.498-5.323"/><path d="m12.675 9.3l-1.75 2.07c-.215.278-.321.416-.255.523s.259.107.644.107h1.373c.385 0 .578 0 .644.107s-.04.245-.255.523l-1.762 2.07M9.75 17.706a22 22 0 0 1-1.823-1.633c-4.431-4.432-6.2-9.847-3.95-12.097c1.14-1.14 3.095-1.248 5.323-.498m4.95 16.883c2.413.92 4.557.88 5.774-.337c2.249-2.25.48-7.665-3.951-12.097a22 22 0 0 0-1.823-1.633"/></g></svg> </template>
CSS
.icon-atomic-power {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20.663%208.85c.59-2.04.424-3.81-.64-4.874c-2.249-2.249-7.664-.48-12.096%203.951A22%2022%200%200%200%206.6%209.377m10.8%205.247q-.617.736-1.327%201.449c-4.432%204.431-9.847%206.2-12.097%203.95c-1.14-1.14-1.248-3.095-.498-5.323%22%2F%3E%3Cpath%20d%3D%22m12.675%209.3l-1.75%202.07c-.215.278-.321.416-.255.523s.259.107.644.107h1.373c.385%200%20.578%200%20.644.107s-.04.245-.255.523l-1.762%202.07M9.75%2017.706a22%2022%200%200%201-1.823-1.633c-4.431-4.432-6.2-9.847-3.95-12.097c1.14-1.14%203.095-1.248%205.323-.498m4.95%2016.883c2.413.92%204.557.88%205.774-.337c2.249-2.25.48-7.665-3.951-12.097a22%2022%200%200%200-1.823-1.633%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20.663%208.85c.59-2.04.424-3.81-.64-4.874c-2.249-2.249-7.664-.48-12.096%203.951A22%2022%200%200%200%206.6%209.377m10.8%205.247q-.617.736-1.327%201.449c-4.432%204.431-9.847%206.2-12.097%203.95c-1.14-1.14-1.248-3.095-.498-5.323%22%2F%3E%3Cpath%20d%3D%22m12.675%209.3l-1.75%202.07c-.215.278-.321.416-.255.523s.259.107.644.107h1.373c.385%200%20.578%200%20.644.107s-.04.245-.255.523l-1.762%202.07M9.75%2017.706a22%2022%200%200%201-1.823-1.633c-4.431-4.432-6.2-9.847-3.95-12.097c1.14-1.14%203.095-1.248%205.323-.498m4.95%2016.883c2.413.92%204.557.88%205.774-.337c2.249-2.25.48-7.665-3.951-12.097a22%2022%200%200%200-1.823-1.633%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/atomic-power.svg?color=%231a73e8&size=48
