outline
1. اللون
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة
مضمّنة في تصدير SVG
أيقونة SVG: زر
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. زر - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
button.svg (٧٧٢ B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Button icon"><title>Button - MingCute Icons Fill icon</title><desc>Free Button vector icon from the MingCute Icons Fill open-source icon library; solid style, Apache-2.0 licence, viewBox 0 0 24 24, 492 bytes.</desc><path fill="currentColor" d="M19 5a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-2.996-2.846L2 16V8a3 3 0 0 1 3-3zM8.75 9A2.75 2.75 0 0 0 6 11.75v.5a2.75 2.75 0 1 0 5.5 0v-.5A2.75 2.75 0 0 0 8.75 9m8.957.293a1 1 0 0 0-1.414 0L15 10.586V10a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-.5h.086l1.207 1.207a1 1 0 1 0 1.414-1.414L16.414 12l1.293-1.293a1 1 0 0 0 0-1.414M8.75 11a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75"/></svg>
أمر ذكي ومحسّن المتجهات
تريد تحسين هذه الأيقونة أو تغيير نمطها؟ زر
أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. زر
منشئ أوامر يعمل بالكامل في المتصفح
التحقق من مصدر الأيقونة ورخصتها
LICENSE.txt
Library: MingCute Icons Fill | Author: MingCute Design | License: Apache-2.0 | Source: https://github.com/mingcute-design/mingcute-icons | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
كلمات مفتاحية
#button
#mingcute
#fill
#interface
#solid
زر - المواصفات التقنية للمتجه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. زر
| المعرّف الأساسي للأصل | mingcute-fill/button |
|---|---|
| حزمة المكتبة المصدر | MingCute Icons Fill |
| شبكة الإحداثيات و viewBox | viewBox="0 0 24 24" |
| الحجم غير المضغوط | ٧٧٢ bytes (~٤٢٥ bytes gzipped) |
| رخصة SPDX والاستخدام التجاري | Apache-2.0 - مجاني للاستخدام التجاري |
| Upstream Source | https://github.com/mingcute-design/mingcute-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 واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار.
button.svg aria-hidden="true" focusable="false"
مطابقات من مكتبات أخرى ("زر")
قارن هذه الأيقونة مع مكتبات متجهة مفتوحة المصدر أخرى.
outline
زر
MingCute Icons|interfaceالمزيد في واجهات المستخدم (UI/UX)
تصفحoutline
زر
MingCute Icons|interfaceoutline
Ad Rectangle (MingCute Icons)
MingCute Icons|interfacesolid
Filled Badge Ar Fill (Bootstrap Icons)
Bootstrap Icons|interfacesolid
Filled Binoculars Fill (Bootstrap Icons)
Bootstrap Icons|interfacesolid
Fill Airplay Fill (Phosphor Icons)
Phosphor Icons|interfacesolid
Fill Arrows In Cardinal Fill (Phosphor Icons)
Phosphor Icons|interface
Border Right (MingCute Icons)
MingCute Icons|interface
Filled Diamond Fill (Bootstrap Icons)
Bootstrap Icons|interface
Fill City Fill (Phosphor Icons)
Phosphor Icons|interface
Outline Virus (Tabler Icons)
Tabler Icons|interface
Outline Wash Machine (Tabler Icons)
Tabler Icons|interface
Round Places Places Child Care (Material Icons)
Material Icons|interface
Round Search Search Bed (Material Icons)
Material Icons|interface
Round Social Social Catching Pokemon (Material Icons)
Material Icons|interface
Apps List 32 Color (Fluent UI Color)
Fluent UI Color|interface
سيارة
Ant Design TwoTone|interface
Accessibility Ear 05 (Domain Icons)
Domain Icons|interface
Basket (Open Iconic)
Open Iconic|interface
Accessibility Ear 16 (Domain Icons)
Domain Icons|interface
قاعدة بيانات
Ant Design TwoTone|interface
Outline Antenna (Lucide)
Lucide|interface
Euro (Ant Design TwoTone)
Ant Design TwoTone|interface
Accessibility Hand 12 (Domain Icons)
Domain Icons|interface
Cog (Open Iconic)
Open Iconic|interfaceاستكشف المزيد
الأسئلة الشائعة
زر - الأسئلة الشائعة
ما الترخيص الذي يغطي زر؟ +
يأتي زر من MingCute Icons Fill ويخضع لترخيص Apache-2.0. الإسناد: ذكر المصدر مطلوب.
بأي تنسيقات يمكنني تنزيل زر؟ +
زر متجه بنمط solid (viewBox 0 0 24 24). نزّل SVG أو PNG أو WebP أو ICO، أو انسخ كود React TSX أو Vue 3 أو Svelte أو Tailwind CSS أو CSS Mask أو Base64 من هذه الصفحة.
من أين يأتي رمز زر؟ +
زر جزء من مكتبة MingCute Icons Fill بواسطة MingCute Design، في فئة واجهات المستخدم (UI/UX). النص الكامل للترخيص موجود في ملف إشعار المكتبة المرتبط في هذه الصفحة.
معالجة محلية 100% داخل المتصفح | ٧٧٬٠٨٧ أيقونة
محرر SVG
حرّر المسارات والطبقات والألوان والحركات في متصفحك، ثم صدّر SVG نظيفاً أو PNG أو كود أطر العمل.