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

Ícones de info grátis (SVG)

48 ícones de info grátis 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

info
Lucidefile-info
Tablerinfo
Phosphorinfo
Bootstrap Iconsinfo-circle
Iconoirinfo-12-filled
Fluent UIinfo
Material Symbolscar-info
Material Design Iconsbadge-info
Lucidefile-info-filled
Tablerinfo-bold
Phosphorinfo-lg
Bootstrap Iconsinfo-circle-solid
Iconoirinfo-12-regular
Fluent UIinfo-outline
Material Symbolsinformation
Material Design Iconsinfo-small
Tablerinfo-duotone
Phosphorinfo-circle
Bootstrap Iconsinfo-16-filled
Fluent UIinfo-outline-rounded
Material Symbolsinformation-outline
Material Design Iconsinfo-circle
Tablerinfo-fill
Phosphorinfo-circle-fill
Bootstrap Iconsinfo-16-regular
Fluent UIinfo-rounded
Material Symbolsinfo-circle-filled
Tablerinfo-light
Phosphorinfo-square
Bootstrap Iconsinfo-20-filled
Fluent UIinfo-i
Material Symbolsinfo-square
Tablerinfo-thin
Phosphorinfo-square-fill
Bootstrap Iconsinfo-20-regular
Fluent UIinfo-i-rounded
Material Symbolsinfo-square-filled
Tablerinfo-24-filled
Fluent UIchat-info
Material Symbolsinfo-hexagon
Tablerinfo-24-regular
Fluent UIchat-info-outline
Material Symbolsinfo-hexagon-filled
Tablerinfo-28-filled
Fluent UIchat-info-outline-rounded
Material Symbolsinfo-octagon
Tablerinfo-28-regular
Fluent UI

Usando ícones de info

Um “i” dentro de um círculo abre ajuda, dicas e informações extras.

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 o layout não pular 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 “Info”.

Licenças

Estes ícones de info vêm de Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols e Material Design Icons — 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 70.000+ ícones no SVG Icon Finder.

Perguntas frequentes

Esses ícones de info são grátis 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 info?
Os SVGs usam currentColor, então defina a propriedade color no 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 Copy to Webflow (cola um Code Embed) ou Copy JSX para um componente React.