Gentleface › Home & household › fireplace

fireplace icon

Fireplace: fireplace, hearth. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M14.856 2.856C14.759 2.952 14.641 3 14.5 3L14 3L14 14C14 14.276 13.902 14.512 13.707 14.707C13.512 14.902 13.276 15 13 15L3 15C2.724 15 2.488 14.902 2.293 14.707C2.098 14.512 2 14.276 2 14L2 3L1.5 3C1.359 3 1.241 2.952 1.144 2.856C1.048 2.759 1 2.641 1 2.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144C14.952 1.241 15 1.359 15 1.5L15 2.5C15 2.641 14.952 2.759 14.856 2.856ZM3 14L13 14L13 3L3 3L3 14ZM10.31 6.062C10.404 6.226 10.562 6.472 10.783 6.8C10.973 7.083 11.115 7.299 11.206 7.449C11.364 7.708 11.495 7.951 11.599 8.18C11.866 8.772 12 9.379 12 10C12 10.404 11.897 10.792 11.692 11.163C11.477 11.549 11.168 11.887 10.765 12.175C10.377 12.452 9.93 12.663 9.424 12.806C8.966 12.935 8.491 13 8 13C7.509 13 7.034 12.935 6.576 12.806C6.07 12.663 5.623 12.452 5.235 12.175C4.832 11.887 4.523 11.549 4.308 11.163C4.103 10.792 4 10.404 4 10C4 9.823 4.003 9.688 4.009 9.594C4.019 9.424 4.042 9.269 4.077 9.129C4.169 8.761 4.359 8.434 4.646 8.146C4.746 8.047 4.864 7.997 5 7.997C5.136 7.997 5.254 8.047 5.354 8.146C5.392 8.185 5.423 8.228 5.447 8.276C5.61 8.602 5.734 8.839 5.818 8.988C5.951 9.222 6.077 9.411 6.197 9.555C6.324 9.708 6.452 9.82 6.58 9.892C6.701 9.959 6.831 9.995 6.972 10C6.991 9.976 7.012 9.937 7.038 9.883C7.103 9.741 7.196 9.425 7.315 8.933C7.405 8.564 7.479 8.278 7.538 8.074C7.639 7.721 7.75 7.399 7.869 7.109C8.189 6.332 8.615 5.678 9.146 5.146C9.246 5.047 9.364 4.997 9.5 4.997C9.636 4.997 9.754 5.047 9.854 5.146C9.909 5.202 9.949 5.267 9.974 5.342C10.048 5.564 10.16 5.804 10.31 6.062ZM8.499 8.351C8.444 8.541 8.373 8.814 8.287 9.169C8.219 9.447 8.168 9.648 8.133 9.771C8.072 9.987 8.009 10.164 7.945 10.302C7.838 10.535 7.706 10.709 7.548 10.826C7.39 10.942 7.208 11 7 11C6.399 11 5.876 10.732 5.428 10.195C5.292 10.031 5.154 9.831 5.014 9.595C5.005 9.706 5 9.841 5 10C5 10.232 5.061 10.458 5.183 10.678C5.324 10.933 5.535 11.161 5.816 11.361C6.11 11.571 6.454 11.732 6.848 11.843C7.217 11.948 7.601 12 8 12C8.399 12 8.783 11.948 9.152 11.843C9.546 11.732 9.89 11.571 10.184 11.361C10.465 11.161 10.676 10.933 10.817 10.678C10.939 10.458 11 10.232 11 10C11 9.522 10.896 9.053 10.687 8.591C10.601 8.401 10.49 8.194 10.354 7.972C10.269 7.834 10.136 7.629 9.953 7.358C9.72 7.011 9.55 6.746 9.444 6.563C9.419 6.519 9.393 6.474 9.369 6.43C9.147 6.744 8.956 7.097 8.794 7.489C8.688 7.746 8.59 8.033 8.499 8.351Z"/></svg>

React

// Gentleface "fireplace" (line-round), MIT. https://gentleface.com/icons/fireplace
import type { SVGProps } from 'react';

