ICONYZ
العربية
أيقونة Sleep Tracker من Arcticons

أيقونة Sleep Tracker

arcticons:sleep-tracker

أيقونة Sleep Tracker (arcticons:sleep-tracker) أيقونة SVG مجانية من مجموعة Arcticons من تصميم Donnnno. مرسومة على شبكة 48 × 48. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Arcticons
المؤلف
Donnnno
الترخيص
CC-BY-SA-4.0
الحجم
48 × 48
الوسوم
sleeptracker
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.107 19.915c.597 1.765 1.277 2.19 2.834 2.636c-1.725.419-2.29.661-2.834 2.58c-.475-1.828-.784-2.285-2.607-2.58c1.641-.497 2.078-.718 2.607-2.636M28.631 3.123c16.2 4.27 22.73 23.014 10.613 35.767c-9.864 10.382-30.006 7.24-35.411-9.257c11.285 5.354 19.642 1.383 23.215-2.827c4.232-4.988 6.543-14.569 1.583-23.683M8.56 11.235c.816 2.413 1.746 2.994 3.875 3.604c-2.358.572-3.13.904-3.875 3.527c-.649-2.498-1.072-3.124-3.565-3.527c2.245-.68 2.842-.981 3.565-3.604"/></svg>

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

React

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

<Icon icon="arcticons:sleep-tracker" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:sleep-tracker" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:sleep-tracker" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--sleep-tracker]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:sleep-tracker"></div>

مكوّن ويب

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

<iconify-icon icon="arcticons:sleep-tracker"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/arcticons/sleep-tracker.svg" alt="أيقونة Sleep Tracker" width="24" height="24">

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

أيقونة sleep-sounds
sleep-sounds
 أيقونة sleep-time
sleep-time
 أيقونة sleepa
sleepa
 أيقونة sleepcycle
sleepcycle
 أيقونة sleeper
sleeper
 أيقونة sleeptimer
sleeptimer

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

أيقونة Sleep Tracker من IconOven
IconOven

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

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

نعم. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه.

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

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

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

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

تصفح كل Arcticons →