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

Ikon Awan Gratis (SVG)

48 ikon awan gratis dari set open-source — klik salah satu untuk mengubah ukuran, warna, dan stroke-nya, lalu salin sebagai SVG, JSX, data URI, atau CSS.

Diperbarui

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

Menggunakan ikon awan

Awan biasanya melambangkan penyimpanan online, sinkronisasi, dan hosting — atau cuaca, tergantung konteksnya.

Semua ikon di sini mengikuti currentColor, sehingga warnanya mengikuti warna teks dari elemen tempat ikon itu berada — satu SVG bisa dipakai di latar terang maupun gelap, di tautan maupun tombol. Atur width dan height secara eksplisit (atau atur ukurannya di CSS dengan 1em) supaya tata letak tidak bergeser saat halaman dimuat.

Ikon yang ramah aksesibilitas

Jika ikon bersifat dekoratif atau berada di samping teks yang terlihat, tambahkan aria-hidden="true". Jika ikon adalah satu-satunya konten tombol atau tautan, beri elemen tersebut aria-label seperti “Cloud”.

Lisensi

Ikon awan ini berasal dari Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon — set open-source dengan lisensi MIT, ISC, atau Apache 2.0, yang mengizinkan penggunaan pribadi maupun komersial. Butuh ikon lain? Cari di antara lebih dari 70.000 ikon di SVG Icon Finder.

Pertanyaan yang sering diajukan

Apakah ikon awan ini gratis untuk penggunaan komersial?
Ya. Ikon ini berasal dari set ikon open-source dengan lisensi MIT, ISC, atau Apache 2.0, yang mengizinkan penggunaan komersial. Tetap cantumkan pemberitahuan lisensi jika kamu mendistribusikan ulang file ikonnya sendiri.
Bagaimana cara mengubah warna ikon awan?
SVG-nya menggunakan currentColor, jadi atur warna CSS pada elemen induknya — atau buka ikon di pencari dan pilih warna tetap sebelum menyalinnya.
Bisakah saya memakai ikon ini di Webflow atau React?
Bisa. Buka ikon lalu gunakan Copy to Webflow (menempel sebagai Code Embed) atau Copy JSX untuk komponen React.