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

Iconos de nube gratuitos (SVG)

48 iconos de nube gratuitos de conjuntos open source: haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, data URI o CSS.

Actualizado el

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

Uso de iconos de nube

Las nubes representan almacenamiento en línea, sincronización y alojamiento, y también el clima, según el contexto.

Todos los iconos de aquí siguen currentColor, así que toman el color de texto del elemento en el que están: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define explícitamente width y height (o ajústalos en CSS con 1em) para que el diseño no se desplace mientras carga la página.

Iconos accesibles

Si el icono es decorativo o está junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label como “Nube”.

Licencias

Estos iconos de nube provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons y Carbon: conjuntos open source con licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas otra cosa? Busca entre más de 70.000 iconos en el SVG Icon Finder.

Preguntas frecuentes

¿Son gratuitos estos iconos de nube para uso comercial?
Sí. Provienen de conjuntos de iconos open source con licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los propios archivos de los iconos.
¿Cómo cambio el color de un icono de nube?
Los SVG usan currentColor, así que define el color CSS del elemento padre, o abre el icono en el buscador y elige un color fijo antes de copiarlo.
¿Puedo usar estos iconos en Webflow o React?
Sí. Abre un icono y usa Copy to Webflow (pega un Code Embed) o Copy JSX para un componente de React.