ICONYZ
العربية
أيقونة Editor Expand من Dashicons

أيقونة Editor Expand

dashicons:editor-expand

أيقونة Editor Expand (dashicons:editor-expand) أيقونة SVG مجانية من مجموعة Dashicons من تصميم WordPress. مرسومة على شبكة 20 × 20. تُنشر Dashicons بموجب ترخيص GPL، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية، على أن تحتفظ النسخ المعدّلة من ملفات الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Dashicons
المؤلف
WordPress
الترخيص
GPL-2.0-or-later
الحجم
20 × 20
الوسوم
editorexpand
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M7 8h6v4H7zm-5 5v4h4l-1.2-1.2L7 12l-3.8 2.2M14 17h4v-4l-1.2 1.2L13 12l2.2 3.8M14 3l1.3 1.3L13 8l3.8-2.2L18 7V3M6 3H2v4l1.2-1.2L7 8L4.7 4.3"/></svg>

كيفية استخدام أيقونة Editor Expand

React

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

<Icon icon="dashicons:editor-expand" width="24" />

Vue

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

<template>
  <Icon icon="dashicons:editor-expand" width="24" />
</template>

Svelte

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

<Icon icon="dashicons:editor-expand" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[dashicons--editor-expand]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/dashicons -->
<div class="i-dashicons:editor-expand"></div>

مكوّن ويب

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

<iconify-icon icon="dashicons:editor-expand"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/dashicons/editor-expand.svg" alt="أيقونة Editor Expand" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Editor Expand

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

نعم. تُنشر Dashicons بموجب ترخيص GPL، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية، على أن تحتفظ النسخ المعدّلة من ملفات الأيقونات بالترخيص نفسه.

كيف أستخدم أيقونة Editor Expand في React؟

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

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

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

تصفح كل Dashicons →