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

Icon Lịch Miễn Phí (SVG)

48 icon lịch miễn phí từ các bộ 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

calendar
Lucidecalendar
Tablercalendar
Heroiconscalendar
Phosphorcalendar
Bootstrap Iconscalendar
Iconoircalendar-12-filled
Fluent UIcalendar
Material Design Iconscalendar
Carboncalendar-1
Lucidecalendar-filled
Tablercalendar-16-solid
Heroiconscalendar-bold
Phosphorcalendar-fill
Bootstrap Iconscalendar-12-regular
Fluent UIcalendar-outline
Material Design Iconscalendar-add
Carboncalendar-x
Lucidecalendar-x
Tablercalendar-20-solid
Heroiconscalendar-duotone
Phosphorcalendar-x
Bootstrap Iconscalendar-16-filled
Fluent UIcalendar-end
Material Design Iconscalendar-cog
Lucidecalendar-up
Tablercalendar-solid
Heroiconscalendar-fill
Phosphorcalendar-x-fill
Bootstrap Iconscalendar-16-regular
Fluent UIcalendar-end-outline
Material Design Iconscalendar-off
Lucidecalendar-cog
Tablercalendar-light
Phosphorcalendar-day
Bootstrap Iconscalendar-20-filled
Fluent UIcalendar-x-2
Lucidecalendar-dot
Tablercalendar-thin
Phosphorcalendar-day-fill
Bootstrap Iconscalendar-20-regular
Fluent UIcalendar-due
Tablercalendar-x
Phosphorcalendar-24-filled
Fluent UIcalendar-off
Tablercalendar-x-bold
Phosphorcalendar-24-regular
Fluent UIcalendar-pin
Tabler

Cách dùng icon lịch

Icon lịch dùng để đánh dấu ngày tháng, lịch đặt chỗ, sự kiện và bộ chọn ngày.

Tất cả icon ở đây đều theo currentColor, nên chúng sẽ nhận màu chữ của phần tử chứa nó — một file SVG dùng được cho 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 đặt kích thước bằng CSS với 1em) để bố cục không bị nhảy khi trang đang tải.

Icon có 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ư “Lịch”.

Giấy phép

Các icon lịch này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Design Icons, Carbon — 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 và thương mại. Cần icon khác? Tìm trong hơn 70.000 icon tại SVG Icon Finder.

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

Icon lịch này có miễn phí để dùng 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 lịch?
Các file SVG dùng currentColor, nên bạn chỉ cần đặt màu CSS 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 rồi dùng nút Copy to Webflow (dán vào Code Embed) hoặc Copy JSX để lấy component React.