أيقونة Doc Filled
reicon:doc-filled
أيقونة Doc Filled (reicon:doc-filled) أيقونة SVG مجانية من مجموعة Reicon. مرسومة على شبكة 24 × 24. تُنشر Reicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.172 3.172C3 4.343 3 6.229 3 10v4c0 3.771 0 5.657 1.172 6.828S7.229 22 11 22h2c3.771 0 5.657 0 6.828-1.172S21 17.771 21 14v-4c0-3.771 0-5.657-1.172-6.828S16.771 2 13 2h-2C7.229 2 5.343 2 4.172 3.172M8 9.25a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5zm0 4a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/></svg>كيفية استخدام أيقونة Doc Filled
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:doc-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:doc-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:doc-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--doc-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:doc-filled"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:doc-filled"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/reicon/doc-filled.svg" alt="أيقونة Doc Filled" width="24" height="24">أيقونات ذات صلة في Reicon
doc
doc-add
doc-add-duotone
doc-add-filled
doc-medical
doc-medical-duotone
doc-medical-filled
doc-text
doc-text-filled
doc2
doc2-duotone
doc2-filled
docs
docs-duotone
docs-filled
docs2
docs2-duotone
docs2-filled
document
document-cloud
document-cloud-filled
document-code
document-code-filled
document-code2
الأسئلة الشائعة حول أيقونة Doc Filled
هل أيقونة Doc Filled مجانية للاستخدام التجاري؟
نعم. تُنشر Reicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Doc Filled في React؟
ثبّت @iconify/react واعرض <Icon icon="reicon:doc-filled" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Doc Filled إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/reicon/doc-filled.svg" alt="أيقونة Doc Filled">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.