campfire icon

Campfire: campfire, bonfire, fire pit. 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="M10.856 3.335C11.039 3.661 11.175 3.91 11.262 4.081C11.412 4.375 11.535 4.652 11.631 4.914C11.877 5.578 12 6.274 12 7C12 7.509 11.906 7.999 11.719 8.472C11.516 8.986 11.219 9.438 10.828 9.828C10.438 10.219 9.986 10.516 9.472 10.719C8.999 10.906 8.509 11 8 11C7.491 11 7.001 10.906 6.528 10.719C6.014 10.516 5.562 10.219 5.172 9.828C4.781 9.438 4.484 8.986 4.281 8.472C4.094 7.999 4 7.509 4 7C4 6.681 4.003 6.451 4.008 6.309C4.017 6.071 4.038 5.857 4.069 5.668C4.14 5.243 4.301 4.78 4.553 4.276C4.616 4.15 4.712 4.066 4.841 4.023C4.97 3.98 5.098 3.99 5.224 4.053C5.323 4.102 5.398 4.177 5.447 4.276C5.61 4.602 5.734 4.839 5.818 4.988C5.951 5.222 6.077 5.411 6.197 5.555C6.324 5.708 6.452 5.82 6.58 5.892C6.701 5.959 6.831 5.995 6.972 6C6.991 5.976 7.012 5.937 7.038 5.883C7.103 5.741 7.196 5.425 7.315 4.933C7.405 4.564 7.479 4.278 7.538 4.074C7.639 3.721 7.75 3.399 7.869 3.109C8.189 2.332 8.615 1.678 9.146 1.146C9.246 1.047 9.364 0.997 9.5 0.997C9.636 0.997 9.754 1.047 9.854 1.146C9.919 1.212 9.963 1.289 9.985 1.379C10.066 1.703 10.189 2.039 10.352 2.387C10.454 2.603 10.622 2.919 10.856 3.335ZM8.499 4.351C8.444 4.541 8.373 4.814 8.287 5.169C8.219 5.447 8.168 5.648 8.133 5.771C8.072 5.987 8.009 6.164 7.945 6.302C7.838 6.535 7.706 6.709 7.548 6.826C7.39 6.942 7.208 7 7 7C6.399 7 5.876 6.732 5.428 6.195C5.314 6.057 5.197 5.894 5.08 5.705C5.071 5.748 5.063 5.79 5.056 5.832C5.031 5.98 5.015 6.152 5.007 6.347C5.002 6.476 5 6.694 5 7C5 7.381 5.07 7.75 5.211 8.104C5.363 8.489 5.586 8.828 5.879 9.121C6.172 9.414 6.511 9.637 6.896 9.789C7.25 9.93 7.619 10 8 10C8.381 10 8.75 9.93 9.104 9.789C9.489 9.637 9.828 9.414 10.121 9.121C10.414 8.828 10.637 8.489 10.789 8.104C10.93 7.75 11 7.381 11 7C11 6.393 10.898 5.813 10.694 5.261C10.61 5.036 10.503 4.794 10.371 4.535C10.29 4.376 10.161 4.139 9.984 3.825C9.738 3.388 9.559 3.051 9.448 2.813C9.4 2.712 9.355 2.611 9.313 2.511C9.115 2.805 8.942 3.131 8.794 3.489C8.688 3.746 8.59 4.033 8.499 4.351ZM13.931 14.241C14.001 14.358 14.019 14.485 13.985 14.621C13.951 14.758 13.875 14.861 13.759 14.931C13.642 15.001 13.515 15.019 13.379 14.985L1.379 11.985C1.242 11.951 1.139 11.875 1.069 11.759C0.999 11.642 0.981 11.515 1.015 11.379C1.048 11.245 1.124 11.142 1.243 11.071C1.361 11 1.487 10.981 1.621 11.015L13.621 14.015C13.758 14.049 13.861 14.125 13.931 14.241ZM10.077 12.356C10.043 12.222 10.062 12.096 10.133 11.977C10.204 11.859 10.307 11.783 10.441 11.749L13.379 11.015C13.513 10.981 13.639 11 13.757 11.071C13.876 11.142 13.952 11.245 13.985 11.379C14.019 11.513 14 11.639 13.929 11.757C13.858 11.876 13.755 11.952 13.621 11.985L11.108 12.613L10.077 12.356ZM4.867 14.023C4.796 14.141 4.693 14.217 4.559 14.251L1.621 14.985C1.487 15.019 1.361 15 1.243 14.929C1.124 14.858 1.048 14.755 1.015 14.621C0.981 14.487 1 14.361 1.071 14.243C1.142 14.124 1.245 14.048 1.379 14.015L3.892 13.387L4.923 13.644C4.957 13.778 4.938 13.904 4.867 14.023Z"/></svg>

React

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

