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

Icon Thư Mục Miễn Phí (SVG)

48 icon thư mục từ các bộ mã nguồn mở — nhấp vào một icon để đổi kích thước, màu và độ nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

folder
Lucidefolder
Tablerfolder
Heroiconsfolder
Phosphorfolder
Bootstrap Iconsfolder
Iconoirfolder-16-filled
Fluent UIfolder
Material Symbolsfolder
Material Design Iconsfolder
Carbonfolder-x
Lucidefolder-filled
Tablerfolder-16-solid
Heroiconsfolder-bold
Phosphorfolder-fill
Bootstrap Iconsfolder-16-regular
Fluent UIfolder-outline
Material Symbolsfolder-outline
Material Design Iconsfolder-add
Carbonfolder-up
Lucidefolder-x
Tablerfolder-20-solid
Heroiconsfolder-duotone
Phosphorfolder-x
Bootstrap Iconsfolder-20-filled
Fluent UIfolder-outline-rounded
Material Symbolsfolder-cog
Material Design Iconsfolder-off
Carbonfolder-cog
Lucidefolder-ai
Tablerfolder-solid
Heroiconsfolder-fill
Phosphorfolder-20-regular
Fluent UIfolder-outline-sharp
Material Symbolsfolder-cog-outline
Material Design Iconsfolder-dot
Lucidefolder-up
Tablerfolder-light
Phosphorfolder-24-filled
Fluent UIfolder-rounded
Material Symbolsfolder-eye
Material Design Iconsfolder-git
Lucidefolder-cog
Tablerfolder-thin
Phosphorfolder-24-regular
Fluent UIfolder-sharp
Material Symbolsfolder-eye-outline
Material Design Iconsfolder-key
Lucide

Cách dùng icon thư mục

Thư mục dùng để nhóm các tệp và dự án; thư mục đang mở cho biết vị trí hiện tại.

Tất cả icon ở đây đều kế thừa currentColor, nên chúng nhận màu chữ của phần tử chứa chúng — một SVG hoạt độ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 đặ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 hỗ trợ truy cập

Nếu icon chỉ mang tính trang trí hoặc nằm cạnh chữ hiển thị, hãy thêm aria-hidden="true". Nếu đó 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ư “Thư mục”.

Giấy phép

Các icon thư mục này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon — là 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 thư mục này có miễn phí để dùng 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 của icon thư mục?
Các SVG dùng currentColor, nên bạn chỉ cần đặ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.