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

Icon mũi tên SVG miễn phí

48 icon mũi tên 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

arrow-up
Lucidearrow-up
Tablerarrow-up
Heroiconsarrow-up
Phosphorarrow-up
Bootstrap Iconsarrow-up
Iconoirarrow-up-12-filled
Fluent UIline-end-arrow
Material Symbolsarrow
Material Design Iconsarrow-up
Carbonbow-arrow
Lucidearrow-back
Tablerarrow-up-16-solid
Heroiconsarrow-up-bold
Phosphorarrow-down
Bootstrap Iconsarrow-down
Iconoirarrow-up-12-regular
Fluent UIarrow-back
Material Symbolsarrow-up
Material Design Iconsarrow-down
Carbona-arrow-up
Lucidearrow-down
Tablerarrow-up-20-solid
Heroiconsarrow-up-duotone
Phosphorarrow-left
Bootstrap Iconsarrow-left
Iconoirarrow-up-16-filled
Fluent UIarrow-back-rounded
Material Symbolsarrow-up-bold
Material Design Iconsarrow-left
Carbonarrow-down
Lucidearrow-fork
Tablerarrow-up-solid
Heroiconsarrow-up-fill
Phosphormaps-arrow
Iconoirarrow-up-16-regular
Fluent UIarrow-left
Material Symbolsarrow-up-thin
Material Design Iconsarrow-left
Lucidearrow-left
Tablerarrow-up-light
Phosphorpath-arrow
Iconoirarrow-up-20-filled
Fluent UIarrow-left-rounded
Material Symbolsarrow-all
Material Design Iconsarrow-up-thin
Phosphorpath-arrow-solid
Iconoirarrow-up-20-regular
Fluent UI

Cách dùng icon mũi tên

Mũi tên thể hiện hướng đi — tiến và lùi, mở rộng và thu gọn, thứ tự sắp xếp, hoặc liên kết dẫn ra ngoài trang.

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

Giấy phép

Các icon mũi tên 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

Icon mũi tên 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ữ 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 sao để đổi màu một icon mũi tên?
Các SVG dùng currentColor, nên hãy đặt thuộc tính color CSS cho phần tử cha — hoặc 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 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 component React.