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

Icon thùng rác miễn phí (SVG)

47 icon thùng rác từ các bộ mã nguồn mở — nhấp vào một icon để đổi kích thước, màu sắc và nét vẽ, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

trash
Lucidetrash
Tablertrash
Heroiconstrash
Phosphortrash
Bootstrap Iconstrash
Iconoirrestore-from-trash
Material Symbolstrash
Material Design Iconstrash-can
Carbontrash-off
Lucidetrash-filled
Tablertrash-16-solid
Heroiconstrash-bold
Phosphortrash-fill
Bootstrap Iconstrash-solid
Iconoirrestore-from-trash-outline
Material Symbolstrash-outline
Material Design Iconstrash-x
Tablertrash-20-solid
Heroiconstrash-duotone
Phosphortrash2
Bootstrap Iconsrestore-from-trash-outline-rounded
Material Symbolstrash-can
Material Design Iconstrash-x-filled
Tablertrash-solid
Heroiconstrash-fill
Phosphortrash2-fill
Bootstrap Iconsrestore-from-trash-outline-sharp
Material Symbolstrash-can-outline
Material Design Iconstrash-off
Tablertrash-light
Phosphortrash3
Bootstrap Iconsrestore-from-trash-rounded
Material Symbolstrash-variant
Material Design Iconstrash-thin
Phosphortrash3-fill
Bootstrap Iconsrestore-from-trash-sharp
Material Symbolstrash-can-empty
Material Design Iconstrash-simple
Phosphortrash-can-circle
Material Design Iconstrash-simple-bold
Phosphortrash-can-circle-outline
Material Design Iconstrash-simple-duotone
Phosphorrestore-from-trash
Material Design Iconstrash-simple-fill
Phosphortrash-simple-light
Phosphortrash-simple-thin
Phosphor

Cách dùng icon thùng rác

Icon thùng rác dùng để xóa mục; hãy đặt nó trên một nút có nhãn rõ ràng và xác nhận trước các thao tác xóa.

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 hoạt động trên cả nền sáng lẫn nền tối, trong liên kết và 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ô 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 nó 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óa”.

Giấy phép

Các icon thùng rác này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, 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

Icon thùng rác 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. Hãy giữ 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 cách nào để đổi màu icon thùng rác?
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 mở icon trong công cụ 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 dưới dạng Code Embed) hoặc Copy JSX cho một component React.