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

Icon Liên Kết Miễn Phí (SVG)

48 icon liên kết 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 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

link
Lucidelink
Tablerlink
Heroiconslink
Phosphorlink
Bootstrap Iconslink
Iconoirlink-12-filled
Fluent UIlink
Material Symbolslink
Material Design Iconslink
Carbonlink-2
Lucidelink-filled
Tablerlink-16-solid
Heroiconslink-bold
Phosphorlink-12-regular
Fluent UIlink-rounded
Material Symbolskey-link
Material Design Iconsbpmn-link-fill
Carbonlink-off
Tablerlink-20-solid
Heroiconslink-duotone
Phosphorlink-16-filled
Fluent UIlink-2
Material Symbolslink-box
Material Design Iconsbpmn-link-outline
Carbonhome-link
Tablerlink-solid
Heroiconslink-fill
Phosphorlink-16-regular
Fluent UIlink-2-rounded
Material Symbolslink-box-outline
Material Design Iconscopy-link
Carbonlink-plus
Tablerlink-light
Phosphorlink-20-filled
Fluent UIadd-link
Material Symbolslink-off
Material Design Iconsjump-link
Carbonlink-thin
Phosphorlink-20-regular
Fluent UIadd-link-rounded
Material Symbolsfile-link
Material Design Iconstext-link
Carbonlink-24-filled
Fluent UIlink-off
Material Symbolsfile-link-outline
Material Design Iconslink-24-regular
Fluent UIlink-off-rounded
Material Symbols

Dùng icon liên kết

Các mắt xích thường đại diện cho siêu liên kết, nút “sao chép liên kết” và tài khoản đã kết nối.

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 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 dễ tiếp cận

Nếu icon 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 gán cho phần tử đó một aria-label như “Liên kết”.

Giấy phép

Các icon liên kết 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 liên kết 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. 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 liên kết?
Các 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 icon này trong Webflow hoặc React không?
Có. Mở một icon và dùng Copy to Webflow (dán thành Code Embed) hoặc Copy JSX cho component React.