Ikon Bonfire Outline

solar:bonfire-outline

Ikon Bonfire Outline (solar:bonfire-outline) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Alam
Tag: bonfireoutline

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.669 1.51039C13.3165 1.14129 14.1524 1.14049 14.8512 1.66463C16.6987 3.05041 18.7502 5.44515 18.7502 8.80745C18.7502 11.5395 17.5555 13.3134 16.0289 14.3769C14.5417 15.4129 12.782 15.75 11.6002 15.75C10.5305 15.75 8.95639 15.4019 7.63303 14.3482C6.27677 13.2684 5.25019 11.4986 5.25019 8.80745C5.25019 6.38397 6.65562 4.82601 7.8436 4.02974C8.76465 3.4124 10.1357 3.81393 10.3156 5.06989C10.3814 5.52973 10.6183 5.8574 10.7876 5.96791C10.8073 5.98079 10.8222 5.98845 10.8328 5.99295C10.852 5.97711 10.8848 5.94358 10.9275 5.87672C11.4101 5.11992 11.6031 4.03945 11.6031 3.38896C11.6031 2.56951 12.0355 1.8715 12.669 1.51039ZM10.8135 6.00571C10.8135 6.00557 10.8149 6.00474 10.8179 6.00365C10.8151 6.00531 10.8136 6.00585 10.8135 6.00571ZM10.8486 5.9985C10.8509 5.99862 10.8521 5.9989 10.8521 5.99901C10.8522 5.99912 10.851 5.99906 10.8486 5.9985ZM13.4118 2.81355C13.2458 2.90817 13.1031 3.1091 13.1031 3.38896C13.1031 4.22392 12.8751 5.61236 12.1922 6.68323C11.9452 7.07054 11.5951 7.37014 11.1443 7.467C10.6971 7.56312 10.2844 7.43072 9.96764 7.22397C9.35866 6.82644 8.94317 6.06752 8.83073 5.2826C8.82865 5.26807 8.82561 5.25968 8.82395 5.25582C8.82228 5.25193 8.82104 5.25037 8.82077 5.25003L8.82076 5.25002C8.82056 5.24977 8.8186 5.2472 8.8113 5.24434C8.79803 5.23916 8.74964 5.22823 8.67875 5.27575C7.76154 5.89052 6.75019 7.03637 6.75019 8.80745C6.75019 11.0703 7.59028 12.3968 8.56734 13.1747C9.57732 13.9789 10.8032 14.25 11.6002 14.25C12.5517 14.25 13.992 13.9678 15.1715 13.1461C16.3116 12.3518 17.2502 11.0294 17.2502 8.80745C17.2502 6.10685 15.604 4.10439 13.9511 2.86458C13.7519 2.7152 13.5638 2.72692 13.4118 2.81355ZM15.2157 9.28163C15.6124 9.40065 15.8376 9.81877 15.7186 10.2155C15.4497 11.1119 14.3346 12.75 12.0002 12.75C11.586 12.75 11.2502 12.4142 11.2502 12C11.2502 11.5858 11.586 11.25 12.0002 11.25C13.5058 11.25 14.1507 10.2215 14.2818 9.78449C14.4008 9.38775 14.819 9.16261 15.2157 9.28163ZM3.31307 14.6994C3.4791 14.3199 3.92132 14.1469 4.3008 14.3129L9.3008 16.5004C9.68029 16.6664 9.85333 17.1086 9.68731 17.4881C9.52128 17.8676 9.07906 18.0406 8.69957 17.8746L3.69958 15.6871C3.32009 15.5211 3.14705 15.0789 3.31307 14.6994ZM20.6873 14.6994C20.8533 15.0789 20.6803 15.5211 20.3008 15.6871L4.3008 22.6871C3.92132 22.8531 3.4791 22.6801 3.31307 22.3006C3.14705 21.9211 3.32009 21.4789 3.69958 21.3129L19.6996 14.3129C20.0791 14.1469 20.5213 14.3199 20.6873 14.6994ZM13.8131 19.2931C13.9791 18.9137 14.4213 18.7406 14.8008 18.9066L20.3008 21.3129C20.6803 21.4789 20.8533 21.9211 20.6873 22.3006C20.5213 22.6801 20.0791 22.8531 19.6996 22.6871L14.1996 20.2809C13.8201 20.1148 13.647 19.6726 13.8131 19.2931Z" clip-rule="evenodd"/></svg>

Cara memakai ikon Bonfire Outline

React

import { Icon } from "@iconify/react";

<Icon icon="solar:bonfire-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:bonfire-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:bonfire-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bonfire-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bonfire-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:bonfire-outline"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/bonfire-outline.svg" alt="Ikon Bonfire Outline" width="24" height="24">

Ikon terkait di Solar

Ikon Bonfire Outline di set ikon lain

FAQ Ikon Bonfire Outline

Apakah ikon Bonfire Outline gratis untuk penggunaan komersial?

Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Bonfire Outline di React?

Pasang @iconify/react lalu render <Icon icon="solar:bonfire-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Bonfire Outline ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/bonfire-outline.svg" alt="Ikon Bonfire Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →