Để sử dụng phiên bản trực tuyến trên nền web, bạn truy cập vào địa chỉ http://icon-generator.net/. Tại khung Select Icon Design bên trái, bạn chọn mẫu icon muốn sử dụng, gồm HTML5, CS5 (icon chứa chữ), CS5-image (icon chứa hình ảnh), CS4, Star Badge (icon dạng huy hiệu).

Sau khi chọn, icon mẫu sẽ hiển thị ở khung bên phải. Bạn chỉ việc thay thể chữ có sẵn trên icon bằng cách điền nội dung vào ô Logo Name. Hai mục BG Color và Text Color cho bạn thay đổi màu nền và màu chữ trên icon.

Bạn nhấn ADVANCE để làm xuất hiện các tùy chọn nâng cao cho icon như Contrast (độ tương phản), Glare (làm icon bóng bẩy hơn), Shadow (hiệu ứng đổ bóng), Font (thay đổi font chữ).

Với loại icon CS5 (image), bạn có thể chèn hình ảnh vào icon. Bạn nhấn Select File tại mục Image để chọn ảnh, và nhấn Scale để chỉnh kích thước ảnh hiển thị cho khớp với icon. Bạn nên chọn ảnh có nền trong suốt để icon đẹp hơn.

Sau khi thiết kế xong, bạn nhấn Save Icons để tải file zip chứa icon về máy. File zip bao gồm icon đã tạo vớinhiều kích thước khác nhau, đồng thời còn có hai thư mục chứa icon dànhcho Android và iOS.

Nguồn: Đây