أيقونة File Document
line-md:file-document
أيقونة File Document (line-md:file-document) أيقونة SVG مجانية من مجموعة Material Line Icons من تصميم Vjacheslav Trushkin. مرسومة على شبكة 24 × 24. تُنشر Material Line Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Line Icons
- المؤلف
- Vjacheslav Trushkin
- الترخيص
- MIT
- الحجم
- 24 × 24
- الفئة
- الملفات والمجلدات
- الوسوم
- filedocument
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="none" stroke-dasharray="62" d="M13.5 3l5.5 5.5v11.5c0 0.55 -0.45 1 -1 1h-12c-0.55 0 -1 -0.45 -1 -1v-16c0 -0.55 0.45 -1 1 -1Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="62;0"/></path><path fill="currentColor" d="M14 3.5l0 4.5l4.5 0Z" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.6s" to="1"/><animate fill="freeze" attributeName="d" begin="0.6s" dur="0.2s" values="M14 3.5l2.25 2.25l2.25 2.25Z;M14 3.5l0 4.5l4.5 0Z"/></path><g fill="none"><path stroke-dasharray="8" stroke-dashoffset="8" d="M9 13h6"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.8s" dur="0.2s" to="0"/></path><path stroke-dasharray="6" stroke-dashoffset="6" d="M9 17h3"><animate fill="freeze" attributeName="stroke-dashoffset" begin="1s" dur="0.2s" to="0"/></path></g></g></svg>كيفية استخدام أيقونة File Document
React
import { Icon } from "@iconify/react";
<Icon icon="line-md:file-document" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="line-md:file-document" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="line-md:file-document" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[line-md--file-document]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/line-md -->
<div class="i-line-md:file-document"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="line-md:file-document"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/line-md/file-document.svg" alt="أيقونة File Document" width="24" height="24">أيقونات ذات صلة في Material Line Icons
file
file-cancel
file-cancel-filled
file-cancel-twotone
file-document-cancel
file-document-cancel-filled
file-document-cancel-twotone
file-document-filled
file-document-minus
file-document-minus-filled
file-document-minus-twotone
file-document-off
file-document-off-filled
file-document-off-twotone
file-document-plus
file-document-plus-filled
file-document-plus-twotone
file-document-remove
file-document-remove-filled
file-document-remove-twotone
file-document-twotone
file-download
file-download-filled
file-download-twotone
أيقونة File Document في مجموعات أخرى
الأسئلة الشائعة حول أيقونة File Document
هل أيقونة File Document مجانية للاستخدام التجاري؟
نعم. تُنشر Material Line Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة File Document في React؟
ثبّت @iconify/react واعرض <Icon icon="line-md:file-document" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة File Document إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/line-md/file-document.svg" alt="أيقونة File Document">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.