fireplace icon
fireplace-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- fireplace-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
7 other variants in Fluent UI System Icons
The same icon in other sets
Use the fireplace icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 11a9 9 0 0 1 18 0v6.25a.75.75 0 0 1-.75.75H3.75a.75.75 0 0 1-.75-.75zm9-7.5A7.5 7.5 0 0 0 4.5 11v5.5h4.294A4.14 4.14 0 0 1 7.5 13.486c0-1.196.36-2.132.723-2.77c.182-.318.364-.564.505-.733a4 4 0 0 1 .233-.256l.019-.017l.006-.007l.003-.002l.001-.001l.001-.001A.75.75 0 0 1 10 9.69l.05.044l.004-.052l.016-.163c.051-.522.136-1.268.473-1.939c.36-.717.994-1.32 2.04-1.56a.75.75 0 0 1 .918.73c0 1.337.589 2.098 1.328 2.992l.075.09c.724.874 1.597 1.927 1.597 3.654c0 1.17-.492 2.24-1.303 3.014H19.5V11A7.5 7.5 0 0 0 12 3.5m-2.473 7.958A4.07 4.07 0 0 0 9 13.486c0 1.474 1.227 2.764 3.002 2.764c1.77 0 2.998-1.313 2.998-2.764c0-1.182-.563-1.863-1.324-2.783l-.004-.005c-.593-.717-1.277-1.556-1.55-2.793c-.1.106-.177.224-.24.35c-.198.393-.268.881-.32 1.41l-.013.132c-.02.207-.04.43-.073.62c-.033.193-.105.561-.366.828a1 1 0 0 1-.615.296a1.2 1.2 0 0 1-.579-.097a2 2 0 0 1-.29-.15a4 4 0 0 0-.1.164M2 20.25a.75.75 0 0 1 .75-.75h18.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75"/></svg>
React
import type { SVGProps } from "react";
export function FluentFireplace24Regular(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="M3 11a9 9 0 0 1 18 0v6.25a.75.75 0 0 1-.75.75H3.75a.75.75 0 0 1-.75-.75zm9-7.5A7.5 7.5 0 0 0 4.5 11v5.5h4.294A4.14 4.14 0 0 1 7.5 13.486c0-1.196.36-2.132.723-2.77c.182-.318.364-.564.505-.733a4 4 0 0 1 .233-.256l.019-.017l.006-.007l.003-.002l.001-.001l.001-.001A.75.75 0 0 1 10 9.69l.05.044l.004-.052l.016-.163c.051-.522.136-1.268.473-1.939c.36-.717.994-1.32 2.04-1.56a.75.75 0 0 1 .918.73c0 1.337.589 2.098 1.328 2.992l.075.09c.724.874 1.597 1.927 1.597 3.654c0 1.17-.492 2.24-1.303 3.014H19.5V11A7.5 7.5 0 0 0 12 3.5m-2.473 7.958A4.07 4.07 0 0 0 9 13.486c0 1.474 1.227 2.764 3.002 2.764c1.77 0 2.998-1.313 2.998-2.764c0-1.182-.563-1.863-1.324-2.783l-.004-.005c-.593-.717-1.277-1.556-1.55-2.793c-.1.106-.177.224-.24.35c-.198.393-.268.881-.32 1.41l-.013.132c-.02.207-.04.43-.073.62c-.033.193-.105.561-.366.828a1 1 0 0 1-.615.296a1.2 1.2 0 0 1-.579-.097a2 2 0 0 1-.29-.15a4 4 0 0 0-.1.164M2 20.25a.75.75 0 0 1 .75-.75h18.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 11a9 9 0 0 1 18 0v6.25a.75.75 0 0 1-.75.75H3.75a.75.75 0 0 1-.75-.75zm9-7.5A7.5 7.5 0 0 0 4.5 11v5.5h4.294A4.14 4.14 0 0 1 7.5 13.486c0-1.196.36-2.132.723-2.77c.182-.318.364-.564.505-.733a4 4 0 0 1 .233-.256l.019-.017l.006-.007l.003-.002l.001-.001l.001-.001A.75.75 0 0 1 10 9.69l.05.044l.004-.052l.016-.163c.051-.522.136-1.268.473-1.939c.36-.717.994-1.32 2.04-1.56a.75.75 0 0 1 .918.73c0 1.337.589 2.098 1.328 2.992l.075.09c.724.874 1.597 1.927 1.597 3.654c0 1.17-.492 2.24-1.303 3.014H19.5V11A7.5 7.5 0 0 0 12 3.5m-2.473 7.958A4.07 4.07 0 0 0 9 13.486c0 1.474 1.227 2.764 3.002 2.764c1.77 0 2.998-1.313 2.998-2.764c0-1.182-.563-1.863-1.324-2.783l-.004-.005c-.593-.717-1.277-1.556-1.55-2.793c-.1.106-.177.224-.24.35c-.198.393-.268.881-.32 1.41l-.013.132c-.02.207-.04.43-.073.62c-.033.193-.105.561-.366.828a1 1 0 0 1-.615.296a1.2 1.2 0 0 1-.579-.097a2 2 0 0 1-.29-.15a4 4 0 0 0-.1.164M2 20.25a.75.75 0 0 1 .75-.75h18.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75"/></svg> </template>
CSS
.icon-fireplace-24-regular {
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%22M3%2011a9%209%200%200%201%2018%200v6.25a.75.75%200%200%201-.75.75H3.75a.75.75%200%200%201-.75-.75zm9-7.5A7.5%207.5%200%200%200%204.5%2011v5.5h4.294A4.14%204.14%200%200%201%207.5%2013.486c0-1.196.36-2.132.723-2.77c.182-.318.364-.564.505-.733a4%204%200%200%201%20.233-.256l.019-.017l.006-.007l.003-.002l.001-.001l.001-.001A.75.75%200%200%201%2010%209.69l.05.044l.004-.052l.016-.163c.051-.522.136-1.268.473-1.939c.36-.717.994-1.32%202.04-1.56a.75.75%200%200%201%20.918.73c0%201.337.589%202.098%201.328%202.992l.075.09c.724.874%201.597%201.927%201.597%203.654c0%201.17-.492%202.24-1.303%203.014H19.5V11A7.5%207.5%200%200%200%2012%203.5m-2.473%207.958A4.07%204.07%200%200%200%209%2013.486c0%201.474%201.227%202.764%203.002%202.764c1.77%200%202.998-1.313%202.998-2.764c0-1.182-.563-1.863-1.324-2.783l-.004-.005c-.593-.717-1.277-1.556-1.55-2.793c-.1.106-.177.224-.24.35c-.198.393-.268.881-.32%201.41l-.013.132c-.02.207-.04.43-.073.62c-.033.193-.105.561-.366.828a1%201%200%200%201-.615.296a1.2%201.2%200%200%201-.579-.097a2%202%200%200%201-.29-.15a4%204%200%200%200-.1.164M2%2020.25a.75.75%200%200%201%20.75-.75h18.5a.75.75%200%200%201%200%201.5H2.75a.75.75%200%200%201-.75-.75%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%22M3%2011a9%209%200%200%201%2018%200v6.25a.75.75%200%200%201-.75.75H3.75a.75.75%200%200%201-.75-.75zm9-7.5A7.5%207.5%200%200%200%204.5%2011v5.5h4.294A4.14%204.14%200%200%201%207.5%2013.486c0-1.196.36-2.132.723-2.77c.182-.318.364-.564.505-.733a4%204%200%200%201%20.233-.256l.019-.017l.006-.007l.003-.002l.001-.001l.001-.001A.75.75%200%200%201%2010%209.69l.05.044l.004-.052l.016-.163c.051-.522.136-1.268.473-1.939c.36-.717.994-1.32%202.04-1.56a.75.75%200%200%201%20.918.73c0%201.337.589%202.098%201.328%202.992l.075.09c.724.874%201.597%201.927%201.597%203.654c0%201.17-.492%202.24-1.303%203.014H19.5V11A7.5%207.5%200%200%200%2012%203.5m-2.473%207.958A4.07%204.07%200%200%200%209%2013.486c0%201.474%201.227%202.764%203.002%202.764c1.77%200%202.998-1.313%202.998-2.764c0-1.182-.563-1.863-1.324-2.783l-.004-.005c-.593-.717-1.277-1.556-1.55-2.793c-.1.106-.177.224-.24.35c-.198.393-.268.881-.32%201.41l-.013.132c-.02.207-.04.43-.073.62c-.033.193-.105.561-.366.828a1%201%200%200%201-.615.296a1.2%201.2%200%200%201-.579-.097a2%202%200%200%201-.29-.15a4%204%200%200%200-.1.164M2%2020.25a.75.75%200%200%201%20.75-.75h18.5a.75.75%200%200%201%200%201.5H2.75a.75.75%200%200%201-.75-.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/fireplace-24-regular.svg?color=%231a73e8&size=48
