outline
1. اللون
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة
مضمّنة في تصدير SVG
أيقونة SVG: Dial
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Dial - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
dial.svg (٥٤٢ B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8" width="36" height="36" fill="currentColor" role="img" aria-label="Dial icon"><title>Dial - Open Iconic icon</title><desc>Free Dial vector icon from the Open Iconic open-source icon library; outline style, MIT licence, viewBox 0 0 8 8, 311 bytes.</desc> <path d="M4 0c-2.2 0-4 1.8-4 4h1c0-1.66 1.34-3 3-3s3 1.34 3 3h1c0-2.2-1.8-4-4-4zm-.59 2.09c-.81.25-1.41 1.01-1.41 1.91 0 1.11.9 2 2 2 1.11 0 2-.89 2-2 0-.9-.59-1.65-1.41-1.91l-.59.88-.59-.88z" transform="translate(0 1)" /> </svg>
أمر ذكي ومحسّن المتجهات
تريد تحسين هذه الأيقونة أو تغيير نمطها؟ Dial
أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. Dial
منشئ أوامر يعمل بالكامل في المتصفح
التحقق من مصدر الأيقونة ورخصتها
LICENSE.txt
Library: Open Iconic | Author: Waybury | License: MIT | Source: https://github.com/iconic/open-iconic | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
كلمات مفتاحية
#dial
#open
#iconic
#interface
#outline
Dial - المواصفات التقنية للمتجه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Dial
| المعرّف الأساسي للأصل | open-iconic/dial |
|---|---|
| حزمة المكتبة المصدر | Open Iconic |
| شبكة الإحداثيات و viewBox | viewBox="0 0 8 8" |
| الحجم غير المضغوط | ٥٤٢ bytes (~٢٩٨ bytes gzipped) |
| رخصة SPDX والاستخدام التجاري | MIT - مجاني للاستخدام التجاري |
| Upstream Source | https://github.com/iconic/open-iconic |
| صيغ التصدير المدعومة | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| ضمان الأمان والخصوصية | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح |
كيف تستخدم هذه الأيقونة وتخصصها: Dial
- خصّص بصرياً: اللون, تلقائي (خط وتعبئة), سماكة الخط (
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 واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار.
dial.svg aria-hidden="true" focusable="false"
المزيد في واجهات المستخدم (UI/UX)
تصفحsolid
Align Vertical Center (MingCute Icons Fill)
MingCute Icons Fill|interfaceoutline
Accessibility Hand 01 (Domain Icons)
Domain Icons|interfacesolid
16px Solid At Symbol (Heroicons)
Heroicons|interfaceoutline
Align Right (IconPark)
IconPark|interfaceoutline
موبايل
Bytesize Icons|interface
Dismiss Circle 48 Color (Fluent UI Color)
Fluent UI Color|interface
Arrows Left (MingCute Icons Fill)
MingCute Icons Fill|interface
Accessibility Sign 12 (Domain Icons)
Domain Icons|interface
Minus Circle (Ant Design TwoTone)
Ant Design TwoTone|interface
Cursor Satellite Beam (Mouse)
Mouse|interface
Baby Carriage (MingCute Icons)
MingCute Icons|interface
Cursor Spear Valkyrie (Mouse)
Mouse|interface
Filled Battery (Tabler Icons)
Tabler Icons|interface
Setting (Ant Design TwoTone)
Ant Design TwoTone|interface
Filled Bike (Tabler Icons)
Tabler Icons|interface
Anim Checkbox Tick (Mouse)
Mouse|interface
Bilibili (MingCute Icons Fill)
MingCute Icons Fill|interface
Filled Action Action Flaky (Material Icons)
Material Icons|interface
Filled Action Action Gif Box (Material Icons)
Material Icons|interface
Banana (IconPark)
IconPark|interface
Bold Blueprint Bold (Phosphor Icons)
Phosphor Icons|interface
Bread (MingCute Icons)
MingCute Icons|interface
Filled Capsule (Tabler Icons)
Tabler Icons|interfaceاستكشف المزيد
الأسئلة الشائعة
Dial - الأسئلة الشائعة
ما الترخيص الذي يغطي Dial؟ +
يأتي Dial من Open Iconic ويخضع لترخيص MIT. الإسناد: ذكر المصدر مطلوب.
بأي تنسيقات يمكنني تنزيل Dial؟ +
Dial متجه بنمط outline (viewBox 0 0 8 8). نزّل SVG أو PNG أو WebP أو ICO، أو انسخ كود React TSX أو Vue 3 أو Svelte أو Tailwind CSS أو CSS Mask أو Base64 من هذه الصفحة.
من أين يأتي رمز Dial؟ +
Dial جزء من مكتبة Open Iconic بواسطة Waybury، في فئة واجهات المستخدم (UI/UX). النص الكامل للترخيص موجود في ملف إشعار المكتبة المرتبط في هذه الصفحة.
معالجة محلية 100% داخل المتصفح | ٧٦٬١٦٦ أيقونة
محرر SVG
حرّر المسارات والطبقات والألوان والحركات في متصفحك، ثم صدّر SVG نظيفاً أو PNG أو كود أطر العمل.