أيقونة Message Writing
system-uicons:message-writing
أيقونة Message Writing (system-uicons:message-writing) أيقونة SVG مجانية من مجموعة System UIcons من تصميم Corey Ginnivan. مرسومة على شبكة 21 × 21. تُنشر System UIcons بموجب Unlicense، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- System UIcons
- المؤلف
- Corey Ginnivan
- الترخيص
- Unlicense
- الحجم
- 21 × 21
- الوسوم
- messagewriting
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.5 3.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2l-2.999-.001l-2.294 2.294a1 1 0 0 1-1.32.083l-.094-.083l-2.294-2.294L4.5 17.5a2 2 0 0 1-2-2v-10a2 2 0 0 1 2-2z"/><path fill="currentColor" d="M10.499 11.5c.5 0 1-.5 1-1s-.5-1-1-1s-.999.5-.999 1s.499 1 .999 1m-4 0c.5 0 1-.5 1-1s-.5-1-1-1s-.999.5-.999 1s.499 1 .999 1m8 0c.5 0 1-.5 1-1s-.5-1-1-1s-.999.5-.999 1s.499 1 .999 1"/></g></svg>كيفية استخدام أيقونة Message Writing
React
import { Icon } from "@iconify/react";
<Icon icon="system-uicons:message-writing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="system-uicons:message-writing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="system-uicons:message-writing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[system-uicons--message-writing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/system-uicons -->
<div class="i-system-uicons:message-writing"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="system-uicons:message-writing"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/system-uicons/message-writing.svg" alt="أيقونة Message Writing" width="24" height="24">أيقونات ذات صلة في System UIcons
أيقونة Message Writing في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Message Writing
هل أيقونة Message Writing مجانية للاستخدام التجاري؟
نعم. تُنشر System UIcons بموجب Unlicense، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Message Writing في React؟
ثبّت @iconify/react واعرض <Icon icon="system-uicons:message-writing" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Message Writing إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/system-uicons/message-writing.svg" alt="أيقونة Message Writing">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.