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

Icon Chat Miễn Phí (SVG)

48 icon chat miễn phí từ các bộ mã nguồn mở. Nhấn 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

chat
Phosphorchat
Bootstrap Iconschat-12-filled
Fluent UIchat
Material Symbolschat
Material Design Iconschat
Carbonchat-bold
Phosphorchat-fill
Bootstrap Iconschat-12-regular
Fluent UIchat-outline
Material Symbolschat-outline
Material Design Iconschat-bot
Carbonchat-duotone
Phosphorchat-dots
Bootstrap Iconschat-16-filled
Fluent UIchat-outline-rounded
Material Symbolschat-add
Material Design Iconschat-off
Carbonchat-fill
Phosphorchat-dots-fill
Bootstrap Iconschat-16-regular
Fluent UIchat-outline-sharp
Material Symbolschat-add-outline
Material Design Iconschat-light
Phosphorchat-left
Bootstrap Iconschat-20-filled
Fluent UIchat-rounded
Material Symbolschat-plus
Material Design Iconschat-thin
Phosphorchat-left-fill
Bootstrap Iconschat-20-regular
Fluent UIchat-sharp
Material Symbolschat-plus-outline
Material Design Iconschat-dots
Phosphorchat-text
Bootstrap Iconschat-24-filled
Fluent UIchat-info
Material Symbolschat-dots-bold
Phosphorchat-text-fill
Bootstrap Iconschat-24-regular
Fluent UIchat-info-outline
Material Symbolschat-dots-duotone
Phosphorchat-28-filled
Fluent UIchat-info-outline-rounded
Material Symbolschat-dots-fill
Phosphorchat-28-regular
Fluent UIchat-info-outline-sharp
Material Symbolschat-dots-light
Phosphor

Cách dùng icon chat

Bong bóng thoại đánh dấu bình luận, tin nhắn, hỗ trợ trực tuyến và phản hồi.

Tất cả icon ở đây đều kế thừa 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 lẫn 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 hỗ trợ truy cập

Nếu icon chỉ mang tính trang trí hoặc đi kèm 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ư “Chat”.

Giấy phép

Các icon chat này đến từ Phosphor, Bootstrap Icons, Fluent UI, Material Symbols, Material Design Icons, 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 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 chat này 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 sao để đổi màu icon chat?
Các SVG dùng currentColor, nên hãy đặt màu 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 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.