أيقونة Burn
glyphs-poly:burn
أيقونة Burn (glyphs-poly:burn) أيقونة SVG مجانية من مجموعة Glyphs Poly من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Glyphs Poly
- المؤلف
- Goran Spasojevic
- الترخيص
- MIT
- الحجم
- 80 × 80
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#eb5757" fill-rule="evenodd" d="M61 46.982c0 11.598-9.402 21-21 21s-21-9.402-21-21a21 21 0 0 1 4.2-12.6l16.759-22.344a.052.052 0 0 1 .082 0L56.8 34.382a21 21 0 0 1 4.2 12.6" clip-rule="evenodd"/><path fill="#eb5757" d="m56.8 34.382l1.6-1.2zM41.559 13.238L24.8 35.582l-3.2-2.4l16.758-22.344zM55.2 35.582L38.441 13.238l3.2-2.4L58.4 33.182zM38.358 10.838a2.052 2.052 0 0 1 3.284 0l-3.2 2.4a1.948 1.948 0 0 0 3.117 0zM17 46.982a23 23 0 0 1 4.6-13.8l3.2 2.4a19 19 0 0 0-3.8 11.4zm41.4-13.8a23 23 0 0 1 4.6 13.8h-4a19 19 0 0 0-3.8-11.4zM40 65.982c10.493 0 19-8.506 19-19h4c0 12.703-10.297 23-23 23zm0 4c-12.702 0-23-10.297-23-23h4c0 10.494 8.507 19 19 19z"/><path fill="#f2c94c" fill-rule="evenodd" d="M50 52.991c0 5.523-4.477 10-10 10s-10-4.477-10-10v-.602c0-2.21.69-4.364 1.975-6.163L39.98 35.02a.024.024 0 0 1 .04 0l8.005 11.207A10.6 10.6 0 0 1 50 52.39z" clip-rule="evenodd"/><path fill="#f2c94c" d="m48.025 46.226l-1.627 1.163zM32 52.39v.602h-4v-.602zm9.608-16.208L33.602 47.39l-3.255-2.325l8.006-11.208zm4.79 11.208l-8.006-11.21l3.255-2.325l8.006 11.208zM48 52.99v-.602h4v.602zm-9.647-19.135a2.024 2.024 0 0 1 3.294 0l-3.255 2.325a1.976 1.976 0 0 0 3.216 0zM28 52.39c0-2.627.82-5.188 2.347-7.325l3.255 2.325a8.6 8.6 0 0 0-1.602 5zm21.653-7.325A12.6 12.6 0 0 1 52 52.389h-4c0-1.793-.56-3.541-1.602-5zM40 60.99a8 8 0 0 0 8-8h4c0 6.628-5.373 12-12 12zm0 4c-6.627 0-12-5.372-12-12h4a8 8 0 0 0 8 8z"/></g></svg>
كيفية استخدام أيقونة Burn
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:burn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:burn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:burn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--burn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:burn"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:burn"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/burn.svg" alt="أيقونة Burn" width="24" height="24">
أيقونة Burn في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Burn
هل أيقونة Burn مجانية للاستخدام التجاري؟
نعم. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Burn في React؟
ثبّت @iconify/react واعرض <Icon icon="glyphs-poly:burn" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Burn إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs-poly/burn.svg" alt="أيقونة Burn">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Glyphs Poly →
ICONYZ
