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

Iconos de subir gratis (SVG)

48 iconos de subir de sets de código abierto: haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, data URI o CSS.

Actualizado el

upload
Lucideupload
Tablerupload
Phosphorupload
Bootstrap Iconsupload
Iconoirarrow-upload-16-filled
Fluent UIupload
Material Symbolsupload
Material Design Iconsupload
Carboncloud-upload
Lucidebook-upload
Tablerupload-bold
Phosphorcloud-upload
Bootstrap Iconscloud-upload
Iconoirarrow-upload-16-regular
Fluent UIupload-rounded
Material Symbolsupload-outline
Material Design Iconscloud-upload
Carbonhard-drive-upload
Lucidefile-upload
Tablerupload-duotone
Phosphorcloud-upload-fill
Bootstrap Iconsbubble-upload
Iconoirarrow-upload-20-filled
Fluent UIupload-sharp
Material Symbolsupload-box
Material Design Iconsfetch-upload
Carbonfile-upload-filled
Tablerupload-fill
Phosphorshield-upload
Iconoirarrow-upload-20-regular
Fluent UIupload-2
Material Symbolsupload-box-outline
Material Design Iconscloud-upload
Tablerupload-light
Phosphorupload-square
Iconoirarrow-upload-24-filled
Fluent UIupload-2-outline
Material Symbolsupload-off
Material Design Iconsworld-upload
Tablerupload-thin
Phosphorupload-square-solid
Iconoirarrow-upload-24-regular
Fluent UIupload-2-outline-rounded
Material Symbolsupload-off-outline
Material Design Iconsupload-simple
Phosphorupload-data-window
Iconoirarrow-upload-32-filled
Fluent UI

Usar iconos de subir

Una flecha hacia arriba significa subir o importar; combina muy bien con las zonas de arrastrar y soltar.

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 un width y un height explícitos (o ajústalos en CSS con 1em) para que el diseño no se mueva mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va 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 “Subir”.

Licencias

Estos iconos de subir provienen de Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons y Carbon: sets de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas algo más? Busca entre más de 70.000 iconos en el Buscador de iconos SVG.

Preguntas frecuentes

¿Son gratuitos para uso comercial estos iconos de subir?
Sí. Provienen de sets de iconos de código abierto con licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los propios archivos de iconos.
¿Cómo cambio el color de un icono de subir?
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.