devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Icon check SVG miễn phí

48 icon check miễn phí từ các bộ icon mã nguồn mở. Nhấp vào một icon để đổi kích thước, màu sắc và độ dày nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

check
Lucidecheck
Tablercheck
Heroiconscheck
Phosphorcheck
Bootstrap Iconscheck
Iconoircheck-20-filled
Fluent UIcheck
Material Symbolscheck
Material Design Iconscheck-line
Lucidecheck-filled
Tablercheck-16-solid
Heroiconscheck-bold
Phosphorcheck-lg
Bootstrap Iconspc-check
Iconoircheck-20-regular
Fluent UIcheck-rounded
Material Symbolscheck-bold
Material Design Iconseye-check
Tablercheck-20-solid
Heroiconscheck-duotone
Phosphorbag-check
Bootstrap Iconscheck-24-filled
Fluent UIcheck-box
Material Symbolscheck-outline
Material Design Iconsmap-check
Tablercheck-solid
Heroiconscheck-fill
Phosphorbag-check-fill
Bootstrap Iconscheck-24-regular
Fluent UIcheck-box-outline
Material Symbolscheckbox-outline
Material Design Iconsbell-check
Tablercheck-light
Phosphorcheck-all
Bootstrap Iconscheck-box-outline-rounded
Material Symbolsbug-check
Material Design Iconscopy-check
Tablercheck-thin
Phosphorcheck-box-outline-sharp
Material Symbolsbug-check-outline
Material Design Iconscopy-check-filled
Tablercheck-fat
Phosphorcheck-box-rounded
Material Symbolscheck-all
Material Design Iconsfile-check
Tablercheck-fat-bold
Phosphorcheck-box-sharp
Material Symbols

Cách dùng icon check

Dấu check xác nhận thành công, các lựa chọn đã chọn và các bước đã hoàn thành. Dấu check nằm trong vòng tròn trông như “đã xong” rõ ràng hơn.

Tất cả icon ở đây đều theo currentColor, nên chúng nhận màu chữ của phần tử chứa chúng. Một SVG dùng được trên cả nền sáng lẫn nền tối, trong liên kết lẫn nút bấm. Hãy đặt width và height rõ ràng (hoặc chỉnh kích thước bằng CSS với 1em) để bố cục không bị xê dịch khi trang đang tải.

Icon hỗ trợ tiếp cận

Nếu icon chỉ mang tính trang trí hoặc đứng cạnh chữ hiển thị, hãy thêm aria-hidden="true". Nếu icon là nội dung duy nhất của nút hoặc liên kết, hãy gán cho phần tử đó một aria-label như “Xác nhận”.

Giấy phép

Các icon check này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols và Material Design Icons. Đây là các bộ mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, cho phép dùng cá nhân lẫn thương mại. Cần icon khác? Tìm trong hơn 70.000 icon ở SVG Icon Finder.

Câu hỏi thường gặp

Các icon check này có miễn phí cho mục đích thương mại không?
Có. Chúng đến từ các bộ icon mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, cho phép dùng thương mại. Nếu bạn phân phối lại chính các file icon, hãy giữ lại thông báo giấy phép.
Làm thế nào để đổi màu icon check?
Các SVG dùng currentColor, nên bạn chỉ cần đặt thuộc tính color CSS cho phần tử cha. Hoặc bạn có thể mở icon trong trình tìm kiếm và chọn một màu cố định trước khi sao chép.
Tôi có thể dùng các icon này trong Webflow hoặc React không?
Có. Mở một icon rồi dùng Copy to Webflow (dán dưới dạng Code Embed) hoặc Copy JSX để lấy component React.