9 مجموعه آیکون رایگان برای توسعه دهندگان وب

- visibility ۲ mode_comment

در این مطلب میخوام 9 مجموعه آیکون رایگان رو بهتون معرفی کنم تا بتونین از اونا برای ساخت و توسعه سایتتون استفاده کنید.9 مجموعه آیکون رایگان برای توسعه دهندگان وب

9 مجموعه آیکون رایگان برای توسعه دهندگان وب

همونطور که میدونین استفاده از آیکونها سریعترین و راحت‌ترین راهی هست که میتونین طراحی سایتتون رو جالبتر و زیباتر جلوه بدین. استفاده از آیکونهای مرتبط به کاربران کمک میکنه که کاربرد اون قسمت از سایتتون رو بهتر متوجه بشن و ارتباط بهتری رو با سایتتون برقرار کنند.

Feather Icons

Feather Icons یکی از معروفترین مجموعه آیکونهای رایگان در سطح وب هست. همه آیکونها در سایز 24 در 24 ساخته شده‌اند و استایل گرد شده شبیه به همی دارند که به اونا ظاهر یکپارچه و یک دستی رو میده. این آیکون برای فریم ورک های مختلف پیاده سازی شده است و میتونین از اونا استفاده کنید. فرمت این آیکونها SVG هست و 240 آیکون در این مجموعه قرار دارد.


Linea

مجموعه Linea در فرمتهای مختلفی از قبیل SVG و PNG و آیکون فونت قرار داده شده و تعداد آیکون های موجود در اون بیش از 730 مورد هست. استایل این آیکون ها بسیار زیبا و بصورت خطی هستند. همه آیکونها در دسته بندی های مشخصی از قبیل ساده، موسیقی، تجاری، نرم افزار و ... قرار داده شده اند.


Octicons

Octicons آیکون های زیبا ساخته شده به وسیله Github هست. آیکونهای مربوط به Github و برنامه نویسی مثل پایگاه داده و عملیات های مختلف Git و ... در این مجموعه آیکون قرار داده شده اند. فرمت این آیکونها SVG هست و بیش از 170 آیکون در این مجموعه قرار دارد.


Glyph

Glyph آیکون SVG با کیفیت برای سایتهای مدرن ساخته شده است. شما میتونین این آیکونها رو سفارشی کنید و یا فقط از یکی از اونا در سایتتون استفاده کنید و بقیه موارد رو لود نکنید. 800 آیکون در این مجموعه قرار دارد.


Font Awesome

Font Awesome معروفترین مجموعه آیکون در سطح وب هست (بیش از 55000 ستاره در Github). این آیکون فونت مجموعه زیادی از آیکونها رو در اختیار شما قرار میده و تقریبا در همه مرورگرها پشتیبانی میشه. همچنین این آیکون فونت از قواعد Accessibility هم به خوبی پیروی میکنه و Screen reader ها به خوبی با اون ارتباط برقرار میکنن.


Ionicons

آیکون فونت Ionicons ظاهر بسیار زیبا و خوبی داره و تیم پشتیبان اون همون تیم Ionic Framework هست. در این آیکون فونت بیش از 260 آیکون در اختیار شما قرار میگیره.


Material Icons

آیکون فونت Material Icons آیکون رسمی هست که در Google material design از اون استفاده میشه. این مجموعه بیش از 900 آیکون رو در خودش جا داده است و همه اونا در استایل طراحی متریال هستند و میتونین بصورت رایگان از اونا استفاده کنید.


Icono

این مجموعه شامل تعدادی آیکون ساخته شده با CSS هست. برای استفاده از این آیکونها شما باید کدهای CSS رو در محل مورد نظرتون قرار داده و کلاس مورد نظر رو به المنت HTML نسبت بدین. بیش از 130 آیکون در این مجموعه گنجانده شده است.


CSS ICON

مجموعه آیکون CSS ICON نیز با استفاده از CSS ساخته شده است. نحوه استفاده از این مورد نیز تقریبا شبیه به مجموعه قبلی هست و به راحتی میتونین کدهای مربوط به آیکون مورد نظرتون رو در سایت خودتون قرار بدین.

امیدوارم این آیکونها بتونه در طراحی کمکتون کنه.

Source

comment دیدگاه کاربران
foamiran foamiran

با تشکر از شما

محمد اسفندیاری

موفق باشید دوست عزیز

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.