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

Icon Hình Ảnh Miễn Phí (SVG)

48 icon hình ảnh 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 sắc và nét vẽ, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

image
Lucideimage
Phosphorimage
Bootstrap Iconsimage-16-filled
Fluent UIimage
Material Symbolsimage
Material Design Iconsimage
Carbonimage-up
Lucideimage-bold
Phosphorimage-fill
Bootstrap Iconsimage-16-regular
Fluent UIimage-outline
Material Symbolsimage-outline
Material Design Iconsno-image
Carbonimage-off
Lucideimage-duotone
Phosphorimage-alt
Bootstrap Iconsimage-20-filled
Fluent UIimage-outline-rounded
Material Symbolsimage-off
Material Design Iconsimage-copy
Carbonbook-image
Lucideimage-fill
Phosphorcard-image
Bootstrap Iconsimage-20-regular
Fluent UIimage-outline-sharp
Material Symbolsimage-off-outline
Material Design Iconsfile-image
Lucideimage-light
Phosphorfile-image
Bootstrap Iconsimage-24-filled
Fluent UIimage-rounded
Material Symbolsimage-360
Material Design Iconsimage-down
Lucideimage-thin
Phosphorfile-image-fill
Bootstrap Iconsimage-24-regular
Fluent UIimage-sharp
Material Symbolsimage-360-outline
Material Design Iconsimage-play
Lucideimage-28-filled
Fluent UIhide-image
Material Symbolsfile-image
Material Design Iconsimage-plus
Lucideimage-28-regular
Fluent UIhide-image-outline
Material Symbolsfile-image-outline
Material Design Iconsimage-32-filled
Fluent UI

Cách dùng icon hình ảnh

Khung ảnh với hình núi đại diện cho hình ảnh, thư viện ảnh và vùng tải ảnh lên.

Tất cả icon ở đây đều dùng 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 tốt trên nền sáng lẫn nền tối, trong liên kết và trong 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 dễ tiếp cận

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 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ư “Hình ảnh”.

Giấy phép

Các icon hình ảnh này đến từ Lucide, Phosphor, Bootstrap Icons, 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 hình ảnh 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 file icon.
Làm thế nào để đổi màu một icon hình ảnh?
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 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 vào Code Embed) hoặc Copy JSX cho một component React.