أيقونة Text Area Line
mingcute:text-area-line
أيقونة Text Area Line (mingcute:text-area-line) أيقونة SVG مجانية من مجموعة MingCute Icon من تصميم MingCute Design. مرسومة على شبكة 24 × 24. تُنشر MingCute Icon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- MingCute Icon
- المؤلف
- MingCute Design
- الترخيص
- Apache-2.0
- الحجم
- 24 × 24
- الوسوم
- textarea، arealine، textarealine
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 17v-1a1 1 0 0 0-1 1zm3 0h1a1 1 0 0 0-1-1zm0 3v1a1 1 0 0 0 1-1zm-3 0H3a1 1 0 0 0 1 1zM4 4V3a1 1 0 0 0-1 1zm3 0h1a1 1 0 0 0-1-1zm0 3v1a1 1 0 0 0 1-1zM4 7H3a1 1 0 0 0 1 1zm13 10v-1a1 1 0 0 0-1 1zm3 0h1a1 1 0 0 0-1-1zm0 3v1a1 1 0 0 0 1-1zm-3 0h-1a1 1 0 0 0 1 1zm0-16V3a1 1 0 0 0-1 1zm3 0h1a1 1 0 0 0-1-1zm0 3v1a1 1 0 0 0 1-1zm-3 0h-1a1 1 0 0 0 1 1zm-7 5a1 1 0 1 0 0 2zm4 2a1 1 0 1 0 0-2zm-5.942.664a1 1 0 1 0 1.884.672L9 15zm6 .672a1 1 0 1 0 1.884-.672L15 15zm-1.39-6.865l.942-.336zm-1.336 0l.942.336zM7 19v1h10v-2H7zM7 5v1h10V4H7zM5 17h1V7H4v10zm14 0h1V7h-2v10zM4 17v1h3v-2H4zm3 0H6v3h2v-3zm0 3v-1H4v2h3zm-3 0h1v-3H3v3zM4 4v1h3V3H4zm3 0H6v3h2V4zm0 3V6H4v2h3zM4 7h1V4H3v3zm13 10v1h3v-2h-3zm3 0h-1v3h2v-3zm0 3v-1h-3v2h3zm-3 0h1v-3h-2v3zm0-16v1h3V3h-3zm3 0h-1v3h2V4zm0 3V6h-3v2h3zm-3 0h1V4h-2v3zm-7 6v1h4v-2h-4zm-1 2l.942.336l2.332-6.529l-.942-.336l-.942-.336l-2.332 6.529zm3.668-6.53l-.942.337l2.332 6.53L15 15l.942-.336l-2.332-6.53zM12 8v1a.29.29 0 0 1-.274-.193l.942-.336l.942-.336A1.71 1.71 0 0 0 12 7zm-.668.47l.942.337A.29.29 0 0 1 12 9V7a1.71 1.71 0 0 0-1.61 1.135z"/></svg>
كيفية استخدام أيقونة Text Area Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:text-area-line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:text-area-line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:text-area-line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--text-area-line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:text-area-line"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:text-area-line"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/mingcute/text-area-line.svg" alt="أيقونة Text Area Line" width="24" height="24">
أيقونات ذات صلة في MingCute Icon
الأسئلة الشائعة حول أيقونة Text Area Line
هل أيقونة Text Area Line مجانية للاستخدام التجاري؟
نعم. تُنشر MingCute Icon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Text Area Line في React؟
ثبّت @iconify/react واعرض <Icon icon="mingcute:text-area-line" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Text Area Line إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/mingcute/text-area-line.svg" alt="أيقونة Text Area Line">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات MingCute Icon →
ICONYZ
