Bộ icon cho lập trình phần mềm

     

Sử dụng các icon là một trong những cách nhanh nhất và dễ ợt nhất để gia công cho giao diện của người tiêu dùng thêm lôi cuốn và bắt mắt. Sử dụng những icon ham mê hợp hoàn toàn có thể mang lại sự rõ ràng về giao diện người dùng, giúp người dùng dễ dàng nhận biết đa số nút, số đông chức năng, mọi links trong trang web.

Bạn đang xem: Bộ icon cho lập trình phần mềm

Trong nội dung bài viết này, tôi xin reviews đến chúng ta 9 gói icon an toàn và đẹp nhất mà một trang web nên dùng. Chúng ta có thể chia 9 gói này thành 3 một số loại icon: icon font, icon SVG với icon CSS. Trước khi đi vào cụ thể từng gói, chúng ta hãy điểm qua ưu cùng nhược điểm của 3 loại icon trên.

Icon font

Loại icon này thực hiện cực tốt khi chúng ta sử dụng một lượng béo icon với yêu cầu cơ bạn dạng về style. Chúng đối kháng sắc, tương xứng nhất mang đến hình dạng 1-1 giản. Đối với những trình duyệt, icon phông được xem là text, vị vậy chúng ta cần chuẩn hoá dạng icon này để chống tình trạng răng cưa so với text. Các loại icon này được cung ứng ở hầu như các trình duyệt

SVG icon

SVG(Scalable Vector Graphics) là 1 trong định dạng trang bị hoạ dự trên XML tất cả thể chuyển đổi to, nhỏ kích thước nhưng không làm mất đi chất lượng. Nhiều loại icon này có thể hiển thị bằng việc sử dụng CSS, thẻ đối tượng, thẻ hình ảnh hoặc thẳng vào html. SVG được hỗ trợ bởi các trình duyệt y hiện đại, cơ mà không được cung ứng trên những phiên bản IE cũ và app android 2.3 quay trở lại trước.

Xem thêm: Top 5 Máy Tính Để Bàn Tốt Nhất 2017, Top 7 Máy Tính Đáng Mua

CSS icons

CSS icon sử dụng tác dụng nhất trong trường hợp nên sử dụng một số lượng nhỏ tuổi icon. Bọn họ chỉ việc copy css của icon mà họ thích và paste nó vào stylesheet của dự án. Nó không được khuyên cần sử dụng khi dự án công trình của chúng ta sử dụng một số trong những lượng icon lớn. Ngoài ra, rất có thể dạng icon này sẽ trông khác biệt trên các trình chú ý khác nhau

Bên trên họ đã khám phá về 3 một số loại icon, ưu nhược điểm của các loại đấy. Sau đây bọn họ sẽ đi tìm hiểu từng gói icon cố gắng thể

1. Feather Icons

*

Loại: SVGSố lượng icon: 240Giấy phép: MIT

Feather là giữa những icon mối cung cấp mở thịnh hành nhất.Tất cả icon được thiết kế với với size 24x24 và gồm chung một phong thái bo tròn, làm cho những icon vào gói gồm cái chú ý nhất quán. Các framework áp dụng sẵn Feather hoàn toàn có thể kể tới như Angular, Vue, React,…

2. Linea

*

Loại: SVG, PNG, Icon fontSố lượng icon: 730+Giấy phép: CCBY

Linea hỗ trợ một lượng vĩ đại các icon đẹp nhất mắt, hiện nay đại, tất cả nét đặc thù sắc nét, chỉ phác hoạ thảo. Tất cả các icon được sắp đến xếp trong những danh mục khác biệt như âm nhạc, thương mại dịch vụ điện tử, phần mềm,… tiện cho bọn họ sử dụng.

Xem thêm: Tạo Form Đăng Ký Trên Facebook, Hướng Dẫn Tạo Form Đăng Ký Mua

3. Octicons

*

Loại: SVGsố lượng icon: 170+giấy phép: GitHub

Octicons là tập hợp những icon SVG được làm thủ công của GitHub. Nó bao gồm các icon của GitHub và những icon liên quan đến xây dựng như icon cơ sở dữ liệu, icon hoạt động của git,…

4. Glyph

*

Loại: SVGsố lượng icon: 800giấy phép: CC BY-SA 4.0

Glyph là gói icon SVG được tùy chỉnh cấu hình với các icon pixel-perfect, có thiết kế cho web hiện đại.Trong github của Glyph, bạn có thể tải xuống Node.js nhằm tuỳ chỉnh gói icon chỉ chứa các icon mà họ cần

5. Font Awesome

*

Loại: Icon FontSố lượng icon: 675Giấy phép: SIL OFL 1.1

Đây là gói icon font thịnh hành nhất trên web (đạt 50000 star bên trên GitHub), phông Awesome cung ứng một lượng lớn các icon được phát hành cho khả năng mở rộng, hỗ trợ tất cả trình duyệt y và năng lực sử dụng tốt cho tất cả những người khiếm thị

6. Ionicons

*

Loại: Icon fontSố lượng icon: 260+Giấy phép: MIT

Một gói icon hoàn hảo và tuyệt vời nhất đang được cải tiến và phát triển bởi đội Ionic Framework, hỗ trợ hơn 260 icob đẹp, một số trong những icon theo phong thái phẳng, một vài khác theo phong cách hiện đại.

7 . Material icons

*

Loại: icon fontSố lượng icon: 900+Giấy phép: Apache

Đây là gói icon chính thức tùy chỉnh cấu hình cho kiến tạo của Google và toàn bộ các icon trong android. Nó cất hơn 900 icon được chế tạo thành theo phong thái vật liệu độc nhất vô nhị quán, đảm bảo an toàn rằng bọn chúng sẽ luôn luôn tuyệt vời nhất khi kết hợp với nhau

8. Icono

*

Loại: CSS IconSố lượng icon: 130Giấy phép: MIT

Icono là một trong gói các icon CSS thuần tuý. Để thực hiện gói, bạn chỉ cần tải file .css stylesheet, tạo một trong những phần tử HTML rỗng cùng thêm các class thích hợp hợp. Tất cả các icon được triển khai theo giải pháp mà bọn chúng chỉ yêu thương cầu một trong những phần tử HTML độc nhất vô nhị hoạt động

9. CSS Icon

*

Loại: CSS iconSố lượng icon: 190Giấy phép: CC0 v1.0 Universal

CSS Icon là một trong gói icon trọn vẹn được tạo nên bởi CSS. Dự án của gói icon này còn có một trang web ra mắt tuyệt vời, nơi chúng ta cũng có thể kiểm tra những icon với xem mỗi phần kiến tạo của bọn họ được thực hiện như vậy nào. Trường hợp bạn chỉ cần một vài ba icon, bạn chỉ việc sao chép CSS của mình và dán nó vào tệp tin css của mình mà không đề nghị tải bất kỳ cái gì

Kết Luận

Link tham khảo: