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

Ícones de Localização Grátis (SVG)

48 ícones de localização 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

map-pin
Lucidemap-pin
Tablermap-pin
Heroiconsmap-pin
Phosphorpin-map
Bootstrap Iconsmap-pin
Iconoirmap-pin-20-filled
Fluent UIbus-map-pin
Material Symbolsmap-pin-x
Lucidemap-pin-filled
Tablermap-pin-16-solid
Heroiconsmap-pin-bold
Phosphorpin-map-fill
Bootstrap Iconsmap-pin-plus
Iconoirmap-pin-20-regular
Fluent UIbus-map-pin-outline
Material Symbolsmap-pin-off
Lucidemap-pin-2
Tablermap-pin-20-solid
Heroiconsmap-pin-duotone
Phosphormap-pin-minus
Iconoirbus-map-pin-outline-rounded
Material Symbolsmap-pin-pen
Lucidemap-pin-x
Tablermap-pin-solid
Heroiconsmap-pin-fill
Phosphormap-pin-xmark
Iconoirbus-map-pin-outline-sharp
Material Symbolsmap-pin-plus
Lucidemap-pin-up
Tablermap-pin-light
Phosphorbus-map-pin-rounded
Material Symbolsmap-pin-check
Lucidemap-pin-cog
Tablermap-pin-line
Phosphorbus-map-pin-sharp
Material Symbolsmap-pin-house
Lucidemap-pin-off
Tablermap-pin-thin
Phosphormap-pin-heart
Material Symbolsmap-pin-minus
Lucidemap-pin-pin
Tablermap-pin-area
Phosphormap-pin-heart-outline
Material Symbolsmap-pin-search
Lucidemap-pin-bolt
Tablermap-pin-area-bold
Phosphormap-pin-heart-outline-rounded
Material Symbols

Como usar ícones de localização

Pinos de mapa marcam endereços, localizadores de lojas e recursos de “perto de mim”.

Todos os ícones aqui seguem currentColor, então herdam a cor do texto do elemento onde estão. Um 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 mudar 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 com o texto “Localização”.

Licenças

Estes ícones de localização vêm da Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI e Material Symbols. São conjuntos open-source sob licenças MIT, ISC ou Apache 2.0, que permitem uso pessoal e comercial. Precisa de outro ícone? Pesquise em mais de 70.000 ícones no SVG Icon Finder.

Perguntas frequentes

Esses ícones de localização 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 localização?
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 Copy to Webflow (cola como um Code Embed) ou Copy JSX para um componente React.