أيقونة Zone Person Alert
material-symbols:zone-person-alert
أيقونة Zone Person Alert (material-symbols:zone-person-alert) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Symbols
- المؤلف
- Google
- الترخيص
- Apache-2.0
- الحجم
- 24 × 24
- الوسوم
- zoneperson، personalert، zonepersonalert
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.825 0-1.412-.587T2 18v-3h2v3h3v2zm4.8-4l1-5.1l-1.8.7V15H6v-4.7l3.95-1.7q.875-.375 1.288-.487T12 8q.525 0 .975.275T13.7 9l1 1.6l.2.3q.1.15.225.275q-1.225.8-2.025 2.063T12.075 16zm3.288-9.087Q11.5 6.325 11.5 5.5t.588-1.412T13.5 3.5t1.413.588T15.5 5.5t-.587 1.413T13.5 7.5t-1.412-.587M2 5V2q0-.825.588-1.412T4 0h3v2H4v3zm18 0V2h-3V0h3q.825 0 1.413.588T22 2v3zm-1 17q-2.075 0-3.537-1.463T14 17t1.463-3.537T19 12t3.538 1.463T24 17t-1.463 3.538T19 22m-.5-4h1v-4h-1zm.5 2q.2 0 .35-.15t.15-.35t-.15-.35T19 19t-.35.15t-.15.35t.15.35t.35.15"/></svg>
كيفية استخدام أيقونة Zone Person Alert
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:zone-person-alert" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:zone-person-alert" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:zone-person-alert" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--zone-person-alert]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:zone-person-alert"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:zone-person-alert"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/zone-person-alert.svg" alt="أيقونة Zone Person Alert" width="24" height="24">
أيقونات ذات صلة في Material Symbols
أيقونة Zone Person Alert في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Zone Person Alert
هل أيقونة Zone Person Alert مجانية للاستخدام التجاري؟
نعم. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Zone Person Alert في React؟
ثبّت @iconify/react واعرض <Icon icon="material-symbols:zone-person-alert" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Zone Person Alert إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols/zone-person-alert.svg" alt="أيقونة Zone Person Alert">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Symbols →
ICONYZ
