ICONYZ
العربية
أيقونة Clock Out من IconOven

أيقونة Clock Out

iconoven:clock-out

أيقونة Clock Out (iconoven:clock-out) أيقونة SVG مجانية من مجموعة IconOven من تصميم Appic Marketing. مرسومة على شبكة 24 × 24. تُنشر IconOven icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
IconOven
المؤلف
Appic Marketing
الترخيص
MIT
الحجم
24 × 24
الوسوم
clockout
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12 21.25A9.25 9.25 0 1 1 21.25 12"/><path d="M12 7.25V12l-3 2m6 1l5.5 5.5m0-3.75v3.75h-3.75"/></g></svg>

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

React

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

<Icon icon="iconoven:clock-out" width="24" />

Vue

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

<template>
  <Icon icon="iconoven:clock-out" width="24" />
</template>

Svelte

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

<Icon icon="iconoven:clock-out" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[iconoven--clock-out]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/iconoven -->
<div class="i-iconoven:clock-out"></div>

مكوّن ويب

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

<iconify-icon icon="iconoven:clock-out"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/iconoven/clock-out.svg" alt="أيقونة Clock Out" width="24" height="24">

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

أيقونة clock
clock
 أيقونة clock-24
clock-24
 أيقونة clock-24-sharp
clock-24-sharp
 أيقونة clock-alert
clock-alert
 أيقونة clock-alert-sharp
clock-alert-sharp
 أيقونة clock-check
clock-check
 أيقونة clock-check-sharp
clock-check-sharp
 أيقونة clock-digital
clock-digital
 أيقونة clock-digital-sharp
clock-digital-sharp
 أيقونة clock-edit
clock-edit
 أيقونة clock-edit-sharp
clock-edit-sharp
 أيقونة clock-fast
clock-fast
 أيقونة clock-fast-sharp
clock-fast-sharp
 أيقونة clock-in
clock-in
 أيقونة clock-in-sharp
clock-in-sharp
 أيقونة clock-minus
clock-minus
 أيقونة clock-minus-sharp
clock-minus-sharp
 أيقونة clock-out-sharp
clock-out-sharp
 أيقونة clock-pause
clock-pause
 أيقونة clock-pause-sharp
clock-pause-sharp
 أيقونة clock-plus
clock-plus
 أيقونة clock-plus-sharp
clock-plus-sharp
 أيقونة clock-quarter
clock-quarter
 أيقونة clock-quarter-sharp
clock-quarter-sharp

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

أيقونة Clock Out من Material Design Icons
Material Design Icons

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

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

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

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

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

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

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

تصفح كل أيقونات IconOven →