ICONYZ
العربية
أيقونة File Dock Duotone Line من Lets Icons

أيقونة File Dock Duotone Line

lets-icons:file-dock-duotone-line

أيقونة File Dock Duotone Line (lets-icons:file-dock-duotone-line) أيقونة SVG مجانية من مجموعة Lets Icons من تصميم Leonid Tsvetkov. مرسومة على شبكة 24 × 24. تُنشر Lets Icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Lets Icons
المؤلف
Leonid Tsvetkov
الترخيص
CC-BY-4.0
الحجم
24 × 24
الفئة
أنواع الملفات
الوسوم
filedock، dockduotone، duotoneline، filedockduotoneline
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M13 7V3H9c-1.886 0-2.828 0-3.414.586S5 5.114 5 7v10c0 1.886 0 2.828.586 3.414S7.114 21 9 21h6c1.886 0 2.828 0 3.414-.586S19 18.886 19 17V9h-4c-.943 0-1.414 0-1.707-.293S13 7.943 13 7"/><path stroke="currentColor" stroke-width="1.2" d="M13.172 3H9c-1.886 0-2.828 0-3.414.586S5 5.114 5 7v10c0 1.886 0 2.828.586 3.414S7.114 21 9 21h6c1.886 0 2.828 0 3.414-.586S19 18.886 19 17V8.828c0-.408 0-.613-.076-.796s-.22-.329-.51-.618l-3.828-3.828c-.29-.29-.434-.434-.617-.51C13.785 3 13.58 3 13.172 3Z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.2" d="M9 13h6m-6 4h4"/><path stroke="currentColor" stroke-width="1.2" d="M13 3v4c0 .943 0 1.414.293 1.707S14.057 9 15 9h4"/></g></svg>

كيفية استخدام أيقونة File Dock Duotone Line

React

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

<Icon icon="lets-icons:file-dock-duotone-line" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:file-dock-duotone-line" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:file-dock-duotone-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--file-dock-duotone-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:file-dock-duotone-line"></div>

مكوّن ويب

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

<iconify-icon icon="lets-icons:file-dock-duotone-line"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/lets-icons/file-dock-duotone-line.svg" alt="أيقونة File Dock Duotone Line" width="24" height="24">

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

أيقونة file
file
 أيقونة file-dock
file-dock
 أيقونة file-dock-add
file-dock-add
 أيقونة file-dock-add-fill
file-dock-add-fill
 أيقونة file-dock-duotone
file-dock-duotone
 أيقونة file-dock-fill
file-dock-fill
 أيقونة file-dock-light
file-dock-light
 أيقونة file-dock-search-fill
file-dock-search-fill
 أيقونة file-dock-search-light
file-dock-search-light
 أيقونة file-duotone
file-duotone
 أيقونة file-duotone-line
file-duotone-line
 أيقونة file-fill
file-fill
 أيقونة file-light
file-light

الأسئلة الشائعة حول أيقونة File Dock Duotone Line

هل أيقونة File Dock Duotone Line مجانية للاستخدام التجاري؟

نعم. تُنشر Lets Icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة File Dock Duotone Line في React؟

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

كيف أضيف أيقونة File Dock Duotone Line إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/lets-icons/file-dock-duotone-line.svg" alt="أيقونة File Dock Duotone Line">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Lets Icons →