campfire icon

campfire from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: campfire
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

campfire-bold campfire-duotone campfire-fill campfire-light campfire-thin

The same icon in other sets

campfireHuge Icons campfireSVG Logos campfireMaterial Design Icons campfire-fillMingCute Icon campfireMyna UI Icons campfireTabler Icons

Use the campfire icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M223.62 226.42a8 8 0 0 1-10.05 5.2L128 204.39l-85.57 27.23a8 8 0 1 1-4.85-15.25l64-20.37l-64-20.38a8 8 0 1 1 4.85-15.24L128 187.6l85.57-27.22a8 8 0 1 1 4.85 15.24l-64 20.38l64 20.37a8 8 0 0 1 5.2 10.05M68 108c0-20.1 9.77-40.87 28.24-60a156 156 0 0 1 27.57-22.76a8 8 0 0 1 8.38 0C134.47 26.59 188 60.08 188 108a60 60 0 0 1-120 0m60 44a16 16 0 0 0 16-16c0-13.57-10-24.46-16-29.79c-6 5.33-16 16.22-16 29.79a16 16 0 0 0 16 16m-44-44a43.83 43.83 0 0 0 12.09 30.24c0-.74-.09-1.49-.09-2.24c0-28 26.44-45.91 27.56-46.66a8 8 0 0 1 8.88 0C133.56 90.09 160 108 160 136c0 .75 0 1.5-.09 2.24A43.83 43.83 0 0 0 172 108c0-32-32.26-58-44-66.34C116.27 50 84 76 84 108"/></svg>

React

import type { SVGProps } from "react";

export function PhCampfire(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M223.62 226.42a8 8 0 0 1-10.05 5.2L128 204.39l-85.57 27.23a8 8 0 1 1-4.85-15.25l64-20.37l-64-20.38a8 8 0 1 1 4.85-15.24L128 187.6l85.57-27.22a8 8 0 1 1 4.85 15.24l-64 20.38l64 20.37a8 8 0 0 1 5.2 10.05M68 108c0-20.1 9.77-40.87 28.24-60a156 156 0 0 1 27.57-22.76a8 8 0 0 1 8.38 0C134.47 26.59 188 60.08 188 108a60 60 0 0 1-120 0m60 44a16 16 0 0 0 16-16c0-13.57-10-24.46-16-29.79c-6 5.33-16 16.22-16 29.79a16 16 0 0 0 16 16m-44-44a43.83 43.83 0 0 0 12.09 30.24c0-.74-.09-1.49-.09-2.24c0-28 26.44-45.91 27.56-46.66a8 8 0 0 1 8.88 0C133.56 90.09 160 108 160 136c0 .75 0 1.5-.09 2.24A43.83 43.83 0 0 0 172 108c0-32-32.26-58-44-66.34C116.27 50 84 76 84 108"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M223.62 226.42a8 8 0 0 1-10.05 5.2L128 204.39l-85.57 27.23a8 8 0 1 1-4.85-15.25l64-20.37l-64-20.38a8 8 0 1 1 4.85-15.24L128 187.6l85.57-27.22a8 8 0 1 1 4.85 15.24l-64 20.38l64 20.37a8 8 0 0 1 5.2 10.05M68 108c0-20.1 9.77-40.87 28.24-60a156 156 0 0 1 27.57-22.76a8 8 0 0 1 8.38 0C134.47 26.59 188 60.08 188 108a60 60 0 0 1-120 0m60 44a16 16 0 0 0 16-16c0-13.57-10-24.46-16-29.79c-6 5.33-16 16.22-16 29.79a16 16 0 0 0 16 16m-44-44a43.83 43.83 0 0 0 12.09 30.24c0-.74-.09-1.49-.09-2.24c0-28 26.44-45.91 27.56-46.66a8 8 0 0 1 8.88 0C133.56 90.09 160 108 160 136c0 .75 0 1.5-.09 2.24A43.83 43.83 0 0 0 172 108c0-32-32.26-58-44-66.34C116.27 50 84 76 84 108"/></svg>
</template>

CSS

.icon-campfire {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M223.62%20226.42a8%208%200%200%201-10.05%205.2L128%20204.39l-85.57%2027.23a8%208%200%201%201-4.85-15.25l64-20.37l-64-20.38a8%208%200%201%201%204.85-15.24L128%20187.6l85.57-27.22a8%208%200%201%201%204.85%2015.24l-64%2020.38l64%2020.37a8%208%200%200%201%205.2%2010.05M68%20108c0-20.1%209.77-40.87%2028.24-60a156%20156%200%200%201%2027.57-22.76a8%208%200%200%201%208.38%200C134.47%2026.59%20188%2060.08%20188%20108a60%2060%200%200%201-120%200m60%2044a16%2016%200%200%200%2016-16c0-13.57-10-24.46-16-29.79c-6%205.33-16%2016.22-16%2029.79a16%2016%200%200%200%2016%2016m-44-44a43.83%2043.83%200%200%200%2012.09%2030.24c0-.74-.09-1.49-.09-2.24c0-28%2026.44-45.91%2027.56-46.66a8%208%200%200%201%208.88%200C133.56%2090.09%20160%20108%20160%20136c0%20.75%200%201.5-.09%202.24A43.83%2043.83%200%200%200%20172%20108c0-32-32.26-58-44-66.34C116.27%2050%2084%2076%2084%20108%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M223.62%20226.42a8%208%200%200%201-10.05%205.2L128%20204.39l-85.57%2027.23a8%208%200%201%201-4.85-15.25l64-20.37l-64-20.38a8%208%200%201%201%204.85-15.24L128%20187.6l85.57-27.22a8%208%200%201%201%204.85%2015.24l-64%2020.38l64%2020.37a8%208%200%200%201%205.2%2010.05M68%20108c0-20.1%209.77-40.87%2028.24-60a156%20156%200%200%201%2027.57-22.76a8%208%200%200%201%208.38%200C134.47%2026.59%20188%2060.08%20188%20108a60%2060%200%200%201-120%200m60%2044a16%2016%200%200%200%2016-16c0-13.57-10-24.46-16-29.79c-6%205.33-16%2016.22-16%2029.79a16%2016%200%200%200%2016%2016m-44-44a43.83%2043.83%200%200%200%2012.09%2030.24c0-.74-.09-1.49-.09-2.24c0-28%2026.44-45.91%2027.56-46.66a8%208%200%200%201%208.88%200C133.56%2090.09%20160%20108%20160%20136c0%20.75%200%201.5-.09%202.24A43.83%2043.83%200%200%200%20172%20108c0-32-32.26-58-44-66.34C116.27%2050%2084%2076%2084%20108%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/campfire.svg?color=%231a73e8&size=48