fire security icon
fire-security from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- fire-security
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the fire security 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-width="1.5"><path stroke-linejoin="round" d="M10.945 22C6.557 22 3 18.418 3 14c0-2.084.958-4.168 2.21-6c.256 1.5 1.365 4.4 3.749 4c-2.624-5.5 1.986-10 1.986-10s.497 3.5 4.966 7q.62.486 1.089 1"/><path d="M15.535 16.202c0-.694-.107-1.656.301-2.281c.902-1.381 2.765-1.141 3.426.18c.301.66.19 1.437.205 2.092m-3.932.01c-.849.087-1.215.64-1.358 1.08c-.144.54-.265 1.861-.072 3.302c.168.9.802 1.319 1.367 1.37c.541.047 2.826.035 3.487.035c1.025 0 1.626-.264 1.927-1.345c.144-.84.18-2.401-.06-3.362c-.266-.802-.902-1.035-1.36-1.09m-3.93.01c1.28-.133 2.649-.165 3.93-.01"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsFireSecurity(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" strokeWidth="1.5"><path strokeLinejoin="round" d="M10.945 22C6.557 22 3 18.418 3 14c0-2.084.958-4.168 2.21-6c.256 1.5 1.365 4.4 3.749 4c-2.624-5.5 1.986-10 1.986-10s.497 3.5 4.966 7q.62.486 1.089 1"/><path d="M15.535 16.202c0-.694-.107-1.656.301-2.281c.902-1.381 2.765-1.141 3.426.18c.301.66.19 1.437.205 2.092m-3.932.01c-.849.087-1.215.64-1.358 1.08c-.144.54-.265 1.861-.072 3.302c.168.9.802 1.319 1.367 1.37c.541.047 2.826.035 3.487.035c1.025 0 1.626-.264 1.927-1.345c.144-.84.18-2.401-.06-3.362c-.266-.802-.902-1.035-1.36-1.09m-3.93.01c1.28-.133 2.649-.165 3.93-.01"/></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-width="1.5"><path stroke-linejoin="round" d="M10.945 22C6.557 22 3 18.418 3 14c0-2.084.958-4.168 2.21-6c.256 1.5 1.365 4.4 3.749 4c-2.624-5.5 1.986-10 1.986-10s.497 3.5 4.966 7q.62.486 1.089 1"/><path d="M15.535 16.202c0-.694-.107-1.656.301-2.281c.902-1.381 2.765-1.141 3.426.18c.301.66.19 1.437.205 2.092m-3.932.01c-.849.087-1.215.64-1.358 1.08c-.144.54-.265 1.861-.072 3.302c.168.9.802 1.319 1.367 1.37c.541.047 2.826.035 3.487.035c1.025 0 1.626-.264 1.927-1.345c.144-.84.18-2.401-.06-3.362c-.266-.802-.902-1.035-1.36-1.09m-3.93.01c1.28-.133 2.649-.165 3.93-.01"/></g></svg> </template>
CSS
.icon-fire-security {
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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10.945%2022C6.557%2022%203%2018.418%203%2014c0-2.084.958-4.168%202.21-6c.256%201.5%201.365%204.4%203.749%204c-2.624-5.5%201.986-10%201.986-10s.497%203.5%204.966%207q.62.486%201.089%201%22%2F%3E%3Cpath%20d%3D%22M15.535%2016.202c0-.694-.107-1.656.301-2.281c.902-1.381%202.765-1.141%203.426.18c.301.66.19%201.437.205%202.092m-3.932.01c-.849.087-1.215.64-1.358%201.08c-.144.54-.265%201.861-.072%203.302c.168.9.802%201.319%201.367%201.37c.541.047%202.826.035%203.487.035c1.025%200%201.626-.264%201.927-1.345c.144-.84.18-2.401-.06-3.362c-.266-.802-.902-1.035-1.36-1.09m-3.93.01c1.28-.133%202.649-.165%203.93-.01%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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10.945%2022C6.557%2022%203%2018.418%203%2014c0-2.084.958-4.168%202.21-6c.256%201.5%201.365%204.4%203.749%204c-2.624-5.5%201.986-10%201.986-10s.497%203.5%204.966%207q.62.486%201.089%201%22%2F%3E%3Cpath%20d%3D%22M15.535%2016.202c0-.694-.107-1.656.301-2.281c.902-1.381%202.765-1.141%203.426.18c.301.66.19%201.437.205%202.092m-3.932.01c-.849.087-1.215.64-1.358%201.08c-.144.54-.265%201.861-.072%203.302c.168.9.802%201.319%201.367%201.37c.541.047%202.826.035%203.487.035c1.025%200%201.626-.264%201.927-1.345c.144-.84.18-2.401-.06-3.362c-.266-.802-.902-1.035-1.36-1.09m-3.93.01c1.28-.133%202.649-.165%203.93-.01%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/fire-security.svg?color=%231a73e8&size=48
