ICONYZ
العربية
أيقونة Time Outline من IonIcons

أيقونة Time Outline

ion:time-outline

أيقونة Time Outline (ion:time-outline) أيقونة SVG مجانية من مجموعة IonIcons من تصميم Ben Sperry. مرسومة على شبكة 512 × 512. تُنشر IonIcons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
IonIcons
المؤلف
Ben Sperry
الترخيص
MIT
الحجم
512 × 512
الوسوم
timeoutline
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M256 64C150 64 64 150 64 256s86 192 192 192s192-86 192-192S362 64 256 64Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 128v144h96"/></svg>

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

React

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

<Icon icon="ion:time-outline" width="24" />

Vue

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

<template>
  <Icon icon="ion:time-outline" width="24" />
</template>

Svelte

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

<Icon icon="ion:time-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="ion:time-outline"></iconify-icon>

صورة HTML

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

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

أيقونة time
time
 أيقونة time-sharp
time-sharp
 أيقونة timer
timer
 أيقونة timer-outline
timer-outline
 أيقونة timer-sharp
timer-sharp

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

أيقونة Time Outline من Famicons
Famicons

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

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

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

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

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

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

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

تصفح كل IonIcons →