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

Icon đóng miễn phí (SVG)

48 icon đóng 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à nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

shield-close
Lucidetab-close
Tablereye-closed
Iconoirpane-close-24-filled
Fluent UIclose
Material Symbolsclose
Material Design Iconsclose
Carbonpanel-top-close
Lucideweb-window-close
Iconoirpane-close-24-regular
Fluent UIclose-rounded
Material Symbolsclose-outline
Material Design Iconsclose-filled
Carbonpanel-left-close
Lucideshare-close-tray-20-filled
Fluent UItab-close
Material Symbolsclose-box
Material Design Iconsclose-outline
Carbonpanel-right-close
Lucideshare-close-tray-20-regular
Fluent UItab-close-outline
Material Symbolsclose-box-outline
Material Design Iconsclose-large
Carbonshare-close-tray-24-filled
Fluent UItab-close-outline-rounded
Material Symbolsmenu-close
Material Design Iconsside-panel-close
Carbonshare-close-tray-24-regular
Fluent UItab-close-outline-sharp
Material Symbolsclose-thick
Material Design Iconsside-panel-close-filled
Carbontab-close-rounded
Material Symbolsclose-circle
Material Design Iconsright-panel-close
Carbontab-close-sharp
Material Symbolsclose-circle-outline
Material Design Iconsright-panel-close-filled
Carbonclose-small
Material Symbolswindow-close
Material Design Iconsclose-small-outline
Material Symbolsclose-network
Material Design Iconsclose-small-outline-rounded
Material Symbolsclose-network-outline
Material Design Iconsclose-small-rounded
Material Symbolsclose-octagon
Material Design Iconstab-close-right
Material Symbolsclose-octagon-outline
Material Design Iconstab-close-right-outline
Material Symbols

Cách dùng icon đóng

Dấu × đóng hộp thoại, bỏ qua thông báo và xóa ô nhập liệu; hãy cho nút một trạng thái focus rõ ràng và một aria-label.

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 nền sáng lẫn nền tối, trong liên kết và nút bấm. Hãy đặt rõ width và height (hoặc chỉnh 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 có khả năng tiếp cận

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

Giấy phép

Các icon đóng này đến từ Lucide, Tabler, Iconoir, Fluent UI, Material Symbols, 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 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

Các icon đóng 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 sử dụng thương mại. Hãy giữ lại thông báo giấy phép nếu bạn phân phối lại chính các file icon.
Làm sao để đổi màu icon đóng?
Các SVG dùng currentColor, nên hãy đặ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 các 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.