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

Ícones de Link Grátis (SVG)

48 ícones de link de conjuntos de código aberto — clique em um para mudar tamanho, cor e traço e copie como SVG, JSX, data URI ou CSS.

Atualizado em

link
Lucidelink
Tablerlink
Heroiconslink
Phosphorlink
Bootstrap Iconslink
Iconoirlink-12-filled
Fluent UIlink
Material Symbolslink
Material Design Iconslink
Carbonlink-2
Lucidelink-filled
Tablerlink-16-solid
Heroiconslink-bold
Phosphorlink-12-regular
Fluent UIlink-rounded
Material Symbolskey-link
Material Design Iconsbpmn-link-fill
Carbonlink-off
Tablerlink-20-solid
Heroiconslink-duotone
Phosphorlink-16-filled
Fluent UIlink-2
Material Symbolslink-box
Material Design Iconsbpmn-link-outline
Carbonhome-link
Tablerlink-solid
Heroiconslink-fill
Phosphorlink-16-regular
Fluent UIlink-2-rounded
Material Symbolslink-box-outline
Material Design Iconscopy-link
Carbonlink-plus
Tablerlink-light
Phosphorlink-20-filled
Fluent UIadd-link
Material Symbolslink-off
Material Design Iconsjump-link
Carbonlink-thin
Phosphorlink-20-regular
Fluent UIadd-link-rounded
Material Symbolsfile-link
Material Design Iconstext-link
Carbonlink-24-filled
Fluent UIlink-off
Material Symbolsfile-link-outline
Material Design Iconslink-24-regular
Fluent UIlink-off-rounded
Material Symbols

Usando ícones de link

Elos de corrente marcam hiperlinks, botões “copiar link” e contas conectadas.

Todos os ícones aqui seguem currentColor, então assumem a cor do texto do elemento em que 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 ficar 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 “Link”.

Licenças

Estes ícones de link vêm de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons e Carbon — conjuntos de código aberto 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 link são grátis para uso comercial?
Sim. Eles vêm de conjuntos de ícones de código aberto 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 link?
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 como um Code Embed) ou Copiar JSX para um componente React.