أيقونة Fire Bold

solar:fire-bold

أيقونة Fire Bold (solar:fire-bold) أيقونة SVG مجانية من مجموعة Solar من تصميم 480 Design. مرسومة على شبكة 24 × 24. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Solar
المؤلف: 480 Design
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: الطبيعة
الوسوم: firebold

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.8324 21.8013C15.9583 21.1747 20 18.926 20 13.1112C20 7.8196 16.1267 4.29593 13.3415 2.67685C12.7235 2.31757 12 2.79006 12 3.50492V5.3334C12 6.77526 11.3938 9.40711 9.70932 10.5018C8.84932 11.0607 7.92052 10.2242 7.816 9.20388L7.73017 8.36604C7.6304 7.39203 6.63841 6.80075 5.85996 7.3946C4.46147 8.46144 3 10.3296 3 13.1112C3 20.2223 8.28889 22.0001 10.9333 22.0001C11.0871 22.0001 11.2488 21.9955 11.4171 21.9858C10.1113 21.8742 8 21.064 8 18.4442C8 16.3949 9.49507 15.0085 10.631 14.3346C10.9365 14.1533 11.2941 14.3887 11.2941 14.7439V15.3331C11.2941 15.784 11.4685 16.4889 11.8836 16.9714C12.3534 17.5174 13.0429 16.9454 13.0985 16.2273C13.1161 16.0008 13.3439 15.8564 13.5401 15.9711C14.1814 16.3459 15 17.1465 15 18.4442C15 20.4922 13.871 21.4343 12.8324 21.8013Z"/></svg>

كيفية استخدام أيقونة Fire Bold

React

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

<Icon icon="solar:fire-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:fire-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:fire-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="solar:fire-bold"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/fire-bold.svg" alt="أيقونة Fire Bold" width="24" height="24">

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

أيقونة Fire Bold في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Fire Bold

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

نعم. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Fire Bold في React؟

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

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

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

تصفح كل أيقونات Solar →