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

Sử dụng những icon là một trong những cách nhanh nhất và dễ dãi nhất để gia công cho giao diện của công ty thêm lôi kéo và bắt mắt. áp dụng những icon ưng ý hợp rất có thể mang lại sự cụ thể về giao diện người dùng, giúp fan dùng thuận lợi nhận biết hồ hết nút, hồ hết chức năng, mọi liên kết 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 tuyệt vời nhất mà một website nên dùng. Chúng ta cũng có thể chia 9 gói này thành 3 loại icon: icon font, icon SVG cùng icon CSS. Trước lúc đi vào ví dụ từng gói, họ 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 tốt nhất có thể khi bọn họ sử dụng một lượng mập icon cùng với yêu mong cơ phiên bản về style. Chúng 1-1 sắc, cân xứng nhất mang lại hình dạng đối chọi giản. Đối với các trình duyệt, icon fonts được xem là text, bởi vì vậy chúng ta cần chuẩn hoá dạng icon này để kháng tình trạng răng cưa đối với text. Nhiều loại icon này được hỗ trợ ở phần nhiều các trình duyệt

SVG icon

SVG(Scalable Vector Graphics) là 1 định dạng đồ hoạ dự bên trên XML tất cả thể biến hóa to, nhỏ tuổi kích thước nhưng mà không làm mất đi chất lượng. Loại icon này rất có thể hiển thị bằng việc áp dụng CSS, thẻ đối tượng, thẻ ảnh hoặc thẳng vào html. SVG được cung cấp bởi các trình coi ngó hiện đại, dẫu vậy không được hỗ trợ trên những bạn dạng IE cũ và android 2.3 trở về trước.

Xem thêm: Bình Chọn Tìm Kiếm Tài Năng Việt Nam 2016 ”, Cuộc Thi Tìm Kiếm Tài Năng Việt Nam

CSS icons

CSS icon sử dụng kết quả nhất trong trường hợp bắt buộc sử dụng một vài lượng nhỏ dại icon. Bọn họ chỉ câu hỏi copy css của icon mà chúng ta thích cùng paste nó vào stylesheet của dự án. Nó ko được khuyên sử dụng khi dự án công trình của họ sử dụng một số lượng icon lớn. Quanh đó ra, có thể dạng icon này đã trông không giống nhau trên những trình chú tâm khác nhau

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

1. Feather Icons

*

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

Feather là trong số những icon nguồn mở phổ biến nhất.Tất cả icon được thiết kế theo phong cách với kích thước 24x24 và bao gồm chung một phong thái bo tròn, làm cho các icon trong gói tất cả cái chú ý nhất quán. Những framework áp dụng sẵn Feather rất có thể kể cho tới như Angular, Vue, React,…

2. Linea

*

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

Linea cung ứng một lượng kếch xù các icon đẹp nhất mắt, hiện tại đại, gồm nét đặc thù sắc nét, chỉ phác hoạ thảo. Tất cả các icon được sắp tới xếp trong các danh mục khác biệt như âm nhạc, dịch vụ thương mại điện tử, phần mềm,… luôn tiện cho chúng ta sử dụng.

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à các icon liên quan đến xây dựng như icon đại lý dữ liệu, icon buổi giao lưu 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 thiết lập với những icon pixel-perfect, có phong cách thiết kế cho web hiện đại.Trong github của Glyph, chúng ta cũng có thể tải xuống Node.js nhằm tuỳ chỉnh gói icon chỉ chứa các icon mà bọn họ cần

5. Fonts 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 trên GitHub), phông Awesome cung ứng một lượng lớn những icon được phát hành cho kĩ năng mở rộng, cung cấp tất cả trình để mắt tới và kĩ năng sử dụng tốt cho 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 tuyệt vời nhất đang được cách tân và phát triển bởi đội Ionic Framework, cung cấp hơn 260 icob đẹp, một số icon theo phong thái phẳng, một vài khác theo phong thái hiện đại.

7 . Material icons

*

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

Đây là gói icon thiết yếu thức thiết lập cho xây đắp của Google và toàn bộ các icon vào android. Nó chứa hơn 900 icon được tạo thành thành theo phong thái vật liệu duy nhất quán, bảo vệ rằng chúng sẽ luôn luôn tuyệt đối khi kết phù hợp với nhau

8. Icono

*

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

Icono là một trong những gói những 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 phần tử HTML rỗng cùng thêm những class thích hợp. Toàn bộ các icon được triển khai theo biện pháp mà chúng chỉ yêu cầu 1 phần tử HTML tuyệt nhất hoạt động

9. CSS Icon

*

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

CSS Icon là 1 trong những gói icon trọn vẹn được tạo ra bởi CSS. Dự án của gói icon này có một trang web giới thiệu tuyệt vời, nơi bạn có thể kiểm tra những icon với xem mỗi phần xây dựng của họ được thực hiện như vậy nào. Nếu bạn chỉ cần một vài ba icon, bạn chỉ cần 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 nên tải ngẫu nhiên cái gì

Kết Luận

Link tham khảo: