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

أيقونة Editor Ol

dashicons:editor-ol

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M6 7V3h-.69L4.02 4.03l.4.51l.46-.37c.06-.05.16-.14.3-.28l-.02.42V7zm2-2h9v1H8zm-1.23 6.95v-.7H5.05v-.04l.51-.48c.33-.31.57-.54.7-.71c.14-.17.24-.33.3-.49c.07-.16.1-.33.1-.51c0-.21-.05-.4-.16-.56c-.1-.16-.25-.28-.44-.37s-.41-.14-.65-.14q-.285 0-.51.06c-.15.03-.29.09-.42.15c-.12.07-.29.19-.48.35l.45.54q.24-.195.45-.3c.15-.07.3-.1.45-.1c.14 0 .26.03.35.11s.13.2.13.36q0 .15-.06.3c-.06.15-.1.21-.19.33c-.09.11-.29.32-.58.62l-.99 1v.58zM8 10h9v1H8zm-1.29 3.95c0-.3-.12-.54-.37-.71c-.24-.17-.58-.26-1-.26c-.52 0-.96.13-1.33.4l.4.6c.17-.11.32-.19.46-.23c.14-.05.27-.07.41-.07c.38 0 .58.15.58.46c0 .2-.07.35-.22.43s-.38.12-.7.12h-.31v.66h.31q.51 0 .75.12c.15.08.23.22.23.41c0 .22-.07.37-.2.47q-.21.15-.63.15c-.19 0-.38-.03-.57-.08s-.36-.12-.52-.2v.74c.34.15.74.22 1.18.22c.53 0 .94-.11 1.22-.33c.29-.22.43-.52.43-.92c0-.27-.09-.48-.26-.64s-.42-.26-.74-.3v-.02c.27-.06.49-.19.65-.37c.15-.18.23-.39.23-.65M8 15h9v1H8z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

أيقونة editor-aligncenter
editor-aligncenter
 أيقونة editor-alignleft
editor-alignleft
 أيقونة editor-alignright
editor-alignright
 أيقونة editor-bold
editor-bold
 أيقونة editor-break
editor-break
 أيقونة editor-code
editor-code
 أيقونة editor-code-duplicate
editor-code-duplicate
 أيقونة editor-contract
editor-contract
 أيقونة editor-customchar
editor-customchar
 أيقونة editor-expand
editor-expand
 أيقونة editor-help
editor-help
 أيقونة editor-indent
editor-indent
 أيقونة editor-insertmore
editor-insertmore
 أيقونة editor-italic
editor-italic
 أيقونة editor-justify
editor-justify
 أيقونة editor-kitchensink
editor-kitchensink
 أيقونة editor-ltr
editor-ltr
 أيقونة editor-ol-rtl
editor-ol-rtl
 أيقونة editor-outdent
editor-outdent
 أيقونة editor-paragraph
editor-paragraph
 أيقونة editor-paste-text
editor-paste-text
 أيقونة editor-paste-word
editor-paste-word
 أيقونة editor-quote
editor-quote
 أيقونة editor-removeformatting
editor-removeformatting

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

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

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

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

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

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

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

تصفح كل Dashicons →