ICONYZ
العربية
أيقونة Clocks من Flat UI Icons

أيقونة Clocks

flat-ui:clocks

أيقونة Clocks (flat-ui:clocks) أيقونة SVG مجانية من مجموعة Flat UI Icons من تصميم Designmodo, Inc.. مرسومة على شبكة 100 × 100. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Flat UI Icons
المؤلف
Designmodo, Inc.
الترخيص
MIT
الحجم
100 × 100
الوسوم
clock
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50.001" cy="50" r="50" fill="#223447"/><path fill="#fff" d="M50 10c22.093 0 40 17.909 40 40S72.094 90 50 90c-22.091 0-40-17.909-40-40s17.91-40 40-40"/><path fill="#DAD9D9" d="M50 10.015c-11.806 0-22.413 5.119-29.733 13.254C27.352 16.896 36.723 13.015 47 13.015c22.085 0 39.986 17.902 39.986 39.985c0 10.277-3.881 19.646-10.254 26.729C84.871 72.41 89.988 61.805 89.988 50c0-22.083-17.902-39.985-39.988-39.985"/><path fill="#223447" d="M73 46a4 4 0 0 1 0 8H54a4 4 0 0 1 0-8z"/><path fill="#223447" d="M28.775 28.781c1.173-1.17 2.987-1.26 4.254.006L50 45.757c1.265 1.265 1.18 3.066.008 4.235c-1.173 1.17-2.983 1.273-4.25.008L28.786 33.03c-1.267-1.266-1.184-3.08-.012-4.249z"/><path fill="#223447" d="M46 43.1a7.998 7.998 0 1 1-2.928 10.923A7.997 7.997 0 0 1 46 43.1"/><path fill="#E44D41" d="M30.201 66.97a2 2 0 0 0 2.828 2.829l18.385-18.385a2 2 0 0 0-2.828-2.828L30.2 66.97z"/></svg>

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

React

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

<Icon icon="flat-ui:clocks" width="24" />

Vue

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

<template>
  <Icon icon="flat-ui:clocks" width="24" />
</template>

Svelte

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

<Icon icon="flat-ui:clocks" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--clocks]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:clocks"></div>

مكوّن ويب

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

<iconify-icon icon="flat-ui:clocks"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/flat-ui/clocks.svg" alt="أيقونة Clocks" width="24" height="24">

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

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

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

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

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

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

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

تصفح كل Flat UI Icons →