أيقونة Timeline Line
mingcute:timeline-line
أيقونة Timeline Line (mingcute:timeline-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
- الوسوم
- timelineline
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 3a1 1 0 1 0-2 0zm-2 18a1 1 0 1 0 2 0zm8-15h-1v1h2V6zM6 7h1V6H5v1zm11 5h-1v1h2v-1zM4 13h1v-1H3v1zm16 5h-1v1h2v-1zM7 19h1v-1H6v1zM7 5v1h3V4H7zm7 0v1h4V4h-4zm-4 3V7H7v2h3zm8 0V7h-4v2h4zM5 11v1h5v-2H5zm9 0v1h2v-2h-2zm-4 3v-1H5v2h5zm6 0v-1h-2v2h2zm-8 3v1h2v-2H8zm6 0v1h5v-2h-5zm-4 3v-1H8v2h2zm9 0v-1h-5v2h5zM12 3h-1v18h2V3zM7 19H6a2 2 0 0 0 2 2v-2zm13 0h-1v2a2 2 0 0 0 2-2zm0-1h1a2 2 0 0 0-2-2v2zM7 18h1v-2a2 2 0 0 0-2 2zm-3-5H3a2 2 0 0 0 2 2v-2zm13 0h-1v2a2 2 0 0 0 2-2zm0-1h1a2 2 0 0 0-2-2v2zM4 12h1v-2a2 2 0 0 0-2 2zm2-5H5a2 2 0 0 0 2 2V7zm13 0h-1v2a2 2 0 0 0 2-2zm0-1h1a2 2 0 0 0-2-2v2zM6 6h1V4a2 2 0 0 0-2 2z"/></svg>كيفية استخدام أيقونة Timeline Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:timeline-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:timeline-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:timeline-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--timeline-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:timeline-line"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:timeline-line"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/mingcute/timeline-line.svg" alt="أيقونة Timeline Line" width="24" height="24">أيقونات ذات صلة في MingCute Icon
أيقونة Timeline Line في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Timeline Line
هل أيقونة Timeline Line مجانية للاستخدام التجاري؟
نعم. تُنشر MingCute Icon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Timeline Line في React؟
ثبّت @iconify/react واعرض <Icon icon="mingcute:timeline-line" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Timeline Line إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/mingcute/timeline-line.svg" alt="أيقونة Timeline Line">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.