export function CampfireIcon(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="M10.856 3.335C11.039 3.661 11.175 3.91 11.262 4.081C11.412 4.375 11.535 4.652 11.631 4.914C11.877 5.578 12 6.274 12 7C12 7.509 11.906 7.999 11.719 8.472C11.516 8.986 11.219 9.438 10.828 9.828C10.438 10.219 9.986 10.516 9.472 10.719C8.999 10.906 8.509 11 8 11C7.491 11 7.001 10.906 6.528 10.719C6.014 10.516 5.562 10.219 5.172 9.828C4.781 9.438 4.484 8.986 4.281 8.472C4.094 7.999 4 7.509 4 7C4 6.681 4.003 6.451 4.008 6.309C4.017 6.071 4.038 5.857 4.069 5.668C4.14 5.243 4.301 4.78 4.553 4.276C4.616 4.15 4.712 4.066 4.841 4.023C4.97 3.98 5.098 3.99 5.224 4.053C5.323 4.102 5.398 4.177 5.447 4.276C5.61 4.602 5.734 4.839 5.818 4.988C5.951 5.222 6.077 5.411 6.197 5.555C6.324 5.708 6.452 5.82 6.58 5.892C6.701 5.959 6.831 5.995 6.972 6C6.991 5.976 7.012 5.937 7.038 5.883C7.103 5.741 7.196 5.425 7.315 4.933C7.405 4.564 7.479 4.278 7.538 4.074C7.639 3.721 7.75 3.399 7.869 3.109C8.189 2.332 8.615 1.678 9.146 1.146C9.246 1.047 9.364 0.997 9.5 0.997C9.636 0.997 9.754 1.047 9.854 1.146C9.919 1.212 9.963 1.289 9.985 1.379C10.066 1.703 10.189 2.039 10.352 2.387C10.454 2.603 10.622 2.919 10.856 3.335ZM8.499 4.351C8.444 4.541 8.373 4.814 8.287 5.169C8.219 5.447 8.168 5.648 8.133 5.771C8.072 5.987 8.009 6.164 7.945 6.302C7.838 6.535 7.706 6.709 7.548 6.826C7.39 6.942 7.208 7 7 7C6.399 7 5.876 6.732 5.428 6.195C5.314 6.057 5.197 5.894 5.08 5.705C5.071 5.748 5.063 5.79 5.056 5.832C5.031 5.98 5.015 6.152 5.007 6.347C5.002 6.476 5 6.694 5 7C5 7.381 5.07 7.75 5.211 8.104C5.363 8.489 5.586 8.828 5.879 9.121C6.172 9.414 6.511 9.637 6.896 9.789C7.25 9.93 7.619 10 8 10C8.381 10 8.75 9.93 9.104 9.789C9.489 9.637 9.828 9.414 10.121 9.121C10.414 8.828 10.637 8.489 10.789 8.104C10.93 7.75 11 7.381 11 7C11 6.393 10.898 5.813 10.694 5.261C10.61 5.036 10.503 4.794 10.371 4.535C10.29 4.376 10.161 4.139 9.984 3.825C9.738 3.388 9.559 3.051 9.448 2.813C9.4 2.712 9.355 2.611 9.313 2.511C9.115 2.805 8.942 3.131 8.794 3.489C8.688 3.746 8.59 4.033 8.499 4.351ZM13.931 14.241C14.001 14.358 14.019 14.485 13.985 14.621C13.951 14.758 13.875 14.861 13.759 14.931C13.642 15.001 13.515 15.019 13.379 14.985L1.379 11.985C1.242 11.951 1.139 11.875 1.069 11.759C0.999 11.642 0.981 11.515 1.015 11.379C1.048 11.245 1.124 11.142 1.243 11.071C1.361 11 1.487 10.981 1.621 11.015L13.621 14.015C13.758 14.049 13.861 14.125 13.931 14.241ZM10.077 12.356C10.043 12.222 10.062 12.096 10.133 11.977C10.204 11.859 10.307 11.783 10.441 11.749L13.379 11.015C13.513 10.981 13.639 11 13.757 11.071C13.876 11.142 13.952 11.245 13.985 11.379C14.019 11.513 14 11.639 13.929 11.757C13.858 11.876 13.755 11.952 13.621 11.985L11.108 12.613L10.077 12.356ZM4.867 14.023C4.796 14.141 4.693 14.217 4.559 14.251L1.621 14.985C1.487 15.019 1.361 15 1.243 14.929C1.124 14.858 1.048 14.755 1.015 14.621C0.981 14.487 1 14.361 1.071 14.243C1.142 14.124 1.245 14.048 1.379 14.015L3.892 13.387L4.923 13.644C4.957 13.778 4.938 13.904 4.867 14.023Z" />
    </svg>
  );
}

Vue

Vue: see /icons/campfire.md

Svelte

Svelte: see /icons/campfire.md

HTML img

HTML img: see /icons/campfire.md

CSS

CSS: see /icons/campfire.md

Data URL

Data URL: see /icons/campfire.md

Sprite

Sprite: see /icons/campfire.md

SwiftUI

SwiftUI: see /icons/campfire.md

Compose

Compose: see /icons/campfire.md

Android XML

Android XML: see /icons/campfire.md

Flutter

Flutter: see /icons/campfire.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.

Meaning

Use it for

campfire, bonfire, fire pit

Alternatives

tent: camping or a campsite

Don’t confuse with

flame: trending, hot or fire in general; the campfire has logs

Also fits

fireplace: an outdoor fire, campfire or fire pit
barbecue: a campfire or fire pit
picnic area: a campfire or fire pit
camping: a campfire or bonfire

Tags

campfire, bonfire, fire, camp, camping, firewood, logs, outdoors, warmth

Category

Travel

Component name

CampfireIcon

History

2026-10-16 added

Family 1

flame

More travel icons

backpack beach concierge-bell hotel passport suitcase suitcase-plus sunglasses swimming-pool tent tent-clock · all travel icons

For agents

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

campfire icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp