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

أيقونة Clip Note

vs:clip-note

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1792" viewBox="0 0 1664 1792"><path fill="currentColor" d="M1664 256v640q0 116-.5 170.5T1662 1210t-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 768V256l256 2v574q0 86 53 139t139 53q139 0 180-93q12-28 12-99V384H640v448q0 39-12 51.5T576 896q-33-3-49-17.5T512 832V256zM527 159q30-50 82-50q60 0 90 24.5t35 82.5h128q0-56-13-89q-20-49-80.5-88T617 0Q517 0 452 55q-68 59-68 147v54h128v-24l1-27l4.5-21z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

أيقونات ذات صلة في Vesper Icons

أيقونة clip-note-o
clip-note-o
 أيقونة clipboard
clipboard

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

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

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

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

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

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

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

تصفح كل Vesper Icons →