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

Icon Upload Miễn Phí (SVG)

48 icon upload 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 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

upload
Lucideupload
Tablerupload
Phosphorupload
Bootstrap Iconsupload
Iconoirarrow-upload-16-filled
Fluent UIupload
Material Symbolsupload
Material Design Iconsupload
Carboncloud-upload
Lucidebook-upload
Tablerupload-bold
Phosphorcloud-upload
Bootstrap Iconscloud-upload
Iconoirarrow-upload-16-regular
Fluent UIupload-rounded
Material Symbolsupload-outline
Material Design Iconscloud-upload
Carbonhard-drive-upload
Lucidefile-upload
Tablerupload-duotone
Phosphorcloud-upload-fill
Bootstrap Iconsbubble-upload
Iconoirarrow-upload-20-filled
Fluent UIupload-sharp
Material Symbolsupload-box
Material Design Iconsfetch-upload
Carbonfile-upload-filled
Tablerupload-fill
Phosphorshield-upload
Iconoirarrow-upload-20-regular
Fluent UIupload-2
Material Symbolsupload-box-outline
Material Design Iconscloud-upload
Tablerupload-light
Phosphorupload-square
Iconoirarrow-upload-24-filled
Fluent UIupload-2-outline
Material Symbolsupload-off
Material Design Iconsworld-upload
Tablerupload-thin
Phosphorupload-square-solid
Iconoirarrow-upload-24-regular
Fluent UIupload-2-outline-rounded
Material Symbolsupload-off-outline
Material Design Iconsupload-simple
Phosphorupload-data-window
Iconoirarrow-upload-32-filled
Fluent UI

Cách dùng icon upload

Mũi tên hướng lên biểu thị tải lên hoặc nhập dữ liệu; icon này rất hợp với vùng kéo và thả.

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 hoạt động được trên cả 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ô lệch khi trang đang tải.

Icon hỗ trợ truy cập

Nếu icon chỉ 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 nút hoặc liên kết, hãy gán cho phần tử đó một aria-label như “Tải lên”.

Giấy phép

Các icon upload này đến từ Lucide, Tabler, 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 lẫn thương mại. Cần thứ khác? Hãy tìm trong SVG Icon Finder với hơn 70.000 icon.

Câu hỏi thường gặp

Icon upload 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, đều 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 file icon.
Làm sao để đổi màu icon upload?
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 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 để lấy component React.