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

Ícones de Busca Grátis (SVG)

48 ícones de busca 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

search
Lucidesearch
Tablersearch
Bootstrap Iconssearch
Iconoirsearch-12-filled
Fluent UIsearch
Material Symbolssearch
Material Design Iconssearch
Carbonsearch-x
Lucidesearch-filled
Tablerdoc-search
Iconoirsearch-12-regular
Fluent UIsearch-rounded
Material Symbolscar-search
Material Design Iconsbook-search
Lucideeye-search
Tablerarea-search
Iconoirsearch-16-filled
Fluent UImap-search
Material Symbolscar-search-outline
Material Design Iconsfile-search
Lucidemap-search
Tablerpage-search
Iconoirsearch-16-regular
Fluent UImap-search-outline
Material Symbolssearch-add
Material Design Iconsmail-search
Lucidesearch-off
Tablersearch-font
Iconoirsearch-20-filled
Fluent UImap-search-outline-rounded
Material Symbolssearch-add-outline
Material Design Iconsscan-search
Lucidebell-search
Tablersearch-20-regular
Fluent UImap-search-outline-sharp
Material Symbolsmap-search
Material Design Iconssearch-code
Lucidefile-search
Tablersearch-24-filled
Fluent UImap-search-rounded
Material Symbolsmap-search-outline
Material Design Iconstext-search
Lucideflag-search
Tablersearch-24-regular
Fluent UImap-search-sharp
Material Symbolssearch-web
Material Design Iconsuser-search
Lucide

Como usar ícones de busca

Uma lupa identifica campos e botões de pesquisa; coloque-a dentro do input à esquerda, ou como um botão que expande para um campo em telas pequenas.

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 width e height explicitamente (ou dimensione-os no CSS com 1em) para o layout não mudar enquanto a página carrega.

Ícones acessíveis

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

Licenças

Estes ícones de busca vêm de Lucide, Tabler, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons e 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 busca 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 busca?
Os SVGs usam currentColor, então defina a propriedade color em 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 Copiar para o Webflow (cola um Code Embed) ou Copiar JSX para um componente React.