outline
1. اللون
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة
مضمّنة في تصدير SVG
أيقونة SVG: إغلاق
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. إغلاق - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
close.svg (٤٦٢ B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg id="i-close" 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="Close icon"><title>Close - Bytesize Icons icon</title><desc>Free Close vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 242 bytes.</desc>
<path d="M2 30 L30 2 M30 30 L2 2" />
</svg>
أمر ذكي ومحسّن المتجهات
تريد تحسين هذه الأيقونة أو تغيير نمطها؟ إغلاق
أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. إغلاق
منشئ أوامر يعمل بالكامل في المتصفح
التحقق من مصدر الأيقونة ورخصتها
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
كلمات مفتاحية
#close
#bytesize
#interface
#outline
إغلاق - المواصفات التقنية للمتجه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. إغلاق
| المعرّف الأساسي للأصل | bytesize/close |
|---|---|
| حزمة المكتبة المصدر | 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 واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار.
close.svg aria-hidden="true" focusable="false"
مطابقات من مكتبات أخرى ("إغلاق")
قارن هذه الأيقونة مع مكتبات متجهة مفتوحة المصدر أخرى.
المزيد في واجهات المستخدم (UI/UX)
تصفحoutline
إغلاق
MingCute Icons|interfacesolid
إغلاق
MingCute Icons Fill|interfaceoutline
إغلاق
IconPark|interface3d
إغلاق
3D Vector Icons|3d-iconsoutline
Sharp Editor Editor Border Top (Material Icons)
Material Icons|interfaceoutline
Sharp Editor Editor Format Strikethrough (Material Icons)
Material Icons|interface
Sharp Editor Editor Rectangle (Material Icons)
Material Icons|interface
Regular Windmill (Phosphor Icons)
Phosphor Icons|interface
Thin Arrows Vertical Thin (Phosphor Icons)
Phosphor Icons|interface
Thin Calendar Check Thin (Phosphor Icons)
Phosphor Icons|interface
Abs (MingCute Icons)
MingCute Icons|interface
Accessibility Access 06 (Domain Icons)
Domain Icons|interface
Anthropic (SVG Icons Collection)
SVG Icons Collection|interface
Filled Align Box Bottom Left (Tabler Icons)
Tabler Icons|interface
Outline Align Start Horizontal (Lucide)
Lucide|interface
حقوق النشر
Ant Design TwoTone|interface
British Pound (Open Iconic)
Open Iconic|interface
Filled Backpack Fill (Bootstrap Icons)
Bootstrap Icons|interface
خبز
SVG Icons Collection|interface
Caddy (SVG Icons Collection)
SVG Icons Collection|interface
Collapse Down (Open Iconic)
Open Iconic|interface
Data Line 32 Color (Fluent UI Color)
Fluent UI Color|interface
Data Transfer Upload (Open Iconic)
Open Iconic|interface
Asterisk 2 (MingCute Icons)
MingCute 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 أو كود أطر العمل.