ICONYZ
العربية
أيقونة Notification Alert Flat من Plump color icons

أيقونة Notification Alert Flat

streamline-plump-color:notification-alert-flat

أيقونة Notification Alert Flat (streamline-plump-color:notification-alert-flat) أيقونة 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
الفئة
الهاتف
الوسوم
notificationalert، alertflat، notificationalertflat
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M23.674 1.617A130 130 0 0 0 18 1.5c-4.522 0-7.902.202-10.267.429c-3.294.315-5.654 2.963-5.842 6.177C1.701 11.36 1.5 16.56 1.5 24s.201 12.639.391 15.894c.188 3.214 2.548 5.862 5.842 6.177c2.365.227 5.745.429 10.267.429s7.902-.203 10.267-.429c3.294-.315 5.654-2.963 5.842-6.177c.149-2.553.305-6.304.365-11.394c-8.272-.014-14.974-6.724-14.974-15c0-3.916 1.5-7.48 3.957-10.152l.217-1.73Z"/><path fill="#2859c5" d="M23.674 1.617A130 130 0 0 0 18 1.5c-2.143 0-4.03.045-5.673.117l.345 2.755A3 3 0 0 0 15.648 7h4.704a3 3 0 0 0 .66-.073a15 15 0 0 1 2.444-3.579l.217-1.73Z"/><path fill="#2859c5" fill-rule="evenodd" d="M46.5 13.5c0 6.627-5.373 12-12 12s-12-5.373-12-12s5.373-12 12-12s12 5.373 12 12M14.5 41a1.5 1.5 0 0 1 1.5-1.5h4a1.5 1.5 0 0 1 0 3h-4a1.5 1.5 0 0 1-1.5-1.5" clip-rule="evenodd"/><path fill="#8fbffa" fill-rule="evenodd" d="M34.5 17a2 2 0 0 1 2 2v.5a2 2 0 1 1-4 0V19a2 2 0 0 1 2-2m2-9.5a2 2 0 1 0-4 0v6a2 2 0 1 0 4 0z" clip-rule="evenodd"/></g></svg>

كيفية استخدام أيقونة Notification Alert Flat

React

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

<Icon icon="streamline-plump-color:notification-alert-flat" width="24" />

Vue

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

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

Svelte

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

<Icon icon="streamline-plump-color:notification-alert-flat" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="streamline-plump-color:notification-alert-flat"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/notification-alert-flat.svg" alt="أيقونة Notification Alert Flat" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Notification Alert Flat

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

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

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

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

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

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

تصفح كل Plump color icons →