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

Icon Đám Mây Miễn Phí (SVG)

48 icon đám mây 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à độ dày nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

cloud
Lucidecloud
Tablercloud
Heroiconscloud
Phosphorcloud
Bootstrap Iconscloud
Iconoircloud-16-filled
Fluent UIcloud
Material Symbolscloud
Material Design Iconscloud
Carboncloud-cog
Lucidecloud-filled
Tablercloud-16-solid
Heroiconscloud-bold
Phosphorcloud-fill
Bootstrap Iconscloud-16-regular
Fluent UIcloud-outline
Material Symbolscloud-outline
Material Design Iconscloud-app
Carboncloud-fog
Lucidecloud-x
Tablercloud-20-solid
Heroiconscloud-duotone
Phosphorcloud-fog
Bootstrap Iconscloud-20-filled
Fluent UIcloud-off
Material Symbolscloud-cog
Material Design Iconsibm-cloud
Carboncloud-off
Lucidecloud-up
Tablercloud-solid
Heroiconscloud-fill
Phosphorcloud-fog-fill
Bootstrap Iconscloud-20-regular
Fluent UIcloud-off-outline
Material Symbolscloud-cog-outline
Material Design Iconscloud-sun
Lucidecloud-cog
Tablercloud-light
Phosphorcloud-sun
Bootstrap Iconscloud-24-filled
Fluent UIcloud-off-outline-rounded
Material Symbolscloud-key
Material Design Iconscloud-fog
Tablercloud-thin
Phosphorcloud-sun-fill
Bootstrap Iconscloud-24-regular
Fluent UIcloud-off-rounded
Material Symbols

Cách dùng icon đám mây

Đám mây thường tượng trưng cho lưu trữ trực tuyến, đồng bộ và hosting — hoặc thời tiết, tùy ngữ cảnh.

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 cho cả 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 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ư “Đám mây”.

Giấy phép

Các icon đám mây 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 mây 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ữ 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 đám mây?
Các SVG dùng currentColor, nên bạn chỉ cần đặt color CSS cho phần tử cha — hoặc mở icon trong công cụ tìm kiếm và chọn 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 và dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX cho component React.