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

Icon thông tin miễn phí (SVG)

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

Cập nhật

info
Lucidefile-info
Tablerinfo
Phosphorinfo
Bootstrap Iconsinfo-circle
Iconoirinfo-12-filled
Fluent UIinfo
Material Symbolscar-info
Material Design Iconsbadge-info
Lucidefile-info-filled
Tablerinfo-bold
Phosphorinfo-lg
Bootstrap Iconsinfo-circle-solid
Iconoirinfo-12-regular
Fluent UIinfo-outline
Material Symbolsinformation
Material Design Iconsinfo-small
Tablerinfo-duotone
Phosphorinfo-circle
Bootstrap Iconsinfo-16-filled
Fluent UIinfo-outline-rounded
Material Symbolsinformation-outline
Material Design Iconsinfo-circle
Tablerinfo-fill
Phosphorinfo-circle-fill
Bootstrap Iconsinfo-16-regular
Fluent UIinfo-rounded
Material Symbolsinfo-circle-filled
Tablerinfo-light
Phosphorinfo-square
Bootstrap Iconsinfo-20-filled
Fluent UIinfo-i
Material Symbolsinfo-square
Tablerinfo-thin
Phosphorinfo-square-fill
Bootstrap Iconsinfo-20-regular
Fluent UIinfo-i-rounded
Material Symbolsinfo-square-filled
Tablerinfo-24-filled
Fluent UIchat-info
Material Symbolsinfo-hexagon
Tablerinfo-24-regular
Fluent UIchat-info-outline
Material Symbolsinfo-hexagon-filled
Tablerinfo-28-filled
Fluent UIchat-info-outline-rounded
Material Symbolsinfo-octagon
Tablerinfo-28-regular
Fluent UI

Cách dùng icon thông tin

Chữ “i” trong vòng tròn dùng để mở trợ giúp, tooltip và thông tin bổ sung.

Tất cả icon ở đây đều theo currentColor, nên chúng lấy màu chữ của phần tử chứa nó — một SVG hoạt động tốt 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 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ê 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 nó là nội dung duy nhất của nút hoặc liên kết, hãy đặt cho phần tử đó một aria-label như “Thông tin”.

Giấy phép

Các icon thông tin này đến từ Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons — 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 thông tin 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 dùng thương mại. Nếu bạn phân phối lại chính các tệp icon, hãy giữ lại thông báo giấy phép.
Làm sao để đổi màu một icon thông tin?
SVG dùng currentColor, nên bạn chỉ cần đặt color 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.