أيقونة Magic Staff

mdi:magic-staff

أيقونة Magic Staff (mdi:magic-staff) أيقونة SVG مجانية من مجموعة Material Design Icons من تصميم Pictogrammers. مرسومة على شبكة 24 × 24. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Design Icons
المؤلف: Pictogrammers
الترخيص: Apache-2.0
الحجم: 24 × 24
الفئة: الألعاب وألعاب تقمص الأدوار
الوسوم: staff shimmer، magic wand، gaming، rpg، magicstaff

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.5 9a2.5 2.5 0 0 1 0-5a2.5 2.5 0 0 1 0 5m-3.07-.85L2 20.59L3.41 22L15.85 9.57c-.6-.33-1.09-.82-1.42-1.42M13 5l.63-1.37L15 3l-1.37-.63L13 1l-.62 1.37L11 3l1.38.63zm8 0l.63-1.37L23 3l-1.37-.63L21 1l-.62 1.37L19 3l1.38.63zm0 4l-.62 1.37L19 11l1.38.63L21 13l.63-1.37L23 11l-1.37-.63z"/></svg>

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

React

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

<Icon icon="mdi:magic-staff" width="24" />

Vue

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

<template>
  <Icon icon="mdi:magic-staff" width="24" />
</template>

Svelte

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

<Icon icon="mdi:magic-staff" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="mdi:magic-staff"></iconify-icon>

صورة HTML

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

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

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

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

نعم. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Material Design Icons →