outline
1. اللون
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة
مضمّنة في تصدير SVG
أيقونة SVG: فلتر
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. فلتر - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
filter.svg (٥٠٦ B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg id="i-filter" 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="Filter icon"><title>Filter - Bytesize Icons icon</title><desc>Free Filter vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 285 bytes.</desc>
<path d="M2 5 C2 5 6 3 16 3 26 3 30 5 30 5 L19 18 19 27 13 30 13 18 2 5Z" />
</svg>
أمر ذكي ومحسّن المتجهات
تريد تحسين هذه الأيقونة أو تغيير نمطها؟ فلتر
أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. فلتر
منشئ أوامر يعمل بالكامل في المتصفح
التحقق من مصدر الأيقونة ورخصتها
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
كلمات مفتاحية
#filter
#bytesize
#interface
#outline
فلتر - المواصفات التقنية للمتجه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. فلتر
| المعرّف الأساسي للأصل | bytesize/filter |
|---|---|
| حزمة المكتبة المصدر | 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 واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار.
filter.svg aria-hidden="true" focusable="false"
مطابقات من مكتبات أخرى ("فلتر")
قارن هذه الأيقونة مع مكتبات متجهة مفتوحة المصدر أخرى.
المزيد في واجهات المستخدم (UI/UX)
تصفحoutline
فلتر
MingCute Icons|interfacesolid
فلتر
MingCute Icons Fill|interfaceoutline
فلتر
IconPark|interfaceoutline
Outline Filter Plus (Tabler Icons)
Tabler Icons|interfaceoutline
Outline Layout Sidebar Right Collapse (Tabler Icons)
Tabler Icons|interfaceoutline
Retail Box 14 (Domain Icons)
Domain Icons|interface
Outlined Places Places Smoke Free (Material Icons)
Material Icons|interface
Outline Letter X (Tabler Icons)
Tabler Icons|interface
Outlined Social Social Boy (Material Icons)
Material Icons|interface
Outlined Social Social Domain (Material Icons)
Material Icons|interface
Fill Queue Fill (Phosphor Icons)
Phosphor Icons|interface
Fill Resize Fill (Phosphor Icons)
Phosphor Icons|interface
Fill Selection Background Fill (Phosphor Icons)
Phosphor Icons|interface
Sustainability Recycle 14 (Domain Icons)
Domain Icons|interface
Tech Circuit 03 (Domain Icons)
Domain Icons|interface
Abs (MingCute Icons Fill)
MingCute Icons Fill|interface
Anthropic (SVG Icons Collection)
SVG Icons Collection|interface
Clock Circle (Ant Design TwoTone)
Ant Design TwoTone|interface
British Pound (Open Iconic)
Open Iconic|interface
Filled Backpack Fill (Bootstrap Icons)
Bootstrap Icons|interface
Filled Badge Cc Fill (Bootstrap Icons)
Bootstrap Icons|interface
Filled Badge Wc Fill (Bootstrap Icons)
Bootstrap Icons|interface
Chakraui (SVG Icons Collection)
SVG Icons Collection|interface
Data Line 32 Color (Fluent UI Color)
Fluent UI Color|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 أو كود أطر العمل.