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

Icon Chuông Miễn Phí (SVG)

48 icon chuô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

bell
Lucidebell
Tablerbell
Heroiconsbell
Phosphorbell
Bootstrap Iconsbell
Iconoirbell
Material Design Iconsbell-dot
Lucidebell-filled
Tablerbell-16-solid
Heroiconsbell-bold
Phosphorbell-fill
Bootstrap Iconsbell-off
Iconoirbell-outline
Material Design Iconsbell-off
Lucidebell-x
Tablerbell-20-solid
Heroiconsbell-duotone
Phosphorbell-slash
Bootstrap Iconsbell-cog
Material Design Iconsbell-plus
Lucidebell-x-filled
Tablerbell-solid
Heroiconsbell-fill
Phosphorbell-slash-fill
Bootstrap Iconsbell-cog-outline
Material Design Iconsbell-ring
Lucidebell-z
Tablerbell-alert
Heroiconsbell-light
Phosphorbell-off
Material Design Iconsbell-check
Lucidebell-z-filled
Tablerbell-alert-16-solid
Heroiconsbell-thin
Phosphorbell-off-outline
Material Design Iconsbell-minus
Lucidebell-up
Tablerbell-alert-20-solid
Heroiconsbell-z
Phosphorbell-plus
Material Design Iconsbell-cog
Tablerbell-alert-solid
Heroiconsbell-z-bold
Phosphorbell-plus-outline
Material Design Iconsbell-off
Tablerbell-slash
Heroiconsbell-z-duotone
Phosphor

Cách dùng icon chuông

Chuông thường dùng để báo thông báo, kèm theo chấm hoặc số đếm cho các mục chưa đọc.

Tất cả icon ở đây đều theo currentColor, nên chúng lấy 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 đặ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 dễ 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 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ư “Chuông”.

Giấy phép

Các icon chuông này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, 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 và thương mại. Cần thứ khác? Hãy tìm trong hơn 70.000 icon tại SVG Icon Finder.

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

Icon chuông này có miễn phí dùng 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. 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 sao để đổi màu icon chuông?
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 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 rồi dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX để lấy component React.