أيقونة Diagram Subtask
keyline-icons:diagram-subtask
أيقونة Diagram Subtask (keyline-icons:diagram-subtask) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Keyline Icons
- المؤلف
- Keyline Icons
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- diagramsubtask
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 3L13 3C13.5523 3 14 3.4477 14 4L14 7C14 7.5523 13.5523 8 13 8L4 8C3.4477 8 3 7.5523 3 7L3 4C3 3.4477 3.4477 3 4 3ZM11 16L20 16C20.5523 16 21 16.4477 21 17L21 20C21 20.5523 20.5523 21 20 21L11 21C10.4477 21 10 20.5523 10 20L10 17C10 16.4477 10.4477 16 11 16ZM6 8L6 17.5C6 18.0523 6.4477 18.5 7 18.5L10 18.5"/></svg>كيفية استخدام أيقونة Diagram Subtask
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:diagram-subtask" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:diagram-subtask" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:diagram-subtask" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--diagram-subtask]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:diagram-subtask"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:diagram-subtask"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/diagram-subtask.svg" alt="أيقونة Diagram Subtask" width="24" height="24">أيقونات ذات صلة في Keyline Icons
diagram-predecessor
diagram-predecessor-duotone
diagram-predecessor-fill
diagram-predecessor-sharp
diagram-predecessor-sharp-duotone
diagram-predecessor-sharp-fill
diagram-predecessor-sharp-two-tone
diagram-predecessor-two-tone
diagram-project
diagram-project-duotone
diagram-project-fill
diagram-project-sharp
diagram-project-sharp-duotone
diagram-project-sharp-fill
diagram-project-sharp-two-tone
diagram-project-two-tone
diagram-subtask-duotone
diagram-subtask-fill
diagram-subtask-sharp
diagram-subtask-sharp-duotone
diagram-subtask-sharp-fill
diagram-subtask-sharp-two-tone
diagram-subtask-two-tone
diagram-successor
الأسئلة الشائعة حول أيقونة Diagram Subtask
هل أيقونة Diagram Subtask مجانية للاستخدام التجاري؟
نعم. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Diagram Subtask في React؟
ثبّت @iconify/react واعرض <Icon icon="keyline-icons:diagram-subtask" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Diagram Subtask إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/diagram-subtask.svg" alt="أيقونة Diagram Subtask">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.