bonfire icon
bonfire-broken from Solar by 480 Design · Broken · Nature · CC-BY-4.0 Attribution required.
- Name
- bonfire-broken
- Set
- Solar
- Style
- Broken
- Category
- Nature
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More nature icons from Solar
Use the bonfire icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M20 15L4 22"/><path d="M4 15L9 17.1875M20 22L14.5 19.5938"/><path d="M15 10C14.8 10.6667 13.92 12 12 12"/><path d="M6 8.86038C6 13.7721 9.73333 15 11.6 15C12.5558 15 13.9398 14.7535 15.1765 14.0397M17.0969 12.2372C17.6485 11.3763 18 10.2701 18 8.86038C18 5.73366 15.999 3.5006 14.1898 2.22031C13.3721 1.64162 12.3529 2.27717 12.3529 3.26468V3.48822C12.3529 4.48412 11.925 6.30196 10.736 7.05807C10.1289 7.4441 9.47331 6.86632 9.39953 6.16158L9.33895 5.58289C9.26852 4.91013 8.56829 4.50173 8.01879 4.9119C7.54443 5.26599 7.05981 5.74788 6.68431 6.36616"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarBonfireBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M20 15L4 22"/><path d="M4 15L9 17.1875M20 22L14.5 19.5938"/><path d="M15 10C14.8 10.6667 13.92 12 12 12"/><path d="M6 8.86038C6 13.7721 9.73333 15 11.6 15C12.5558 15 13.9398 14.7535 15.1765 14.0397M17.0969 12.2372C17.6485 11.3763 18 10.2701 18 8.86038C18 5.73366 15.999 3.5006 14.1898 2.22031C13.3721 1.64162 12.3529 2.27717 12.3529 3.26468V3.48822C12.3529 4.48412 11.925 6.30196 10.736 7.05807C10.1289 7.4441 9.47331 6.86632 9.39953 6.16158L9.33895 5.58289C9.26852 4.91013 8.56829 4.50173 8.01879 4.9119C7.54443 5.26599 7.05981 5.74788 6.68431 6.36616"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M20 15L4 22"/><path d="M4 15L9 17.1875M20 22L14.5 19.5938"/><path d="M15 10C14.8 10.6667 13.92 12 12 12"/><path d="M6 8.86038C6 13.7721 9.73333 15 11.6 15C12.5558 15 13.9398 14.7535 15.1765 14.0397M17.0969 12.2372C17.6485 11.3763 18 10.2701 18 8.86038C18 5.73366 15.999 3.5006 14.1898 2.22031C13.3721 1.64162 12.3529 2.27717 12.3529 3.26468V3.48822C12.3529 4.48412 11.925 6.30196 10.736 7.05807C10.1289 7.4441 9.47331 6.86632 9.39953 6.16158L9.33895 5.58289C9.26852 4.91013 8.56829 4.50173 8.01879 4.9119C7.54443 5.26599 7.05981 5.74788 6.68431 6.36616"/></g></svg> </template>
CSS
.icon-bonfire-broken {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20%2015L4%2022%22%2F%3E%3Cpath%20d%3D%22M4%2015L9%2017.1875M20%2022L14.5%2019.5938%22%2F%3E%3Cpath%20d%3D%22M15%2010C14.8%2010.6667%2013.92%2012%2012%2012%22%2F%3E%3Cpath%20d%3D%22M6%208.86038C6%2013.7721%209.73333%2015%2011.6%2015C12.5558%2015%2013.9398%2014.7535%2015.1765%2014.0397M17.0969%2012.2372C17.6485%2011.3763%2018%2010.2701%2018%208.86038C18%205.73366%2015.999%203.5006%2014.1898%202.22031C13.3721%201.64162%2012.3529%202.27717%2012.3529%203.26468V3.48822C12.3529%204.48412%2011.925%206.30196%2010.736%207.05807C10.1289%207.4441%209.47331%206.86632%209.39953%206.16158L9.33895%205.58289C9.26852%204.91013%208.56829%204.50173%208.01879%204.9119C7.54443%205.26599%207.05981%205.74788%206.68431%206.36616%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20%2015L4%2022%22%2F%3E%3Cpath%20d%3D%22M4%2015L9%2017.1875M20%2022L14.5%2019.5938%22%2F%3E%3Cpath%20d%3D%22M15%2010C14.8%2010.6667%2013.92%2012%2012%2012%22%2F%3E%3Cpath%20d%3D%22M6%208.86038C6%2013.7721%209.73333%2015%2011.6%2015C12.5558%2015%2013.9398%2014.7535%2015.1765%2014.0397M17.0969%2012.2372C17.6485%2011.3763%2018%2010.2701%2018%208.86038C18%205.73366%2015.999%203.5006%2014.1898%202.22031C13.3721%201.64162%2012.3529%202.27717%2012.3529%203.26468V3.48822C12.3529%204.48412%2011.925%206.30196%2010.736%207.05807C10.1289%207.4441%209.47331%206.86632%209.39953%206.16158L9.33895%205.58289C9.26852%204.91013%208.56829%204.50173%208.01879%204.9119C7.54443%205.26599%207.05981%205.74788%206.68431%206.36616%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/bonfire-broken.svg?color=%231a73e8&size=48
