outline
1. اللون
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة
مضمّنة في تصدير SVG
أيقونة SVG: تنبيه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. تنبيه - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
حزمة مع بيانات النسب
alert.svg (٤٨٦ B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg id="i-alert" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Alert icon"><title>Alert - Bytesize Icons icon</title><desc>Free Alert vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 266 bytes.</desc>
<path d="M16 3 L30 29 2 29 Z M16 11 L16 19 M16 23 L16 25" />
</svg>
أمر ذكي ومحسّن المتجهات
تريد تحسين هذه الأيقونة أو تغيير نمطها؟ تنبيه
أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. تنبيه
منشئ أوامر يعمل بالكامل في المتصفح
التحقق من مصدر الأيقونة ورخصتها
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
كلمات مفتاحية
#alert
#bytesize
#interface
#outline
تنبيه - المواصفات التقنية للمتجه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. تنبيه
| المعرّف الأساسي للأصل | bytesize/alert |
|---|---|
| حزمة المكتبة المصدر | Bytesize Icons |
| شبكة الإحداثيات و viewBox | viewBox="0 0 32 32" |
| الحجم غير المضغوط | ٤٨٦ bytes (~٢٦٧ bytes gzipped) |
| رخصة SPDX والاستخدام التجاري | MIT - مجاني للاستخدام التجاري |
| Upstream Source | https://github.com/danklammer/bytesize-icons |
| صيغ التصدير المدعومة | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| ضمان الأمان والخصوصية | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح |
كيف تستخدم هذه الأيقونة وتخصصها: تنبيه
- خصّص بصرياً: اللون, تلقائي (خط وتعبئة), سماكة الخط (
0.5px-4px), إعدادات حركة متجهة مباشرة - نزّل المتجه أو الصورة: تحميل SVG, PNG (شفاف), WebP (محسّن) (
2048x2048 px) - انسخ كود الإطار: انسخ كوداً جاهزاً لـ React و Next.js و Vue 3 و Svelte و Angular و HTML وأقنعة CSS.
- تحرير متجه عميق: التحرير في محرر SVG (٧٧٬٠٨٧)
نصيحة الوصولية (WCAG 2.1): أخفِ الأيقونات الزخرفية بـ aria-hidden و focusable false. وأعطِ أزرار الأيقونة وحدها aria-label واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار.
alert.svg aria-hidden="true" focusable="false"
مطابقات من مكتبات أخرى ("تنبيه")
قارن هذه الأيقونة مع مكتبات متجهة مفتوحة المصدر أخرى.
المزيد في واجهات المستخدم (UI/UX)
تصفحoutline
تنبيه
MingCute Icons|interfacesolid
تنبيه
MingCute Icons Fill|interfacesolid
Close Square (MingCute Icons Fill)
MingCute Icons Fill|interfaceoutline
Coat (MingCute Icons)
MingCute Icons|interfacesolid
Filled Action Action Swap Vert (Material Icons)
Material Icons|interfacesolid
Filled Action Action Swipe Right Alt (Material Icons)
Material Icons|interface
Outline Circle Dashed (Lucide)
Lucide|interface
Filled Grid 3x2 Gap Fill (Bootstrap Icons)
Bootstrap Icons|interface
Filled Crop Portrait (Tabler Icons)
Tabler Icons|interface
Filled Device Floppy (Tabler Icons)
Tabler Icons|interface
Chicken Zodiac (IconPark)
IconPark|interface
Filled Action Action Update Disabled (Material Icons)
Material Icons|interface
Cursor Pixel Voxel Sword (Mouse)
Mouse|interface
Cursor Text (MingCute Icons)
MingCute Icons|interface
Svelte (SVG Icons Collection)
SVG Icons Collection|interface
Filled Mouse Fill (Bootstrap Icons)
Bootstrap Icons|interface
Bold Detective Bold (Phosphor Icons)
Phosphor Icons|interface
Bold Device Tablet Bold (Phosphor Icons)
Phosphor Icons|interface
Distribute Spacing Vertical (MingCute Icons Fill)
MingCute Icons Fill|interface
Column (IconPark)
IconPark|interface
Filled Postage Fill (Bootstrap Icons)
Bootstrap Icons|interface
Yin Yang (SVG Icons Collection)
SVG Icons Collection|interface
Nike (Domain Icons)
Domain Icons|interface
Bold Escalator Up Bold (Phosphor Icons)
Phosphor Icons|interfaceاستكشف المزيد
الأسئلة الشائعة
تنبيه - الأسئلة الشائعة
ما الترخيص الذي يغطي تنبيه؟ +
يأتي تنبيه من Bytesize Icons ويخضع لترخيص MIT. الإسناد: ذكر المصدر مطلوب.
بأي تنسيقات يمكنني تنزيل تنبيه؟ +
تنبيه متجه بنمط outline (viewBox 0 0 32 32). نزّل SVG أو PNG أو WebP أو ICO، أو انسخ كود React TSX أو Vue 3 أو Svelte أو Tailwind CSS أو CSS Mask أو Base64 من هذه الصفحة.
من أين يأتي رمز تنبيه؟ +
تنبيه جزء من مكتبة Bytesize Icons بواسطة Dan Klammer، في فئة واجهات المستخدم (UI/UX). النص الكامل للترخيص موجود في ملف إشعار المكتبة المرتبط في هذه الصفحة.
معالجة محلية 100% داخل المتصفح | ٧٧٬٠٨٧ أيقونة
محرر SVG
حرّر المسارات والطبقات والألوان والحركات في متصفحك، ثم صدّر SVG نظيفاً أو PNG أو كود أطر العمل.