أيقونة Notification Alarm Snooze

streamline-plump-color:notification-alarm-snooze

أيقونة Notification Alarm Snooze (streamline-plump-color:notification-alarm-snooze) أيقونة SVG مجانية من مجموعة Plump color icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Plump color icons
المؤلف: Streamline
الترخيص: CC-BY-4.0
الحجم: 48 × 48
الفئة: الهاتف
الوسوم: notificationalarm، alarmsnooze، notificationalarmsnooze

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M39.868 24H35a4 4 0 0 1-4 4h-7.333a4 4 0 0 1-3.073-6.56l1.323-1.588A4.002 4.002 0 0 1 23 12h10a4 4 0 0 1-2.147-7.376A15.2 15.2 0 0 0 24 3C16.08 3 9.48 9.06 8.804 16.949l-.479 5.59a16 16 0 0 1-2.326 7.036l-1.47 2.384c-1.478 2.393-.672 4.866 2.116 5.237C9.833 37.62 15.157 38 24 38s14.166-.38 17.355-.804c2.788-.371 3.594-2.844 2.116-5.237l-1.47-2.384A16 16 0 0 1 39.867 24Z"/><path fill="#fff" d="M16.047 37.879a236 236 0 0 0 7.952.122c3.05 0 5.683-.045 7.953-.122a8.001 8.001 0 0 1-15.905 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M40.08 25A16 16 0 0 0 42 29.575l1.471 2.384c1.478 2.393.672 4.866-2.116 5.237C38.166 37.62 32.842 38 24 38s-14.167-.38-17.355-.804c-2.788-.371-3.594-2.844-2.117-5.237L6 29.575a16 16 0 0 0 2.326-7.037l.48-5.59C9.48 9.06 16.08 3 24 3c1.934 0 3.79.362 5.5 1.023"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M33 8h11L34 20h11m-22-4h7.333l-6.666 8H31"/><path stroke="#2859c5" stroke-linejoin="round" d="M16.047 37.878a8.001 8.001 0 0 0 15.905 0"/></g></svg>

كيفية استخدام أيقونة Notification Alarm Snooze

React

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

<Icon icon="streamline-plump-color:notification-alarm-snooze" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:notification-alarm-snooze" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:notification-alarm-snooze" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--notification-alarm-snooze]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:notification-alarm-snooze"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-plump-color:notification-alarm-snooze"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/notification-alarm-snooze.svg" alt="أيقونة Notification Alarm Snooze" width="24" height="24">

أيقونات ذات صلة في Plump color icons

أيقونة Notification Alarm Snooze في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Notification Alarm Snooze

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

نعم. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Notification Alarm Snooze في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/notification-alarm-snooze.svg" alt="أيقونة Notification Alarm Snooze">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Plump color icons →