campfire icon

campfire-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
campfire-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

campfirecampfire-duotonecampfire-fillcampfire-lightcampfire-thin

The same icon in other sets

campfireHuge IconscampfireSVG LogoscampfireMaterial Design Iconscampfire-fillMingCute IconcampfireTabler 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="M227.51 227.4A12 12 0 0 1 216 236a12.2 12.2 0 0 1-3.4-.49l-84.6-25l-84.6 25a12.2 12.2 0 0 1-3.4.49a12 12 0 0 1-3.4-23.51L85.65 198L36.6 183.51a12 12 0 0 1 6.8-23l84.6 25l84.6-25a12 12 0 1 1 6.8 23L170.35 198l49.05 14.49a12 12 0 0 1 8.11 14.91M64 104c0-50.59 55.93-81.28 58.31-82.57a12 12 0 0 1 11.38 0C136.07 22.72 192 53.41 192 104a64 64 0 0 1-128 0m64 40a12 12 0 0 0 12-12c0-6.47-2.71-12.55-8-18.07a41 41 0 0 0-4-3.57a43 43 0 0 0-4 3.57c-5.33 5.52-8 11.6-8 18.07a12 12 0 0 0 12 12m-40-40a39.8 39.8 0 0 0 4.85 19.08c4.81-25 28.66-37.25 29.78-37.81a12 12 0 0 1 10.74 0c1.12.56 25 12.78 29.78 37.81A39.8 39.8 0 0 0 168 104c0-28.34-27.74-49.81-40-57.92c-12.25 8.1-40 29.58-40 57.92"/></svg>

React

import type { SVGProps } from "react";

export function PhCampfireBold(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="M227.51 227.4A12 12 0 0 1 216 236a12.2 12.2 0 0 1-3.4-.49l-84.6-25l-84.6 25a12.2 12.2 0 0 1-3.4.49a12 12 0 0 1-3.4-23.51L85.65 198L36.6 183.51a12 12 0 0 1 6.8-23l84.6 25l84.6-25a12 12 0 1 1 6.8 23L170.35 198l49.05 14.49a12 12 0 0 1 8.11 14.91M64 104c0-50.59 55.93-81.28 58.31-82.57a12 12 0 0 1 11.38 0C136.07 22.72 192 53.41 192 104a64 64 0 0 1-128 0m64 40a12 12 0 0 0 12-12c0-6.47-2.71-12.55-8-18.07a41 41 0 0 0-4-3.57a43 43 0 0 0-4 3.57c-5.33 5.52-8 11.6-8 18.07a12 12 0 0 0 12 12m-40-40a39.8 39.8 0 0 0 4.85 19.08c4.81-25 28.66-37.25 29.78-37.81a12 12 0 0 1 10.74 0c1.12.56 25 12.78 29.78 37.81A39.8 39.8 0 0 0 168 104c0-28.34-27.74-49.81-40-57.92c-12.25 8.1-40 29.58-40 57.92"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M227.51 227.4A12 12 0 0 1 216 236a12.2 12.2 0 0 1-3.4-.49l-84.6-25l-84.6 25a12.2 12.2 0 0 1-3.4.49a12 12 0 0 1-3.4-23.51L85.65 198L36.6 183.51a12 12 0 0 1 6.8-23l84.6 25l84.6-25a12 12 0 1 1 6.8 23L170.35 198l49.05 14.49a12 12 0 0 1 8.11 14.91M64 104c0-50.59 55.93-81.28 58.31-82.57a12 12 0 0 1 11.38 0C136.07 22.72 192 53.41 192 104a64 64 0 0 1-128 0m64 40a12 12 0 0 0 12-12c0-6.47-2.71-12.55-8-18.07a41 41 0 0 0-4-3.57a43 43 0 0 0-4 3.57c-5.33 5.52-8 11.6-8 18.07a12 12 0 0 0 12 12m-40-40a39.8 39.8 0 0 0 4.85 19.08c4.81-25 28.66-37.25 29.78-37.81a12 12 0 0 1 10.74 0c1.12.56 25 12.78 29.78 37.81A39.8 39.8 0 0 0 168 104c0-28.34-27.74-49.81-40-57.92c-12.25 8.1-40 29.58-40 57.92"/></svg>
</template>

CSS

.icon-campfire-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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M227.51%20227.4A12%2012%200%200%201%20216%20236a12.2%2012.2%200%200%201-3.4-.49l-84.6-25l-84.6%2025a12.2%2012.2%200%200%201-3.4.49a12%2012%200%200%201-3.4-23.51L85.65%20198L36.6%20183.51a12%2012%200%200%201%206.8-23l84.6%2025l84.6-25a12%2012%200%201%201%206.8%2023L170.35%20198l49.05%2014.49a12%2012%200%200%201%208.11%2014.91M64%20104c0-50.59%2055.93-81.28%2058.31-82.57a12%2012%200%200%201%2011.38%200C136.07%2022.72%20192%2053.41%20192%20104a64%2064%200%200%201-128%200m64%2040a12%2012%200%200%200%2012-12c0-6.47-2.71-12.55-8-18.07a41%2041%200%200%200-4-3.57a43%2043%200%200%200-4%203.57c-5.33%205.52-8%2011.6-8%2018.07a12%2012%200%200%200%2012%2012m-40-40a39.8%2039.8%200%200%200%204.85%2019.08c4.81-25%2028.66-37.25%2029.78-37.81a12%2012%200%200%201%2010.74%200c1.12.56%2025%2012.78%2029.78%2037.81A39.8%2039.8%200%200%200%20168%20104c0-28.34-27.74-49.81-40-57.92c-12.25%208.1-40%2029.58-40%2057.92%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%22M227.51%20227.4A12%2012%200%200%201%20216%20236a12.2%2012.2%200%200%201-3.4-.49l-84.6-25l-84.6%2025a12.2%2012.2%200%200%201-3.4.49a12%2012%200%200%201-3.4-23.51L85.65%20198L36.6%20183.51a12%2012%200%200%201%206.8-23l84.6%2025l84.6-25a12%2012%200%201%201%206.8%2023L170.35%20198l49.05%2014.49a12%2012%200%200%201%208.11%2014.91M64%20104c0-50.59%2055.93-81.28%2058.31-82.57a12%2012%200%200%201%2011.38%200C136.07%2022.72%20192%2053.41%20192%20104a64%2064%200%200%201-128%200m64%2040a12%2012%200%200%200%2012-12c0-6.47-2.71-12.55-8-18.07a41%2041%200%200%200-4-3.57a43%2043%200%200%200-4%203.57c-5.33%205.52-8%2011.6-8%2018.07a12%2012%200%200%200%2012%2012m-40-40a39.8%2039.8%200%200%200%204.85%2019.08c4.81-25%2028.66-37.25%2029.78-37.81a12%2012%200%200%201%2010.74%200c1.12.56%2025%2012.78%2029.78%2037.81A39.8%2039.8%200%200%200%20168%20104c0-28.34-27.74-49.81-40-57.92c-12.25%208.1-40%2029.58-40%2057.92%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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