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

Icon cảnh báo SVG miễn phí

48 icon cảnh báo 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 sắc 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

mail-warning
Lucidewarning
Phosphorpc-warning
Iconoirwarning-12-filled
Fluent UIwarning
Material Symbolswarning
Material Design Iconswarning
Carbonwarning-bold
Phosphortv-warning
Iconoirwarning-12-regular
Fluent UIwarning-outline
Material Symbolswarning-outline
Material Design Iconswarning-filled
Carbonwarning-duotone
Phosphorcpu-warning
Iconoirwarning-16-filled
Fluent UIwarning-outline-rounded
Material Symbolswarning-box
Material Design Iconswarning-alt
Carbonwarning-fill
Phosphorwifi-warning
Iconoirwarning-16-regular
Fluent UIwarning-rounded
Material Symbolswarning-box-outline
Material Design Iconswarning-alt-filled
Carbonwarning-light
Phosphorwifi-warning-solid
Iconoirwarning-20-filled
Fluent UIwarning-off
Material Symbolsbus-warning
Material Design Iconswarning-hex
Carbonwarning-thin
Phosphorwarning-20-regular
Fluent UIwarning-off-outline
Material Symbolssim-warning
Material Design Iconswarning-hex-filled
Carbonseal-warning
Phosphorwarning-24-filled
Fluent UIwarning-off-outline-rounded
Material Symbolsbell-warning
Material Design Iconsseal-warning-bold
Phosphorwarning-24-regular
Fluent UIwarning-off-rounded
Material Symbolschat-warning
Material Design Iconsseal-warning-duotone
Phosphorwarning-28-filled
Fluent UIcast-warning
Material Symbolsdisc-warning
Material Design Icons

Cách dùng icon cảnh báo

Hình tam giác và dấu chấm than dùng để báo cảnh báo hoặc lỗi. Hãy kết hợp icon với chữ để ý nghĩa không chỉ phụ thuộc vào màu sắc.

Tất cả icon ở đây đều tuân 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 cả trên nền sáng lẫn nền tối, trong liên kết và trong 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ê dị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ư “Cảnh báo”.

Giấy phép

Các icon cảnh báo này đến từ Lucide, Phosphor, Iconoir, Fluent UI, Material Symbols, Material Design Icons và Carbon. Đây là 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 icon 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

Các icon cảnh báo 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, và các giấy phép này cho phép 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 tệp icon.
Làm thế nào để đổi màu icon cảnh báo?
Các SVG dùng currentColor, nên bạn chỉ cần đặt thuộc tính color trong CSS của 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 các 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.