ICONYZ
العربية
أيقونة Magnet Note من Vesper Icons

أيقونة Magnet Note

vs:magnet-note

أيقونة Magnet Note (vs:magnet-note) أيقونة SVG مجانية من مجموعة Vesper Icons من تصميم TableCheck. مرسومة على شبكة 1664 × 1664. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Vesper Icons
المؤلف
TableCheck
الترخيص
OFL-1.1
الحجم
1664 × 1664
الوسوم
magnetnote
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1664" viewBox="0 0 1664 1664"><path fill="currentColor" d="M1664 128v640q0 116-.5 170.5T1662 1082t-4.5 132t-9.5 108.5t-15.5 102.5t-22.5 84t-31.5 83t-42.5 72H0q79-242 103.5-447.5T128 640V128h442q-24 60-24 128q0 145 102.5 247.5T896 606t247.5-102.5T1246 256q0-68-24-128zM896 0q106 0 181 75t75 181t-75 181t-181 75t-181-75t-75-181t75-181T896 0m0 128q8 0 14-7t6-17t-6-17t-14-7q-73 0-124.5 51.5T720 256q0 7 8 13.5t16 6.5q10 0 17-6t7-14q0-52 38-90t90-38"/></svg>

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

React

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

<Icon icon="vs:magnet-note" width="24" />

Vue

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

<template>
  <Icon icon="vs:magnet-note" width="24" />
</template>

Svelte

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

<Icon icon="vs:magnet-note" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vs:magnet-note"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

تصفح كل Vesper Icons →