للمصممين أفضل10مواقع لتحميل الأيقونات بصيغات مختلفة

مع الاستخدام المتزايد للشاشات عالية الدقة ، شهدنا ظهور رموز SVG، على عكس الرسم النقطي ، فإن SVG قابل للتحجيم ومستقل الدقة مما يسمح له بالبقاء حادا بغض النظر عن الحجم ودقة الشاشة.

لذلك قمت في هذا المقال هنا بتجميع أفضل الموارد حيث يمكنك الحصول على رموز SVG عالية الجودة، توفر بعض الموارد أكثر من مجرد رموز مع ميزات ملائمة لزيادة إنتاجية المصممين والمطورين، بدون مزيد الإطالة دعونا نتعمق في القائمة الكاملة.

Bootstrap Icons

مجموعة أيقونات رسمية من Bootstrap ، أحد أكثر أطر عمل HTML / CSS شيوعاً، يحتوي على أكثر من 1500 رمز بتنسيق SVG و SVG مما يمنحك مرونة كبيرة، على الرغم من تطوير هذه الرموز من أجل Bootstrap ، فلا يزال بإمكانك استخدامها مع أي إطار عمل آخر.

Boxicons

تحتوي Boxicons على أكثر من 1500 رمز مجمعة في عدة فئات مثل التجارة الإلكترونية والتمويل والموسيقى التي تتيح لك فرز المجموعة المعينة والعثور عليها بسهولة، يأتي كل رمز بتنسيق مختلف ؛ ليس هذا فقط يمكنك اختيار و تحميلها بصيغة SVG، ولكن يمكنك أيضا استخدامها كرمز الخط و مكونات ويب.

Feather Icons

ابحث في أكثر من 200 أيقونة مصممة بشكل رائع، أحد الأشياء التي أحبها في المجموعة هو أنها تتيح لك تخصيص الحجم وعرض الحد واللون قبل تنزيل الرموز، علاوة على ذلك ، يمكنك اختيار تنزيل رموز معينة أو تنزيلها جميعاً معاً .

Iconoir

Iconoir هي مجموعة مجانية ومفتوحة المصدر تضم أكثر من 900 رمز، يأتي بعدة تنسيقات بما في ذلك SVG و Font و React.js وحتى Figma و Framer، أنا متأكد من أن كلاً من المصممين والمطورين سيحبون هذه المجموعة.

Ionicons

مجموعة من الرموز من إطار عمل Ionic المصممة للاستخدام على تطبيق الويب أو الهاتف المحمول أو سطح المكتب، كل رمز يأتي في ثلاثة أنماط مختلفة، وهي متوفرة كرموز SVG و Font.

Tabler Icons

تحتوي على أكثر من 1300 أيقونة ، Tabler هي واحدة من المجموعات المثالية لوضعها في تصميم الويب أو التطبيق الخاص بك، تبدو واضحة ومتسقة وقابلة للتخصيص، يتوفر كل رمز على العديد من التنسيقات الأخرى إلى جانب SVG بما في ذلك JSX و Data URI و React Component و Webfont و SCSS ، بالإضافة إلى أنه يعرض لك أيضا بعض الأمثلة حول كيفية تطبيق الرموز على مكون واجهة المستخدم.

Radix Icons

مجموعة من الرموز مصممة مع خصائص مخطط رقيقة . كل أيقونة بحجم 15 × 15 بكسل وتبدو واضحة على الشاشة، يمكنك الحصول على المجموعة كملف Figma أو ملف Sketch أو IconJar أو SVG أو NPM، تسمح هذه التنسيقات المتنوعة بالتعاون السلس بين المصممين والمطورين.

Ant Design Icons

هذا الرمز هو جزء من نظام تصميم Ant Design Icons . ولكن يمكنك تثبيت مجموعة الرموز كمكون مستقل من خلال NPM، كل رمز متاح كمكون React.js وسيتم تقديمه كـ SVG،كما يأتي في ثلاثة أنماط، ومتوافق على أي ضوء أو الظلام وضع نظام الألوان خارج مربع، إذا كنت تقوم بإنشاء تطبيق React.js ، فهذه واحدة من أفضل مجموعات الرموز التي يمكنك التقاطها.

أيقونات عالية الجودة

Typicons

Typicons عبارة عن مجموعة من الأيقونات اللطيفة ذات المظهر الحديث المصممة لتطبيقات الويب أو التطبيقات الأصلية – للجوال وسطح المكتب، في وقت كتابة هذه المقالة ، كان هناك حوالي 300 رمز ، كل منها متاح بتنسيق خط SVG والأيقونة ومستقل عن الدقة مما يجعله يبدو حاداً ونقياً بغض النظر عن دقة الشاشة.

CSS.gg

يوفر هذا الموقع حوالي 700 رمز عالي الجودة، تتوفر مجموعة الرموز في العديد من التنسيقات بما في ذلك CSS و SVG و TypeScript و Figma و Adobe XD و API يتيح ذلك تسهيل التعاون بين المصممين والمطورين عند تصميم مواقع الويب وتحويل التصميم إلى رمز.

هذة بعض من المواقع التي أعرفها، وأنت إن كنت تستخدم موقع أخر ولم يتم ذكره في هذة المقالة، يرجى ذكرها في التعليقات