fireplace icon
fireplace-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- fireplace-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- 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 20 20"><path fill="currentColor" d="M3 9a7 7 0 0 1 14 0v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm7-6a6 6 0 0 0-6 6v5h3.505c-.62-.616-1.005-1.481-1.005-2.5c0-1.07.334-1.908.67-2.476a4.5 4.5 0 0 1 .623-.826l.05-.048l.015-.015l.005-.005l.002-.001v-.001a.5.5 0 0 1 .65-.017a3 3 0 0 1 .2-.9c.249-.629.749-1.242 1.649-1.724a.5.5 0 0 1 .736.44c0 1.143.51 1.91 1.101 2.708l.128.17c.544.727 1.171 1.563 1.171 2.695c0 1.019-.385 1.884-1.005 2.5H16V9a6 6 0 0 0-6-6M8.215 9.248A3.85 3.85 0 0 0 7.5 11.5c0 1.487 1.106 2.5 2.5 2.5s2.5-1.013 2.5-2.5c0-.788-.43-1.365-1.018-2.157l-.083-.112c-.479-.644-1.008-1.397-1.212-2.414a2 2 0 0 0-.542.762c-.158.401-.154.8-.117 1.125q.014.121.03.227l.008.046l.023.154c.006.047.02.149.006.25a.56.56 0 0 1-.122.283a.53.53 0 0 1-.447.187a.6.6 0 0 1-.246-.079a1 1 0 0 1-.119-.083a3 3 0 0 1-.202-.187a14 14 0 0 1-.244-.254M2.5 16a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1z"/></svg>
React
import type { SVGProps } from "react";
export function FluentFireplace20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M3 9a7 7 0 0 1 14 0v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm7-6a6 6 0 0 0-6 6v5h3.505c-.62-.616-1.005-1.481-1.005-2.5c0-1.07.334-1.908.67-2.476a4.5 4.5 0 0 1 .623-.826l.05-.048l.015-.015l.005-.005l.002-.001v-.001a.5.5 0 0 1 .65-.017a3 3 0 0 1 .2-.9c.249-.629.749-1.242 1.649-1.724a.5.5 0 0 1 .736.44c0 1.143.51 1.91 1.101 2.708l.128.17c.544.727 1.171 1.563 1.171 2.695c0 1.019-.385 1.884-1.005 2.5H16V9a6 6 0 0 0-6-6M8.215 9.248A3.85 3.85 0 0 0 7.5 11.5c0 1.487 1.106 2.5 2.5 2.5s2.5-1.013 2.5-2.5c0-.788-.43-1.365-1.018-2.157l-.083-.112c-.479-.644-1.008-1.397-1.212-2.414a2 2 0 0 0-.542.762c-.158.401-.154.8-.117 1.125q.014.121.03.227l.008.046l.023.154c.006.047.02.149.006.25a.56.56 0 0 1-.122.283a.53.53 0 0 1-.447.187a.6.6 0 0 1-.246-.079a1 1 0 0 1-.119-.083a3 3 0 0 1-.202-.187a14 14 0 0 1-.244-.254M2.5 16a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M3 9a7 7 0 0 1 14 0v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm7-6a6 6 0 0 0-6 6v5h3.505c-.62-.616-1.005-1.481-1.005-2.5c0-1.07.334-1.908.67-2.476a4.5 4.5 0 0 1 .623-.826l.05-.048l.015-.015l.005-.005l.002-.001v-.001a.5.5 0 0 1 .65-.017a3 3 0 0 1 .2-.9c.249-.629.749-1.242 1.649-1.724a.5.5 0 0 1 .736.44c0 1.143.51 1.91 1.101 2.708l.128.17c.544.727 1.171 1.563 1.171 2.695c0 1.019-.385 1.884-1.005 2.5H16V9a6 6 0 0 0-6-6M8.215 9.248A3.85 3.85 0 0 0 7.5 11.5c0 1.487 1.106 2.5 2.5 2.5s2.5-1.013 2.5-2.5c0-.788-.43-1.365-1.018-2.157l-.083-.112c-.479-.644-1.008-1.397-1.212-2.414a2 2 0 0 0-.542.762c-.158.401-.154.8-.117 1.125q.014.121.03.227l.008.046l.023.154c.006.047.02.149.006.25a.56.56 0 0 1-.122.283a.53.53 0 0 1-.447.187a.6.6 0 0 1-.246-.079a1 1 0 0 1-.119-.083a3 3 0 0 1-.202-.187a14 14 0 0 1-.244-.254M2.5 16a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1z"/></svg> </template>
CSS
.icon-fireplace-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%209a7%207%200%200%201%2014%200v5a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1zm7-6a6%206%200%200%200-6%206v5h3.505c-.62-.616-1.005-1.481-1.005-2.5c0-1.07.334-1.908.67-2.476a4.5%204.5%200%200%201%20.623-.826l.05-.048l.015-.015l.005-.005l.002-.001v-.001a.5.5%200%200%201%20.65-.017a3%203%200%200%201%20.2-.9c.249-.629.749-1.242%201.649-1.724a.5.5%200%200%201%20.736.44c0%201.143.51%201.91%201.101%202.708l.128.17c.544.727%201.171%201.563%201.171%202.695c0%201.019-.385%201.884-1.005%202.5H16V9a6%206%200%200%200-6-6M8.215%209.248A3.85%203.85%200%200%200%207.5%2011.5c0%201.487%201.106%202.5%202.5%202.5s2.5-1.013%202.5-2.5c0-.788-.43-1.365-1.018-2.157l-.083-.112c-.479-.644-1.008-1.397-1.212-2.414a2%202%200%200%200-.542.762c-.158.401-.154.8-.117%201.125q.014.121.03.227l.008.046l.023.154c.006.047.02.149.006.25a.56.56%200%200%201-.122.283a.53.53%200%200%201-.447.187a.6.6%200%200%201-.246-.079a1%201%200%200%201-.119-.083a3%203%200%200%201-.202-.187a14%2014%200%200%201-.244-.254M2.5%2016a.5.5%200%200%200%200%201h15a.5.5%200%200%200%200-1z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%209a7%207%200%200%201%2014%200v5a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1zm7-6a6%206%200%200%200-6%206v5h3.505c-.62-.616-1.005-1.481-1.005-2.5c0-1.07.334-1.908.67-2.476a4.5%204.5%200%200%201%20.623-.826l.05-.048l.015-.015l.005-.005l.002-.001v-.001a.5.5%200%200%201%20.65-.017a3%203%200%200%201%20.2-.9c.249-.629.749-1.242%201.649-1.724a.5.5%200%200%201%20.736.44c0%201.143.51%201.91%201.101%202.708l.128.17c.544.727%201.171%201.563%201.171%202.695c0%201.019-.385%201.884-1.005%202.5H16V9a6%206%200%200%200-6-6M8.215%209.248A3.85%203.85%200%200%200%207.5%2011.5c0%201.487%201.106%202.5%202.5%202.5s2.5-1.013%202.5-2.5c0-.788-.43-1.365-1.018-2.157l-.083-.112c-.479-.644-1.008-1.397-1.212-2.414a2%202%200%200%200-.542.762c-.158.401-.154.8-.117%201.125q.014.121.03.227l.008.046l.023.154c.006.047.02.149.006.25a.56.56%200%200%201-.122.283a.53.53%200%200%201-.447.187a.6.6%200%200%201-.246-.079a1%201%200%200%201-.119-.083a3%203%200%200%201-.202-.187a14%2014%200%200%201-.244-.254M2.5%2016a.5.5%200%200%200%200%201h15a.5.5%200%200%200%200-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/fireplace-20-regular.svg?color=%231a73e8&size=48
