ICONYZ
العربية
أيقونة Timeline List من Huge Icons

أيقونة Timeline List

hugeicons:timeline-list

أيقونة Timeline List (hugeicons:timeline-list) أيقونة SVG مجانية من مجموعة Huge Icons من تصميم Hugeicons. مرسومة على شبكة 24 × 24. تُنشر Huge Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Huge Icons
المؤلف
Hugeicons
الترخيص
MIT
الحجم
24 × 24
الوسوم
timelinelist
تنزيل SVG

شيفرة 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="1.5" d="M4 9a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 8a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 4V3m5.914 6.414l-.56-.56c-.06-.06-.09-.09-.116-.12a1 1 0 0 1-.235-.567C9 8.127 9 8.084 9 8s0-.126.003-.167a1 1 0 0 1 .235-.566c.026-.031.056-.06.116-.12l.56-.561c.29-.29.434-.434.617-.51C10.715 6 10.92 6 11.329 6H17c.943 0 1.414 0 1.707.293S19 7.057 19 8s0 1.414-.293 1.707S17.943 10 17 10h-5.672c-.408 0-.613 0-.796-.076s-.329-.22-.618-.51m0 8l-.56-.56c-.06-.06-.09-.09-.116-.12a1 1 0 0 1-.235-.567C9 16.127 9 16.084 9 16s0-.127.003-.167a1 1 0 0 1 .235-.566c.026-.031.056-.06.116-.12l.56-.561c.29-.29.434-.434.617-.51c.184-.076.389-.076.797-.076H19c.943 0 1.414 0 1.707.293S21 15.057 21 16s0 1.414-.293 1.707S19.943 18 19 18h-7.672c-.408 0-.613 0-.796-.076s-.329-.22-.618-.51"/></svg>

كيفية استخدام أيقونة Timeline List

React

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

<Icon icon="hugeicons:timeline-list" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:timeline-list" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:timeline-list" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--timeline-list]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:timeline-list"></div>

مكوّن ويب

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

<iconify-icon icon="hugeicons:timeline-list"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/timeline-list.svg" alt="أيقونة Timeline List" width="24" height="24">

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

أيقونة timeline
timeline
 أيقونة timeline-event
timeline-event

الأسئلة الشائعة حول أيقونة Timeline List

هل أيقونة Timeline List مجانية للاستخدام التجاري؟

نعم. تُنشر Huge Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Timeline List في React؟

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

كيف أضيف أيقونة Timeline List إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/hugeicons/timeline-list.svg" alt="أيقونة Timeline List">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Huge Icons →