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

Ícones de Imagem Grátis (SVG)

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

Atualizado em

image
Lucideimage
Phosphorimage
Bootstrap Iconsimage-16-filled
Fluent UIimage
Material Symbolsimage
Material Design Iconsimage
Carbonimage-up
Lucideimage-bold
Phosphorimage-fill
Bootstrap Iconsimage-16-regular
Fluent UIimage-outline
Material Symbolsimage-outline
Material Design Iconsno-image
Carbonimage-off
Lucideimage-duotone
Phosphorimage-alt
Bootstrap Iconsimage-20-filled
Fluent UIimage-outline-rounded
Material Symbolsimage-off
Material Design Iconsimage-copy
Carbonbook-image
Lucideimage-fill
Phosphorcard-image
Bootstrap Iconsimage-20-regular
Fluent UIimage-outline-sharp
Material Symbolsimage-off-outline
Material Design Iconsfile-image
Lucideimage-light
Phosphorfile-image
Bootstrap Iconsimage-24-filled
Fluent UIimage-rounded
Material Symbolsimage-360
Material Design Iconsimage-down
Lucideimage-thin
Phosphorfile-image-fill
Bootstrap Iconsimage-24-regular
Fluent UIimage-sharp
Material Symbolsimage-360-outline
Material Design Iconsimage-play
Lucideimage-28-filled
Fluent UIhide-image
Material Symbolsfile-image
Material Design Iconsimage-plus
Lucideimage-28-regular
Fluent UIhide-image-outline
Material Symbolsfile-image-outline
Material Design Iconsimage-32-filled
Fluent UI

Como usar ícones de imagem

Um quadro de foto com uma montanha marca imagens, galerias e áreas de upload de fotos.

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

Ícones acessíveis

Se o ícone for decorativo ou estiver ao lado de 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 “Imagem”.

Licenças

Estes ícones de imagem vêm de Lucide, Phosphor, Bootstrap Icons, 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 imagem 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 redistribuir os próprios arquivos de ícone.
Como mudo a cor de um ícone de imagem?
Os SVGs usam currentColor, então defina a cor CSS do elemento pai — ou abra o ícone no buscador e escolha uma cor fixa antes de copiar.
Posso usar esses ícones no Webflow ou no React?
Sim. Abra um ícone e use Copiar para Webflow (cola um Code Embed) ou Copiar JSX para um componente React.