مدخلمجموعة من الصور التوضيحية. العفريت أو الرمز
على الرغم من حقيقة أن التغييرات في اتجاهات التصميم واجهة المستخدملم يكن هذا العام كبيرا كما شاهدنا في السنوات السابقة، كان من الواضح أنه أكثر مثالية وأكثر تخصيصا ومغطا بالكامل وخلط جميع أفضل الأنماط من الرموز التي كانت شعبية سابقا.
ربما هذا العام لم يكن "العائد" للغاية لرموز التصميم، ولكن مع ذلك، عدة مجموعات مثيرة للاهتمامالذي يستحق انتباهكم، لا يزال مضاء في الأفق. في هذا الاستعراض، أقترح للنظر في أفضل 50 (بحتة في رأيي) مجموعات مجانية الرموز التي تظهر في الوصول المفتوح لعام 2017. جميع المجموعات مجانية تماما ومتاحة للتحميل دون أي قيود. تحت كل صورة هناك روابط إلى الموارد بالنقر فوق التي ستتمكن من التعرف عليها بالتفصيل مع مجموعة أيقونة المفضلة لديك وإذا كنت ترغب في التنزيل.
تعد أيقونات كونتور أو الخطية تحظى بشعبية كبيرة في عالم تطوير الويب، لأنها تختلف عن البساطة الخاصة للنماذج وبساطة، دون التضحية بإعلام المعلومات. بالإضافة إلى ذلك، معظمهم، يمكن استخدام الصور التوضيحية المقدمة ليس فقط للمواقع، فهي أيضا رائعة للتطبيقات منصة أندرويد و ios.
مجموعة ضخمة حقا من أيقونات عالية الجودة لجميع المناسبات. حتى الآن، يتم تقديم حوالي 60،000 رموز بأي شكل وحجم ولون اللون. يتم تحديث المكتبة يوميا وإعادة تجديدها، من 3 إلى 20 رموز يوميا.
عدد: 60 000 +
التنسيقات: SVG، AI، EPS، PNG، PDF، الخطوط
تتضمن الحزمة 1800 رموز على الخلفية البيضاء والأسود في التنسيقات: .sketch. cpsd .ai .svg و .بي إن جي..
مجموعة صغيرة من الرموز الخطية عالية الجودة بالتنسيق .ai.
حزمة مجانية من 70 أيقونات ناقلات في التنسيقات .sketcheth .ai.
أيقونات ناقلات في التنسيقات منظمة العفو الدولية، EPS. و SVG.
مجموعة جيدة من 90 الرموز المخططية المجانية، وكذلك الرموز مع ملء الخلفية الصلبة، لرسم ومصور.
bytesize.
مجموعة ممتازة من الرموز المجانية بالتنسيق SVG.وبعد يتم تشفير كل أيقونة يدويا على شبكة 32 × 32 وتستخدم شريط SVG، مما يضمن أقصى قدر من المرونة على الطريقة؛ هذا يعني أنه يمكنك تخصيص الوزن واللون والحجم، وإذا لزم الأمر، اجعل أيقونات الحواف مدورة أو مربع.
تقدم المجموعة 38 أيقونات كفاف من أدوات محرر الصور الشائعة، وتتوفر أيقونات تنزيل مجاني في تنسيقات AI و EPS و SVG و PNG شفافة (1024 بكسل).
مجموعة رائعة من أيقونات الكفاف المجانية تماما .png .pdf .svg .sketch .ai
مجموعة صغيرة من الرموز المصغرة عالية الجودة.
التنسيقات: AI، EPS، PNG، SVG
أبعاد: 16 × 16، 32 × 32
أيقونات على CSS الخالص
يقدم هذا القسم من المراجعة الموارد التي توفر حزم الوصول المجانية أيقونات تم تطويرها cSS نقي.وبعد بديل ممتاز لاستخدام الصور كأيقونات. لتوصيل مكتبات الرموز هذه، ملف واحد يكفي. CSS، أيضا بالنسبة للجزء الأكبر، توفر هذه الموارد القدرة على توصيل مجموعات الرموز مباشرة من خواديبهم، وهي مريحة للغاية.
يتضمن 512 رموز، تم تجديد المكتبة بانتظام.
أيقونات مكتبة صغيرة على CSS الخالص.
مجموعات من الرموز متعددة الألوان الملونة
مجموعة من 30 أيقونات خطية اللون بألوان الباستيل الطازجة. تتضمن المجموعة الرموز بتنسيق متجه (SVG) و PNG من أحجام مختلفة.
120+ الرموز الملونة الحرة في تنسيق PSD
مجموعة من 30 أيقونات متساوي القياس المسطحة. يتم تحرير جميع الرموز المدرجة في المجموعة بالكامل وتكوينها في Illustrator. إكمال مختلف أحجام PNG.
التنسيقات: AI، EPS، PNG
أبعاد: 57PX، 114PX، 228PX، 456 بكسل، 912px
مجموعة من 24 أيقونات متعددة الألوان مع موضوع الرياضات المائية. يتم توفير الرموز بتنسيق SVG وتم تصميمها باستخدام نظام ألوان صيفي خفيف وصيف.
مجموعات من الرموز في تصميم المواد
تم تصميم هذه الرموز لتصبح قياسية للتطبيقات التي يتم تنفيذها في النمط الموحد للتصميم "المواد"، والتي قدمت Google فيها نسخة أندرويد 5.0. في الوقت نفسه، فهي مناسبة بنفس القدر مناسبة لتطبيقات Android، وللإحواء iOS، وللأي تطبيقات الويب.
250 أيقونات في شكل رسم
هذه مجموعة من 900+ أيقونات Google لتطبيق Sketch. كلهم في البداية من مكتبات جوجلالتي يتم تحديثها بشكل دوري وتجديدها.
أيقونات الشخصيات والتصوير التوضيحية
مجموعات مجانية من الرموز من مختلف الشخصيات والتصوير التوضيحية.
مواضيع عالمية - مجموعة من أيقونات ناقلات
تتضمن المجموعة 100 رموز متجهية، والتي تم تصميمها المطالب الحديثة تصميم الويب، يتم تقديم الرموز بتنسيق SVG، حتى تتمكن من تحرير وتوسيع وتغيير لون الرموز حتى تحصل على النتيجة التي تحتاج إليها.
مجموعة من 90 رمز لطيف متعدد الأغراض في التنسيقات .رسم. و .ai.
مجموعة من الرموز في PSD، AI، EPS، PDF، SVG، رسم، WebFont
مجموعة مجانية متطورة من 70 رموز أساسية في نسختين، لخلفية خفيفة ومظلمة. ملفات AI ورسمها كاملة.
توفر المكتبة المجانية من 100 رموز الخط، أيضا في الأرشيف جميع رموز الصفحة التجريبية، وتنسيقات ملفات i.svg على الويب.
تتضمن مجموعة واجهة المستخدم UI 100 رموز متجهية مصممة لتلبية ميزات واجهات المستخدم والرموز في تنسيق SVG وإصدارات Contour وملونة. يمكنك استخدام هذه الرموز بحرية في مشاريعك الشخصية والتجارية.
مجموعات من الرموز الرسومية ومصمم الويب
تحتوي هذه المجموعة على 33 أيقونات متجهية قابلة للتوسعة بالكامل في نمط Contour. كل أيقونة متوفرة في تنسيقات EPS و AI و PSD و PNG و SVG.
25 أيقونات من أرقام تصميم الفئة
مجموعة مثيرة للإعجاب الرموز الجميلة اليدوية، تتكون من 25 قابلة للتحرير بسهولة وعلى استعداد لاستخدام الرموز المتاحة مجانا تماما. يأتي في خيارات لونين (Mango & Icicle) وجميع التنسيقات المريحة: AI، EPS، SVG و PNG.
يمكنك استخدام هذه الرموز للمشاريع الشخصية والتجارية.
التنسيقات: AI، EPS، SVG، PNG
أبعاد: 16 × 16، 32 × 32
مجموعة من أيقونات الأدوات الفنية
تحتوي مجموعة من الرموز المجانية على ملفات ناقلات في تنسيقات Illustrator AI I.SVG، وكذلك في تنسيق PNGوالخيارات المتاحة، في كل من الألوان وفي الأساليب الخطية، في 5 أحجام (32px، 64px، 128px، 256px و 512px)
يتم تقديم الرموز في جميع التنسيقات المريحة: EPS، AI، SVG و PNG.
مجموعات من الرموز المسطحة
يقدم هذا القسم مجموعات مجانية من الرموز إلى أهم الموضوعات في أفضل تقاليد النمط المسطح. سيسمح لك استخدام الرموز المسطحة في التصميم بإجراء موقع ويب أو تطبيق أنيق وحديث ومفهم للمستخدم.
النقط.
مجموعة مجانية من 1000 رمز في مخططات الألوان الزاهية، والتي قدمت في صيغ (AI، PSD & SVG)
خط مسطح - مجموعة أيقونات UX & التجارة الإلكترونية
83 أيقونات بأسلوب مسطح لواجهة المستخدم و التجارة الإلكترونية
مكتبة ضخمة حقا من الرموز في أنماط مختلفة للاستخدام الشخصي والتجاري، بما في ذلك مجموعة كبيرة من الرموز في التصميم المسطح. تتوفر الرموز المجانية بأحجام مختلفة تصل إلى 72 بكسل وفي تنسيق PNG. يمكنك تنزيل الحزمة بأكملها وكل منها مثل الرمز بشكل منفصل، بعد تحديد الحجم الذي تحتاجه
يتم تقديم مجموعة الرموز لتصميم مساحة العمل في الوصول المجاني في تنسيقات AI & EPS.
تقدم المجموعة 70 أيقونات واجهة مستخدم مختلفة في تنسيقات SVG و PNG.
مجموعات من رموز الأعمال والتجارة الإلكترونية
مجموعة من 36 أيقونات مجانية للبنوك والمال، هذه أيقونات النمط المسطحة مثالية للتطبيقات أو المواقع المرتبطة بالأنشطة المصرفية. يتم تقديم الرموز في نماذج متجه (AI، PSD، EPS، PNG & SVG) وبالتالي يتم تحريرها بسهولة وتغييرها.
يتم تعيين المجموعة بأسلوب مسطح، مع استكمال 50 رموز مشرقة تغطي جميع المجالات الرئيسية للتجارة الإلكترونية، بما في ذلك أيقونات أيقونات حالة السلة وأيقونات طريقة الدفع وأيقونات التسليم والكثير. يتم تقديم الرموز في تنسيقات SVG و PNG، يمكنك استخدامها بحرية في مشاريعك الشخصية والتجارية.
يتم تقديم 50 أيقونة ملونة في مواضيع أعمال على الطراز المسطح في تنسيقات AI و SVG، لذلك يمكن تحجيمها بسهولة، دون أن تفقد جودة الصورة، مثالية لتصاميم الويب التكيفية. يمكنك استخدامها بحرية في مشاريعك الشخصية والتجارية.
مجموعة مجانية من 40 رمز متجه على التجارة الإلكترونية. نسخة مجانية يحتوي على ملفات Adobe Illustrator (.AI)، PDF وملفات PostScript (.EPS) المغلقة.
مجموعات من الرموز في موضوع الطقس
حزمة أيقونات الطقس التي تحتوي على 30 رموز رائعة في التنسيقات .بي إن جي. و .رسم.وبعد تتناسب تماما مع تصميم التطبيقات ومواقع الطقس.
أيقونات الخط CSS Large CSS مع 222 رمز الطقس جاهز للاتصال ب Bootstrap أو أي مشروع آخر مطلوب أيقونات الأرصاد الجوية عالية الجودة. يتم تحديث المجموعة بانتظام وتجديد.
بطبيعة الحال، فإن الموارد المقدمة في الاختيار، فهي جزء صغير فقط من مجموعة كاملة من التطورات في التصميم السابقة والتي ظهرت خلال هذا العام. الموارد الشائعة والمقيدة بشكل جيد، معظمها لا يحتاج إلى رؤية، بحيث هذا الاستعراض حاولت تخصيص عمل جديد وعالي الجودة نسبيا. آمل أن يأتي شخص ما في متناول يدي.
مع كل الاحترام، أندرو
أيقونات PSD هي عنصر لا غنى عنه في أي تصميم واجهة مستخدم لا غنى عنه، وليس أدنى من أهمية الخطوط، ولكن في الممارسة العملية نادرا ما تشارك في تطوير الرموز الخاصة لكل مشروع ويب. من ناحية أخرى، يستغرق البحث عن جودة وتصميم الرموز المناسبة الكثير من الوقت، ولكن اليوم قررنا مساعدتك، وأعد مجموعة مختارة من مجموعات الرموز المجانية لجميع المناسبات.
01. الرموز 8.
الرموز 8 - مجموعة من 20 ألف رموز مسطحة في أي صيغ وأحجام ولون! فيما يلي فئات مثل الأعمال والملابس والطعام وغيرها الكثير. يمكن تنزيل Icons8 كتطبيق لنظام التشغيل Mac أو في شكل أرشيف مضغوط.
02. freepik.
مجموعة مشرقة من أيقونات ناقلات من الموارد المتخصصة Freepik هو مجرد واحدة من مجموعات المقدمة. إنه مثالي للمشاريع التجارية والمستقلة. بالإضافة إلى ذلك، يمكن أن يكون تنزيل أيقونات PSD في .AI، .EPS وتنسيقات .svg.
03. iconfinder.
تحتوي هذه المجموعة المصنوعة بالأبيض والأسود على مزيج من أيقونات ناقلات وظيفية واضحة وعاطفية. بجانب الرموز القياسية تحتوي هذه المجموعة على أيقونات في شكل قلوب وعينين، والتي ستتيح لك إعطاء مشاريعك الخاصة اللون العاطفي.
04. 195 Flag Flag PSD الرموز
مجموعة أيقونة PSD ممتازة لموقع يمكن استخدامها في تطوير موقع دولي أو متجر عبر الإنترنت أو مدونة للسفر. تتضمن المجموعة 195 أيقونات مجانية مع زوايا مدورة.
05. مجموعة أيقونة مترو واجهة المستخدم
إذا كنت مروحة Windows 8، فعليك التعرف على هذه المجموعة المجانية من الرموز. ويشمل 700 رموز مزينة جيدا يمكن استخدامها بحرية في مشاريع أي نوع.
06. أيقونات UI الحديثة
مجموعة أخرى من الرموز المجانية التي يمكن استخدامها عند إنشاء واجهة مستخدم البرمجيات لنظام التشغيل Windows أو لنظام Android / iOS. عن طريق تنزيل هذه المجموعة، ستتلقى 1000 شقة، تم إنشاؤها يدويا، والرموز، بما في ذلك حتى الرموز لستائر التطبيق في Windows Phone.
07. 350 بكسل الرموز المثالية
مجموعة لا تصدق من 350 أيقونات واضحة تماما للتطبيقات أو المواقع. في الوقت نفسه، يمكن تغييرها في الحجم دون فقدان الجودة.
08. 80 الرموز الصغيرة
80 أيقونات مصغرة واضحة تماما يمكنها تنزيل كل من تنسيق PSD وكخط أيقوني. هذه أيقونات PSD الاجتماعية المرتبة والمتطورة هي مثالية لمشاريع أي نوع.
09. أيقونة الويب البسيطة والعملية
العديد من الرموز المفيدة التي يمكن استخدامها في المشاريع الشخصية والتجارية.
10. أيقونات مسطحة مجانية
مجموعة من الرموز المصنوعة بأسلوب مسطح، من بينها اختيار التقويم والبريد الإلكتروني والساعة والبطاقات وأكثر من ذلك.
11. مونو الرموز
مجموعة تتضمن 108 رموز أحادية اللون فريدة مصنوعة بأسلوب بساطتها. كلهم متوفرون بتنسيق PNG بحجم 32 إلى 32.
12. مكياج الرموز
مجموعة مكاتب مترو مجانية، والتي يمكن استخدامها في التطبيقات الخاصة بك ومشاريع الويب الخاصة بك. أيقونات الشبكات الاجتماعية PSD مجانية للاستخدام الشخصي والتجاري. يحتوي الأرشيف ليس فقط على تنسيقات PSD و SVG و ESP و AI، ولكن أيضا خطوط الويب.
13. علامة التبويب الرموز IOS 7
مجموعة أنيقة من الرموز المصممة تحت الإلهام من iOS 7، والتي يمكنك استخدامها في التطبيقات الخاصة بك. يمكنك تنزيل الرموز في التنسيقات التالية: PSD، AI و ESP.
14. مجموعة أيقونة مكتنزة بيكا
أيقونات أسلوب بيكا التي أنشأتها وكالة الأيقونة الهولندية من الدنمارك. تتضمن هذه المجموعة 42 أيقونات واضحة تماما.
15. iconic.
مجموعة أخرى من الرموز البسيطة ولكنها جذابة مثالية للتصميمات الضيقة. Iconic هي مجموعة مفتوحة المصدر التي يمكن تنزيلها في PNG و SVG و SWC وغيرها من الأشكال، والتي ستتيح لك تكييفها مع التصميمات الخاصة بك.
16. 44 ظلال من الرموز المجانية
مجموعة من 44 أيقونات. أنه يحتوي على أيقونات PSD للمنتدى، والتي ستقوم بسهولة بتحرير وتكييفها إلى مشاريعهم الخاصة.
17. مجموعة أيقونة رمزية
يتضمن الرمز المميز 128 أيقونات فريدة متوفرة بتنسيق ICO 16 إلى 16 بكسل، و 32 بكسل و 256 بكسل، وكذلك في تنسيق PNG بمبلغ 128 بكسل. يتم تمثيل كل أيقونة في الإصدارات المظلمة والضوء، ويتم تكملها بواسطة ملف PSD.
18. أيقونات مسطحة (PSD)
أيقونات Motley على الطراز المسطح والتي يمكن تنزيلها بتنسيق PSD وتحريرها تحت احتياجاتك الخاصة.
19. مجموعة أيقونات 32px مجانية
مجموعة ستجد فيها أيقونة PSD لأي جهة: سكايب، Facebook، Twitter، RSS، كوب من القهوة، "مثل" وأكثر من ذلك بكثير.
20. 48 أيقونات مصمم شقة
إذا كنت من محبي بساطتها، فحدد هذه المجموعة التي تريدها بالضبط. وهي تتألف من 48 أيقونات مجانية تعكس المهام المكتبية والجوانب الاجتماعية، وكذلك السفر. يتم عرض كل منهم بتنسيقات AI و PNG، ويمكن تحجيمها دون فقدان الجودة.
21. مجموعة أيقونات الباطلك
تتضمن المجموعة أكثر من 100 رموز، من بينها التقاويم، مكافحة الفيروسات، الساعة، بريد إلكتروني، التطبيقات مايكروسوفت أوفيس. , الشبكات الاجتماعية، وكذلك أكثر من ذلك بكثير.
22. ناقلات مصغرة مجانية
مجموعة من أكثر من 1000 رموز PSD التي طورتها أمر ICOJAM. كلهم أيضا في شكل PNG. إنها مثالية للاستخدام في تطوير موقع جديد، حيث يمكن استخدامها مجانا في المشاريع الشخصية والتجارية.
23. Eldorado مصغرة مجانية
المجموعة التالية من الرموز المصغرة من ICOJAM، والتي يتم فيها عرض أكثر من 1200 رموز بمبلغ 40 بكسل لكل 40 بكسل.
يمكن أيضا استخدام الرموز التي ستجدها على هذه الموارد لتوضيح المعلومات في عرض الشرائح وتزيينها بطاقات العمل، القائمة، النشرات وغيرها.
لقد كتبنا أن الرموز الموجودة على هذه المواقع مجانية، ولكن لا تزال تولي اهتماما لظروف التسابق، حيث يمكن أن تتغير في أي وقت.
01. تحطيم مجلة
22. pixelsmarket.
26. Blugraphic.
Blugraphic - خيارات PSD، PNG وأيقونات ناقلات. البحث محدود حسب العلامات، ولكن يمكنك الاشتراك في النشرة الإخبارية واستقبالها أسبوعيا اختيار مجاني بالبريد الالكتروني.
27. أيقونة صدمة.
صدمة أيقونة هي الآلاف من الرموز المجانية للاستخدام الشخصي. لتطبيق صورة في مشروع تجاري، تحتاج إلى إجراء دفعة لمرة واحدة.
28. CSS الكاتب
يقدم مؤلف CSS اختيارات أسبوعية من أفضل أيقونات الويب المجانية.
29. الذيل الإبداعي
تريد الرموز الطازجة؟ في الذيل الإبداعي هناك مجموعات لم تعد موجودة في أي مكان.
30. تحميل مجاني
يوفر All-Free-Download بحثا بسيطا وتنزيلا مباشرا PSD و PNG والمتجهات.
31. الأنا الرموز
تقدم أيقونات الأنا أكثر من 1500 رموز متميزة و 100 رموز متجهة مجانية. تزور أيضا الشركات التابعة من خلال النقر فوق أعلى أزرار لوحة الملاحة.
32. alienvalley.
على Alienvalley، مجموعة واسعة من الرموز عالية الجودة في مقابل عنوان بريدك الإلكتروني.
33. Dreamstale.
ستوفر لك Dreamstale أيقونات ممتازة مجانية ممتازة تخضع لتوجيهات التأليف.
34. duckfiles.
35. 1001 التنزيلات الحرة
1001 تنزيل مجاني متخصص في الرموز المسطحة التي تمثلها العديد من الخيارات الممتازة والغريبة.
36. graphicsbay.
37. pixeden.
على pixeden يمكنك البحث في الرموز في عدة أحجام. فيما يلي مجموعة واسعة من 16x16 إلى 512x512 بتنسيق PNG.
38. nounproject.
NounProject هو بحث مناسب وسهلة التحميل و جودة عالية الرموز. إشارة إلى المؤلف إلزامي. عضوية مع مساهمة شهرية تخفف من قيود التنزيل.
39. iconmonstr.
تقدم Iconmonstr أيقونات في العديد من الأحجام دون إشارة إلى التأليف.
40. fusionplate.
تصميم التكيف - موضوع شعبيوبعد منذ فترة طويلة كانت الشاشات خارج الأذونات القياسية، ويمكن أن تنظر المواقع أيضا إلى الجهاز بحجم النخيل والشاشات الكبيرة. يجب أن تبدو الموقع جيدة بنفس القدر بغض النظر عن حجم الجهاز وكثافة البكسل. لتكييف التصميم والمحتوى، هناك العديد من التقنيات والتقنيات المختلفة. رسومات فيكتور، SVG، في رأيي، واحدة من أكثر الموضوعات إثارة للاهتمام في هذا الاتجاه.
رسومات SVG مريحة للاستخدام للرموز، في حين أنها لن تبدو صابون على الأجهزة مع شبكية العين ويمكن امتدادها دون فقدان الجودة.
هنا، على سبيل المثال، واحد SVG-Sprite في 4 أحجام مختلفة، المصدر - 32PX:
تنظم SVG تماما مع هذه المهمة وغير مناسب للاستخدام في التخطيطات التكيفية.
يمكن أن تؤخذ الرموز للتصميم من مجموعات الانتهاء أو ارسم بنفسك.
مجموعات من الرموز الانتهاء
iconmelon.com.
مجموعة كبيرة من الرموز على مواضيع مختلفة. يتم دعوة الرموز التي تم تحميلها إلى إدراجها في HTML باستخدام الاستخدام.
icomoon.io.
أداة جميلة. لا يمكنك فقط اختيار وتحميل الرموز الجاهزة، ولكن يمكنك أيضا تنزيل خاصة بك والحصول عليها في شكل خط و / أو العفريت. جنبا إلى جنب مع العفريت، يقترح تحميل نسخة PNG الخاصة به.
flaticon.com.
مجموعة كبيرة، يتم تقسيم الرموز بسهولة إلى فئات. يمكن تنزيل الرموز المحددة في تنسيقات منفصلة (الخط، SVG، PNG) أو في كل مرة.
ارسم نفسك
لإنشاء مجموعة من الرموز تحتاج إلى محرر ناقلات:
- Adobe Illustrator - في رأيي، الأفضل. 599 فرك / شهر كجزء من الاشتراك السحابي الإبداعي؛
- inkscape - مجانا وغير مريحة للغاية؛
- رسم - لنظام التشغيل Mac، 79.99 دولار. لديها بعض المشاكل مع Vectorization من السكتات الدماغية، ولكن مريحة بشكل عام.
فقدان الوزن
يحتوي ملف SVG النهائي عادة على الكثير من عدم الاشتراك، لكنه محسن جيدا. يتم إزالة السمات غير الضرورية والمسافات والتحويلات من التعليمات البرمجية، وعدد الأحرف بعد أن تنخفض النقطة بالأرقام. ينخفض \u200b\u200bوزن الملف بنسبة 30-50٪. أدوات التحسين:
نخر - svgmin. - مهمة نخر باستخدام svgo.وبعد في الوقت نفسه، سيستغرق الملفات نفسها من المجلد المصدر، وتحسين وتضعف المجلد مع النتائج. مريح للغاية.
sprit أو iconscript؟
الخط هو بديل مناسب ل Sprite. ليس من الضروري أن تهتم بشبكة وترتيب الرموز، فمن المناسب إضافة أحرف جديدة، على الرغم من أن الأدوات الإضافية مطلوبة لهذا الغرض.
بمساعدة الخط، يمكنك إجراء أيقونات واحدة فوتون فقط، ولكن أيضا متعدد الألوان.
يمكن إجراء هذا الخط، على سبيل المثال، على موقع iComoon.io/app/. تسلسل تقريبي من الإجراءات:
- حدد الرموز من الطلب و / أو تنزيل بنفسك.
- انقر فوق زر الخط أدناه.
- في هذه الخطوة، يمكنك إعادة تعيين أحرف للرموز أو تنزيل الخط الناتج على الفور.
جنبا إلى جنب مع الخط في أربعة صيغ (.woff، .svg، .ttf، .eot) محملة مع CSS وملف تجريبي.
تعمل الخطوط المضمنة حتى في الساعة الثامنة، ولكن في الوقت نفسه لها مشاكل غير متوقعة مع الدعم في بعض المتصفحات الحديثة. لا يدعم Opera Mini خطوط مخصصة، ويتطلب فايرفوكس تعويذات للخادم حيث يكون الخط يكذب (حل باستخدام Base64)، يمكن ل Chrome تفريغ الخط إذا تركت علامة التبويب مفتوحة:
أيضا في Chrome على Windows7، قد تتجمد الصفحة ذات الخطوط المضمنة عند فتحها، وفي بعض المتصفحات الأخرى بدلا من الرموز قد تكون هناك أي شيء:
من مقال نظام أيقونة كريس كوير مع العفاريت SVG. رأيت بطريقة أو بأخرى الهيروغليفية في نفس المكان، ولكن الآن هناك SVG، لذلك لن تعمل الشاشة. يستخدم CSS-Tricks، بالمناسبة، بنشاط SVG في تصميمها الجديد، وتتخلى مطوري Codepen في محرر التصميم الجديد باستخدام خطوط الأيقونة لصالح SVG.
على الرغم من راحة الاستخدام، فإن مشاكل دعم الخطوط في هذه اللحظة اضطر إلى اتخاذ خيار لصالح الرموز على SVG.
أريد أن آمل أن تكون في المستقبل، ستكون خطوط مضمنة مدعومة بشكل أفضل.
كيف يكون هناك طرق لإدراج SVG لكل صفحة؟
شبح
.ICON (صورة الخلفية: URL (your.svg)؛)الايجابيات
- رمز قابلة للقراءة قصيرة
- الصورة مخزنة مؤقتا؛
minuses:
- طلب الخادم؛
- في المشغلين القدامى، يتم دعم SVG الخلفية غريبا: قد تنشأ المشكلات عند إضافة إطار إلى عنصر مع خلفية SVG، ويتم تشغيل الخلفيات فقط في Opera Mini دون عرض
- الرموز في الرش غير متوفرة لأساليب الصفحات؛
- العفاريت الكبيرة يمكن أن تسبب مشاكل في الأداء.
base64 في البيانات uri
.ICON (صورة الخلفية: URL (البيانات: صورة / SVG + XML؛ Base64، phn2zyb4bwxuccz0iahr0cdovl ...)؛الايجابيات
- لا يوجد طلب إلى الخادم.
- دعم جيد المتصفحات: كل شيء باستثناء الأوبرا على Presto و IE القديم.
minuses:
- الصورة ليست مخزنة مؤقتا وفي كل مرة قدمها من جديد؛
- خط طويل في CSS؛
- غير قابل للقراءة: على الرمز ليس من الواضح أنه يحتوي على؛
- الصورة المشفرة يمكن أن تزن المزيد من المصدر؛
- للحصول على الترميز / فك التشفير، هناك حاجة إلى أدوات إضافية؛
- الرموز غير متوفرة لأسهم الصفحات.