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

Ícones de Upload Grátis (SVG)

48 ícones de upload gratuitos de conjuntos open-source — clique em um para mudar o tamanho, a cor e o traço e copie como SVG, JSX, data URI ou CSS.

Atualizado em

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

Usando ícones de upload

Uma seta apontando para cima significa enviar ou importar; ela combina bem com áreas de arrastar e soltar.

Todos os ícones aqui seguem currentColor, então assumem a cor do texto do elemento em que estão — um único SVG funciona em fundos claros e escuros, em links e em botões. Defina um width e um height explícitos (ou dimensione-os no CSS com 1em) para que o layout não mude enquanto a página carrega.

Ícones acessíveis

Se o ícone for decorativo ou estiver ao lado de um texto visível, adicione aria-hidden="true". Se ele for o único conteúdo de um botão ou link, dê a esse elemento um aria-label, como “Enviar”.

Licenças

Estes ícones de upload vêm de Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon — conjuntos open-source sob licenças MIT, ISC ou Apache 2.0, que permitem uso pessoal e comercial. Precisa de outra coisa? Pesquise todos os mais de 70.000 ícones no SVG Icon Finder.

Perguntas frequentes

Esses ícones de upload são gratuitos para uso comercial?
Sim. Eles vêm de conjuntos de ícones open-source sob licenças MIT, ISC ou Apache 2.0, que permitem uso comercial. Mantenha o aviso de licença se você redistribuir os próprios arquivos de ícone.
Como mudo a cor de um ícone de upload?
Os SVGs usam currentColor, então defina a cor CSS do elemento pai — ou abra o ícone no localizador e escolha uma cor fixa antes de copiar.
Posso usar esses ícones no Webflow ou no React?
Sim. Abra um ícone e use Copy to Webflow (cola um Code Embed) ou Copy JSX para um componente React.