أيقونة Time

el:time

أيقونة Time (el:time) أيقونة SVG مجانية من مجموعة Elusive Icons من تصميم Team Redux. مرسومة على شبكة 1200 × 1200. تُنشر Elusive Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Elusive Icons
المؤلف: Team Redux
الترخيص: OFL-1.1
الحجم: 1200 × 1200

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C446.454 0 292.879 58.549 175.728 175.705c-234.304 234.309-234.304 614.254 0 848.562c234.303 234.311 614.241 234.311 848.543 0c234.305-234.309 234.305-614.254 0-848.562C907.121 58.549 753.546 0 600 0m0 156.734c113.438 0 226.909 43.228 313.462 129.782c173.105 173.109 173.105 453.828 0 626.938c-173.104 173.108-453.817 173.108-626.924 0c-173.106-173.109-173.105-453.829 0-626.938C373.091 199.962 486.562 156.734 600 156.734M538.626 257.44v280.291h-155.34V691.17h308.775V257.44z"/></svg>

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

React

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

<Icon icon="el:time" width="24" />

Vue

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

<template>
  <Icon icon="el:time" width="24" />
</template>

Svelte

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

<Icon icon="el:time" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--time]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:time"></div>

مكوّن ويب

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

<iconify-icon icon="el:time"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/el/time.svg" alt="أيقونة Time" width="24" height="24">

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

أيقونة Time في مجموعات أخرى

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

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

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

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

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

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

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

تصفح كل Elusive Icons →