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

Icon Tệp Miễn Phí (SVG)

48 icon tệp 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

file
Lucidefile
Tablerfile
Phosphorfile
Bootstrap Iconsfile-png
Material Symbolsfile
Material Design Iconsfile-x
Carbonfile-x
Lucidefile-filled
Tablerfile-bold
Phosphorfile-fill
Bootstrap Iconsfile-png-outline
Material Symbolsfile-outline
Material Design Iconsfile-up
Lucidefile-x
Tablerfile-duotone
Phosphorfile-x
Bootstrap Iconsfile-png-outline-rounded
Material Symbolsfile-cad
Material Design Iconsfile-box
Lucidefile-x-filled
Tablerfile-fill
Phosphorfile-x-fill
Bootstrap Iconsfile-png-outline-sharp
Material Symbolsfile-cog
Material Design Iconsfile-cog
Lucidefile-3d
Tablerfile-light
Phosphorfile-pdf
Bootstrap Iconsfile-png-rounded
Material Symbolsfile-cog-outline
Material Design Iconsfile-key
Lucidefile-ai
Tablerfile-thin
Phosphorfile-pdf-fill
Bootstrap Iconsfile-png-sharp
Material Symbolsfile-eye
Material Design Iconsfile-pen
Lucidefile-cv
Tablerfile-c
Phosphorfile-ppt
Bootstrap Iconsfile-eye-outline
Material Design Iconsfile-pen-line
Lucidefile-cv-filled
Tablerfile-c-bold
Phosphorfile-ppt-fill
Bootstrap Iconsfile-key
Material Design Iconsfile-isr
Tabler

Cách dùng icon tệp

Icon tài liệu đại diện cho tệp, tệp đính kèm và báo cáo; các biến thể có nếp gấp hoặc đường kẻ trông giống văn bản.

Tất cả icon ở đây đều theo currentColor, nên chúng nhận 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 và nút bấm. Hãy đặt width và height rõ ràng (hoặc đặt 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 có 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 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ư “Tệp”.

Giấy phép

Các icon tệp này đến từ Lucide, Tabler, Phosphor, Bootstrap Icons, Material Symbols, Material Design Icons và 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 tệp 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. Nếu bạn phân phối lại chính các tệp icon, hãy giữ lại thông báo giấy phép.
Làm thế nào để đổi màu của icon tệp?
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 các icon này trong Webflow hoặc React không?
Được. Mở một icon rồi dùng nút Sao chép vào Webflow (dán vào như một Code Embed) hoặc Sao chép JSX cho component React.