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

Icon chia sẻ miễn phí (SVG)

48 icon chia sẻ 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 vẽ, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

share
Lucideshare
Tablershare
Heroiconsshare
Phosphorshare
Bootstrap Iconsshare-ios
Iconoirshare-16-filled
Fluent UIshare
Material Symbolsshare
Material Design Iconsshare
Carbonshare-2
Lucideshare-2
Tablershare-16-solid
Heroiconsshare-bold
Phosphorshare-fill
Bootstrap Iconsshare-16-regular
Fluent UIshare-outline
Material Symbolsshare-outline
Material Design Iconsdata-share
Carbonshare-3
Tablershare-20-solid
Heroiconsshare-duotone
Phosphorshare-20-filled
Fluent UIios-share
Material Symbolsios-share
Material Design Iconseye-share
Tablershare-solid
Heroiconsshare-fill
Phosphorshare-20-regular
Fluent UIios-share-rounded
Material Symbolsshare-all
Material Design Iconsmap-share
Tablershare-light
Phosphorshare-24-filled
Fluent UIios-share-sharp
Material Symbolsshare-all-outline
Material Design Iconsshare-off
Tablershare-thin
Phosphorshare-24-regular
Fluent UIshare-eta
Material Symbolsshare-off
Material Design Iconsbell-share
Tablershare-fat
Phosphorshare-28-filled
Fluent UIshare-eta-rounded
Material Symbolsshare-off-outline
Material Design Iconsflag-share
Tablershare-fat-bold
Phosphor

Cách dùng icon chia sẻ

Icon chia sẻ mở bảng chia sẻ hoặc sao chép liên kết. Hình hộp kiểu iOS có mũi tên và các chấm nối kiểu Android đều được nhận diện rộng rãi.

Mọi icon ở đây đều kế thừa 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 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 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 có hỗ trợ truy cập

Nếu icon mang tính trang trí hoặc đứng 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ư “Chia sẻ”.

Giấy phép

Các icon chia sẻ này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, 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

Các icon chia sẻ 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 sử 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 file icon.
Làm sao để đổi màu icon chia sẻ?
Các SVG dùng currentColor, nên bạn chỉ cần đặt màu 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 rồi dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX cho một React component.