أيقونة Broom

el:broom

أيقونة Broom (el:broom) أيقونة SVG مجانية من مجموعة Elusive Icons من تصميم Team Redux. مرسومة على شبكة 1200 × 1200. تُنشر Elusive Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Elusive Icons
المؤلف: Team Redux
الترخيص: OFL-1.1
الحجم: 1200 × 1200

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1093.636 0L683.919 409.716c-29.44-16.92-67.651-12.834-92.811 12.325c-21.045 21.044-27.335 51.226-18.931 77.763c-57.811-29.551-124.29-34.53-191.204-5.992C255.457 556.096 168.858 685.687 0 700.744c12.889 26.536 29.579 56.126 50.049 88.726c71.005 11.18 140.925-11.4 195.559-67.14c-21.221 66.046-73.074 115.338-143.2 141.02c18.195 24.261 39.007 49.729 62.509 76.265c80.851-27.028 109.762-64.018 34.115 36.294c31.904 33.138 66.075 68.279 108.064 97.849c18.654-68.878 68.927-121.768 140.953-148.987c-55.188 51.727-77.289 126.649-63.667 206.934c41.698 28.051 79.998 50.86 114.873 68.297c29.705-127.434 116.39-259.614 206.935-380.972c29.215-61.498 24.481-127.952-6.605-191.407c26.685 8.697 57.168 2.481 78.375-18.726c25.159-25.159 29.244-63.37 12.324-92.811L1200 106.37L1093.639.008z"/></svg>

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

React

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

<Icon icon="el:broom" width="24" />

Vue

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

<template>
  <Icon icon="el:broom" width="24" />
</template>

Svelte

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

<Icon icon="el:broom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--broom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:broom"></div>

مكوّن ويب

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

<iconify-icon icon="el:broom"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/el/broom.svg" alt="أيقونة Broom" width="24" height="24">

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

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

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

نعم. تُنشر Elusive Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Elusive Icons →