أيقونة Bonfire Sharp

ion:bonfire-sharp

أيقونة Bonfire Sharp (ion:bonfire-sharp) أيقونة SVG مجانية من مجموعة IonIcons من تصميم Ben Sperry. مرسومة على شبكة 512 × 512. تُنشر IonIcons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: IonIcons
المؤلف: Ben Sperry
الترخيص: MIT
الحجم: 512 × 512
الوسوم: bonfiresharp

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m199.89 336l-15.25-5.62a100.4 100.4 0 0 1-32-23.08c-13.93-14.9-29.29-40.71-23.38-79.11c5.2-33.73 44.2-74.21 69.34-97.87c27.24-25.62 66-65.85 64.15-99.15L262 16h15.18C328.53 16 384 53.62 384 114.41c0 45.57-22 77.61-68.91 106.9c-8 5-16.44 9.66-25.42 14.53c-30.63 16.62-75.29 49.83-85.73 85.32Zm-18.7-222.41C201 95 218.91 78.15 227.62 59.79q-2.76-1.68-5.7-3.09c-11.87-5.69-26.1-8.34-44.76-8.34h-16.94l.56 16.49c.47 14.06-6.06 22.51-14.33 33.21C137.8 109.26 128 121.94 128 141c0 10.23 1.29 18.76 4.2 26.36q3.5-5.31 7.61-10.63c12.19-15.73 27.05-29.68 41.38-43.14"/><path fill="currentColor" d="M330.34 239.85c-9.31 5.9-19 11.14-29.25 16.71c-32.65 17.69-63.48 34.44-73.23 67.44l-.6 2a110.5 110.5 0 0 0 45.87 10c29.66 0 57.45-11.13 78.24-31.36A107.38 107.38 0 0 0 384 227a92.4 92.4 0 0 0-5.59-31c-11.35 16.18-27.14 30.58-48.07 43.85M268.72 360h-25.44a4 4 0 0 0-3.92 3.22l-25.36 128a4 4 0 0 0 3.92 4.78h76.26a4 4 0 0 0 3.92-4.78l-25.41-128a4 4 0 0 0-3.97-3.22m56.96-5.68l-11.36 11.36a4 4 0 0 0-.5 5.05l59.47 89.21a4 4 0 0 0 6.16.61l41.1-41.1a4 4 0 0 0-.61-6.16l-89.21-59.47a4 4 0 0 0-5.05.5M388 336a4 4 0 0 0-4 4v8.61a4 4 0 0 0 3.34 3.95l88 14.66a4 4 0 0 0 4.66-3.94V340a4 4 0 0 0-4-4Zm-201.68 18.32l11.36 11.36a4 4 0 0 1 .5 5.05l-59.47 89.21a4 4 0 0 1-6.16.61l-41.1-41.1a4 4 0 0 1 .61-6.16l89.21-59.47a4 4 0 0 1 5.05.5M124 336H36a4 4 0 0 0-4 4v23.28a4 4 0 0 0 4.66 3.94l88-14.66a4 4 0 0 0 3.34-3.95V340a4 4 0 0 0-4-4"/></svg>

كيفية استخدام أيقونة Bonfire Sharp

React

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

<Icon icon="ion:bonfire-sharp" width="24" />

Vue

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

<template>
  <Icon icon="ion:bonfire-sharp" width="24" />
</template>

Svelte

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

<Icon icon="ion:bonfire-sharp" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="ion:bonfire-sharp"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ion/bonfire-sharp.svg" alt="أيقونة Bonfire Sharp" width="24" height="24">

أيقونات ذات صلة في IonIcons

أيقونة Bonfire Sharp في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Bonfire Sharp

هل أيقونة Bonfire Sharp مجانية للاستخدام التجاري؟

نعم. تُنشر IonIcons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Bonfire Sharp في React؟

ثبّت @iconify/react واعرض <Icon icon="ion:bonfire-sharp" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Bonfire Sharp إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ion/bonfire-sharp.svg" alt="أيقونة Bonfire Sharp">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل IonIcons →