أيقونة Edit Page

vs:edit-page

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

المجموعة: Vesper Icons
المؤلف: TableCheck
الترخيص: OFL-1.1
الحجم: 1536 × 1536
الوسوم: editpage

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1536" viewBox="0 0 1536 1536"><path fill="currentColor" d="m806 1199l58-58l-149-149l-58 58v68h81v81zm331-588q0-7-4-10q-3-4-10-4q-3 0-5 1q-4 2-5 3L769 945q-1 1-3 5q-1 2-1 5q0 7 4 11q3 3 10 3h5q4-2 6-4l343-343q3-3 3-5q1-2 1-6m-34-122l264 264l-527 527H576v-264zm433 61q0 16-6 31t-17 26l-106 105l-263-263l105-105q8-9 26-18q15-6 31-6t31 6q18 9 27 18l149 148q11 13 17 27q6 15 6 31M128 1408h1024v-320l128-128v480q0 25-13 49q-14 21-35 34q-20 13-48 13H96q-28 0-48-13q-21-13-35-34q-11-22-13-49V96q2-28 13-48q13-22 35-35Q71 0 96 0h640q29 0 58 10q29 8 59 24q24 12 47 34l251 253l-93 93l-249-256q-10-11-37-20q-34-10-52-10H128z"/></svg>

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

React

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

<Icon icon="vs:edit-page" width="24" />

Vue

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

<template>
  <Icon icon="vs:edit-page" width="24" />
</template>

Svelte

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

<Icon icon="vs:edit-page" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vs:edit-page"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/vs/edit-page.svg" alt="أيقونة Edit Page" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل Vesper Icons →