ICONYZ
العربية
أيقونة Music Note من CoreUI Free

أيقونة Music Note

cil:music-note

أيقونة Music Note (cil:music-note) أيقونة SVG مجانية من مجموعة CoreUI Free من تصميم creativeLabs Łukasz Holeczek. مرسومة على شبكة 512 × 512. تُنشر CoreUI Free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
CoreUI Free
المؤلف
creativeLabs Łukasz Holeczek
الترخيص
CC-BY-4.0
الحجم
512 × 512
الوسوم
musicnote
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m72 203.517l160-32v209.669h.044Q232 382.588 232 384c0 55.794 48.448 101.186 108 101.186S448 439.794 448 384s-48.448-101.186-108-101.186a111.43 111.43 0 0 0-76 29.367V28.483l-192 38.4Zm268 111.3c41.906 0 76 31.037 76 69.186s-34.094 69.186-76 69.186s-76-31.04-76-69.189s34.094-69.186 76-69.186Zm-236-221.7l128-25.6v71.366l-128 25.6Z"/></svg>

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

React

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

<Icon icon="cil:music-note" width="24" />

Vue

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

<template>
  <Icon icon="cil:music-note" width="24" />
</template>

Svelte

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

<Icon icon="cil:music-note" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--music-note]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:music-note"></div>

مكوّن ويب

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

<iconify-icon icon="cil:music-note"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/cil/music-note.svg" alt="أيقونة Music Note" width="24" height="24">

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

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

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

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

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

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

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

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

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