أيقونة Magic

el:magic

أيقونة Magic (el:magic) أيقونة 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="m338.611 0l-59.2 278.697L1.318 344.979l279.788 58.946l66.542 277.08l59.129-278.768l278.142-66.188l-279.766-58.969zM1072.8 12.671L854.259 230.348l119.2 118.733l218.518-217.685zM774.776 309.509L0 1081.265L119.19 1200l774.776-771.756l-119.2-118.735zm240.236 138.212L983.389 596.62l-148.611 35.462l149.481 31.477l35.529 148.032l31.601-148.898L1200 627.23l-149.482-31.479zM771.247 718.285L736.4 882.49l-163.836 38.977l164.8 34.711l39.177 163.244l34.848-164.205l163.835-39.022l-164.776-34.735z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل Elusive Icons →