fire minimalistic icon
fire-minimalistic-bold-duotone from Solar by 480 Design · Bold Duotone · Nature · CC-BY-4.0 Attribution required.
- Name
- fire-minimalistic-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Nature
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More nature icons from Solar
Use the fire minimalistic icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 21C16.4183 21 20 17.6439 20 13.504C20 9.76257 17.9654 6.83811 16.562 5.44436C16.3017 5.18584 15.8683 5.30006 15.7212 5.63288C14.9742 7.3229 13.4178 9.75607 11.4286 9.75607C10.1975 9.92086 8.31688 8.86844 9.83483 3.64868C9.97151 3.17868 9.46972 2.80113 9.08645 3.11539C6.9046 4.90436 4 8.51143 4 13.504C4 17.6439 7.58172 21 12 21Z" opacity=".5"/><path d="M4.4766 16.0587C6.08562 13.6138 8.85435 12 12 12C15.1457 12 17.9144 13.6138 19.5234 16.0587C19.8318 15.2614 20 14.4011 20 13.504C20 9.76257 17.9654 6.83811 16.562 5.44436C16.3017 5.18584 15.8683 5.30006 15.7212 5.63288C14.9742 7.3229 13.4178 9.75607 11.4286 9.75607C10.1975 9.92086 8.31688 8.86844 9.83483 3.64868C9.97151 3.17868 9.46972 2.80113 9.08645 3.11539C6.9046 4.90436 4 8.51143 4 13.504C4 14.4011 4.16818 15.2614 4.4766 16.0587Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFireMinimalisticBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 21C16.4183 21 20 17.6439 20 13.504C20 9.76257 17.9654 6.83811 16.562 5.44436C16.3017 5.18584 15.8683 5.30006 15.7212 5.63288C14.9742 7.3229 13.4178 9.75607 11.4286 9.75607C10.1975 9.92086 8.31688 8.86844 9.83483 3.64868C9.97151 3.17868 9.46972 2.80113 9.08645 3.11539C6.9046 4.90436 4 8.51143 4 13.504C4 17.6439 7.58172 21 12 21Z" opacity=".5"/><path d="M4.4766 16.0587C6.08562 13.6138 8.85435 12 12 12C15.1457 12 17.9144 13.6138 19.5234 16.0587C19.8318 15.2614 20 14.4011 20 13.504C20 9.76257 17.9654 6.83811 16.562 5.44436C16.3017 5.18584 15.8683 5.30006 15.7212 5.63288C14.9742 7.3229 13.4178 9.75607 11.4286 9.75607C10.1975 9.92086 8.31688 8.86844 9.83483 3.64868C9.97151 3.17868 9.46972 2.80113 9.08645 3.11539C6.9046 4.90436 4 8.51143 4 13.504C4 14.4011 4.16818 15.2614 4.4766 16.0587Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 21C16.4183 21 20 17.6439 20 13.504C20 9.76257 17.9654 6.83811 16.562 5.44436C16.3017 5.18584 15.8683 5.30006 15.7212 5.63288C14.9742 7.3229 13.4178 9.75607 11.4286 9.75607C10.1975 9.92086 8.31688 8.86844 9.83483 3.64868C9.97151 3.17868 9.46972 2.80113 9.08645 3.11539C6.9046 4.90436 4 8.51143 4 13.504C4 17.6439 7.58172 21 12 21Z" opacity=".5"/><path d="M4.4766 16.0587C6.08562 13.6138 8.85435 12 12 12C15.1457 12 17.9144 13.6138 19.5234 16.0587C19.8318 15.2614 20 14.4011 20 13.504C20 9.76257 17.9654 6.83811 16.562 5.44436C16.3017 5.18584 15.8683 5.30006 15.7212 5.63288C14.9742 7.3229 13.4178 9.75607 11.4286 9.75607C10.1975 9.92086 8.31688 8.86844 9.83483 3.64868C9.97151 3.17868 9.46972 2.80113 9.08645 3.11539C6.9046 4.90436 4 8.51143 4 13.504C4 14.4011 4.16818 15.2614 4.4766 16.0587Z"/></g></svg> </template>
CSS
.icon-fire-minimalistic-bold-duotone {
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%22currentColor%22%3E%3Cpath%20d%3D%22M12%2021C16.4183%2021%2020%2017.6439%2020%2013.504C20%209.76257%2017.9654%206.83811%2016.562%205.44436C16.3017%205.18584%2015.8683%205.30006%2015.7212%205.63288C14.9742%207.3229%2013.4178%209.75607%2011.4286%209.75607C10.1975%209.92086%208.31688%208.86844%209.83483%203.64868C9.97151%203.17868%209.46972%202.80113%209.08645%203.11539C6.9046%204.90436%204%208.51143%204%2013.504C4%2017.6439%207.58172%2021%2012%2021Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M4.4766%2016.0587C6.08562%2013.6138%208.85435%2012%2012%2012C15.1457%2012%2017.9144%2013.6138%2019.5234%2016.0587C19.8318%2015.2614%2020%2014.4011%2020%2013.504C20%209.76257%2017.9654%206.83811%2016.562%205.44436C16.3017%205.18584%2015.8683%205.30006%2015.7212%205.63288C14.9742%207.3229%2013.4178%209.75607%2011.4286%209.75607C10.1975%209.92086%208.31688%208.86844%209.83483%203.64868C9.97151%203.17868%209.46972%202.80113%209.08645%203.11539C6.9046%204.90436%204%208.51143%204%2013.504C4%2014.4011%204.16818%2015.2614%204.4766%2016.0587Z%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%22currentColor%22%3E%3Cpath%20d%3D%22M12%2021C16.4183%2021%2020%2017.6439%2020%2013.504C20%209.76257%2017.9654%206.83811%2016.562%205.44436C16.3017%205.18584%2015.8683%205.30006%2015.7212%205.63288C14.9742%207.3229%2013.4178%209.75607%2011.4286%209.75607C10.1975%209.92086%208.31688%208.86844%209.83483%203.64868C9.97151%203.17868%209.46972%202.80113%209.08645%203.11539C6.9046%204.90436%204%208.51143%204%2013.504C4%2017.6439%207.58172%2021%2012%2021Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M4.4766%2016.0587C6.08562%2013.6138%208.85435%2012%2012%2012C15.1457%2012%2017.9144%2013.6138%2019.5234%2016.0587C19.8318%2015.2614%2020%2014.4011%2020%2013.504C20%209.76257%2017.9654%206.83811%2016.562%205.44436C16.3017%205.18584%2015.8683%205.30006%2015.7212%205.63288C14.9742%207.3229%2013.4178%209.75607%2011.4286%209.75607C10.1975%209.92086%208.31688%208.86844%209.83483%203.64868C9.97151%203.17868%209.46972%202.80113%209.08645%203.11539C6.9046%204.90436%204%208.51143%204%2013.504C4%2014.4011%204.16818%2015.2614%204.4766%2016.0587Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/fire-minimalistic-bold-duotone.svg?color=%231a73e8&size=48
