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

Ícones de Compartilhar Grátis (SVG)

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

share
Lucideshare
Tablershare
Heroiconsshare
Phosphorshare
Bootstrap Iconsshare-ios
Iconoirshare-16-filled
Fluent UIshare
Material Symbolsshare
Material Design Iconsshare
Carbonshare-2
Lucideshare-2
Tablershare-16-solid
Heroiconsshare-bold
Phosphorshare-fill
Bootstrap Iconsshare-16-regular
Fluent UIshare-outline
Material Symbolsshare-outline
Material Design Iconsdata-share
Carbonshare-3
Tablershare-20-solid
Heroiconsshare-duotone
Phosphorshare-20-filled
Fluent UIios-share
Material Symbolsios-share
Material Design Iconseye-share
Tablershare-solid
Heroiconsshare-fill
Phosphorshare-20-regular
Fluent UIios-share-rounded
Material Symbolsshare-all
Material Design Iconsmap-share
Tablershare-light
Phosphorshare-24-filled
Fluent UIios-share-sharp
Material Symbolsshare-all-outline
Material Design Iconsshare-off
Tablershare-thin
Phosphorshare-24-regular
Fluent UIshare-eta
Material Symbolsshare-off
Material Design Iconsbell-share
Tablershare-fat
Phosphorshare-28-filled
Fluent UIshare-eta-rounded
Material Symbolsshare-off-outline
Material Design Iconsflag-share
Tablershare-fat-bold
Phosphor

Como usar ícones de compartilhar

Ícones de compartilhar abrem o menu de compartilhamento ou copiam um link. As caixas estilo iOS, com uma seta, e os pontos conectados estilo Android são ambos bem reconhecidos.

Todos os ícones aqui seguem currentColor, então herdam 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 “Compartilhar”.

Licenças

Estes ícones de compartilhar vêm da Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons e Carbon. São 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 compartilhar 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 você redistribuir os próprios arquivos de ícone.
Como mudo a cor de um ícone de compartilhar?
Os SVGs usam currentColor, então defina a propriedade color no CSS do elemento pai. Você também pode abrir o ícone no buscador e escolher 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.