fire minimalistic icon
fire-minimalistic-bold from Solar by 480 Design · Bold · Nature · CC-BY-4.0 Attribution required.
- Name
- fire-minimalistic-bold
- Set
- Solar
- Style
- Bold
- 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"><path fill="currentColor" 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"/></svg>
React
import type { SVGProps } from "react";
export function SolarFireMinimalisticBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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"/></svg> </template>
CSS
.icon-fire-minimalistic-bold {
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%3Cpath%20fill%3D%22currentColor%22%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%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%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%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/fire-minimalistic-bold.svg?color=%231a73e8&size=48