export function FireplaceIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M14.856 2.856C14.759 2.952 14.641 3 14.5 3L14 3L14 14C14 14.276 13.902 14.512 13.707 14.707C13.512 14.902 13.276 15 13 15L3 15C2.724 15 2.488 14.902 2.293 14.707C2.098 14.512 2 14.276 2 14L2 3L1.5 3C1.359 3 1.241 2.952 1.144 2.856C1.048 2.759 1 2.641 1 2.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144C14.952 1.241 15 1.359 15 1.5L15 2.5C15 2.641 14.952 2.759 14.856 2.856ZM3 14L13 14L13 3L3 3L3 14ZM10.31 6.062C10.404 6.226 10.562 6.472 10.783 6.8C10.973 7.083 11.115 7.299 11.206 7.449C11.364 7.708 11.495 7.951 11.599 8.18C11.866 8.772 12 9.379 12 10C12 10.404 11.897 10.792 11.692 11.163C11.477 11.549 11.168 11.887 10.765 12.175C10.377 12.452 9.93 12.663 9.424 12.806C8.966 12.935 8.491 13 8 13C7.509 13 7.034 12.935 6.576 12.806C6.07 12.663 5.623 12.452 5.235 12.175C4.832 11.887 4.523 11.549 4.308 11.163C4.103 10.792 4 10.404 4 10C4 9.823 4.003 9.688 4.009 9.594C4.019 9.424 4.042 9.269 4.077 9.129C4.169 8.761 4.359 8.434 4.646 8.146C4.746 8.047 4.864 7.997 5 7.997C5.136 7.997 5.254 8.047 5.354 8.146C5.392 8.185 5.423 8.228 5.447 8.276C5.61 8.602 5.734 8.839 5.818 8.988C5.951 9.222 6.077 9.411 6.197 9.555C6.324 9.708 6.452 9.82 6.58 9.892C6.701 9.959 6.831 9.995 6.972 10C6.991 9.976 7.012 9.937 7.038 9.883C7.103 9.741 7.196 9.425 7.315 8.933C7.405 8.564 7.479 8.278 7.538 8.074C7.639 7.721 7.75 7.399 7.869 7.109C8.189 6.332 8.615 5.678 9.146 5.146C9.246 5.047 9.364 4.997 9.5 4.997C9.636 4.997 9.754 5.047 9.854 5.146C9.909 5.202 9.949 5.267 9.974 5.342C10.048 5.564 10.16 5.804 10.31 6.062ZM8.499 8.351C8.444 8.541 8.373 8.814 8.287 9.169C8.219 9.447 8.168 9.648 8.133 9.771C8.072 9.987 8.009 10.164 7.945 10.302C7.838 10.535 7.706 10.709 7.548 10.826C7.39 10.942 7.208 11 7 11C6.399 11 5.876 10.732 5.428 10.195C5.292 10.031 5.154 9.831 5.014 9.595C5.005 9.706 5 9.841 5 10C5 10.232 5.061 10.458 5.183 10.678C5.324 10.933 5.535 11.161 5.816 11.361C6.11 11.571 6.454 11.732 6.848 11.843C7.217 11.948 7.601 12 8 12C8.399 12 8.783 11.948 9.152 11.843C9.546 11.732 9.89 11.571 10.184 11.361C10.465 11.161 10.676 10.933 10.817 10.678C10.939 10.458 11 10.232 11 10C11 9.522 10.896 9.053 10.687 8.591C10.601 8.401 10.49 8.194 10.354 7.972C10.269 7.834 10.136 7.629 9.953 7.358C9.72 7.011 9.55 6.746 9.444 6.563C9.419 6.519 9.393 6.474 9.369 6.43C9.147 6.744 8.956 7.097 8.794 7.489C8.688 7.746 8.59 8.033 8.499 8.351Z" />
    </svg>
  );
}

Vue

Vue: see /icons/fireplace.md

Svelte

Svelte: see /icons/fireplace.md

HTML img

HTML img: see /icons/fireplace.md

CSS

CSS: see /icons/fireplace.md

Data URL

Data URL: see /icons/fireplace.md

Sprite

Sprite: see /icons/fireplace.md

SwiftUI

SwiftUI: see /icons/fireplace.md

Compose

Compose: see /icons/fireplace.md

Android XML

Android XML: see /icons/fireplace.md

Flutter

Flutter: see /icons/fireplace.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { FireplaceIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

fireplace, hearth

Alternatives

campfire: an outdoor fire, campfire or fire pit
heater: heating

Also fits

heater: a fireplace

Tags

fireplace

Category

Home & household

Component name

FireplaceIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

More home & household icons

armchair bath bed bed-double bed-person bed-single blender blinds broom bucket candle chair desk dishwasher door door-lock · all home & household icons

For agents

Metadata: /icons/fireplace.json · Markdown: /icons/fireplace.md · SVG: https://gentleface.com/svg/{style}/16/fireplace.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/fireplace.png

fireplace icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More home & household icons

For agents

fireplace icon