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

Icon đồng hồ SVG miễn phí

48 icon đồng hồ 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 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

clock
Lucideclock
Tablerclock
Heroiconsclock
Phosphorclock
Bootstrap Iconsclock
Iconoirclock-12-filled
Fluent UIlock-clock
Material Symbolsclock
Material Design Iconsclock-1
Lucideclock-filled
Tablerclock-16-solid
Heroiconsclock-bold
Phosphorclock-fill
Bootstrap Iconsclock-solid
Iconoirclock-12-regular
Fluent UIlock-clock-outline
Material Symbolsclock-outline
Material Design Iconsclock-2
Lucideclock-2
Tablerclock-20-solid
Heroiconsclock-duotone
Phosphorclock-16-filled
Fluent UIlock-clock-outline-rounded
Material Symbolsclock-in
Material Design Iconsclock-3
Lucideclock-x
Tablerclock-solid
Heroiconsclock-fill
Phosphorclock-16-regular
Fluent UIlock-clock-outline-sharp
Material Symbolsbed-clock
Material Design Iconsclock-4
Lucideclock-12
Tablerclock-light
Phosphorclock-20-filled
Fluent UIlock-clock-rounded
Material Symbolsbus-clock
Material Design Iconsclock-5
Lucideclock-24
Tablerclock-thin
Phosphorclock-20-regular
Fluent UIlock-clock-sharp
Material Symbolscar-clock
Material Design Iconsclock-6
Lucideclock-up
Tablerclock-24-filled
Fluent UIsave-clock
Material Symbols

Cách dùng icon đồng hồ

Icon đồng hồ thường dùng để hiển thị thời gian, khoảng thời gian, lịch sử và danh sách “xem gần đây”.

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

Icon hỗ trợ truy cập

Nếu icon chỉ mang tính trang trí hoặc nằm 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ư “Đồng hồ” (Clock).

Giấy phép

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

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

Icon đồng hồ 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 sao để đổi màu icon đồng hồ?
SVG dùng currentColor, nên bạn chỉ cần đặt CSS color cho phần tử cha — hoặc 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 icon này trong Webflow hoặc React không?
Có. Mở một icon và dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX cho component React.