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

Ícones de Chat Grátis (SVG)

48 ícones de chat gratuitos de conjuntos open-source — clique em um para alterar tamanho, cor e traço e copie como SVG, JSX, data URI ou CSS.

Atualizado em

chat
Phosphorchat
Bootstrap Iconschat-12-filled
Fluent UIchat
Material Symbolschat
Material Design Iconschat
Carbonchat-bold
Phosphorchat-fill
Bootstrap Iconschat-12-regular
Fluent UIchat-outline
Material Symbolschat-outline
Material Design Iconschat-bot
Carbonchat-duotone
Phosphorchat-dots
Bootstrap Iconschat-16-filled
Fluent UIchat-outline-rounded
Material Symbolschat-add
Material Design Iconschat-off
Carbonchat-fill
Phosphorchat-dots-fill
Bootstrap Iconschat-16-regular
Fluent UIchat-outline-sharp
Material Symbolschat-add-outline
Material Design Iconschat-light
Phosphorchat-left
Bootstrap Iconschat-20-filled
Fluent UIchat-rounded
Material Symbolschat-plus
Material Design Iconschat-thin
Phosphorchat-left-fill
Bootstrap Iconschat-20-regular
Fluent UIchat-sharp
Material Symbolschat-plus-outline
Material Design Iconschat-dots
Phosphorchat-text
Bootstrap Iconschat-24-filled
Fluent UIchat-info
Material Symbolschat-dots-bold
Phosphorchat-text-fill
Bootstrap Iconschat-24-regular
Fluent UIchat-info-outline
Material Symbolschat-dots-duotone
Phosphorchat-28-filled
Fluent UIchat-info-outline-rounded
Material Symbolschat-dots-fill
Phosphorchat-28-regular
Fluent UIchat-info-outline-sharp
Material Symbolschat-dots-light
Phosphor

Usando ícones de chat

Balões de fala sinalizam comentários, mensagens, suporte por chat e feedback.

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 explicitamente width e height (ou dimensione-os no CSS com 1em) para que o layout não se desloque 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 “Chat”.

Licenças

Estes ícones de chat vêm de Phosphor, Bootstrap Icons, 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

Estes ícones de chat são gratuitos 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 chat?
Os SVGs usam currentColor, então defina a propriedade color em CSS no elemento pai — ou abra o ícone no localizador e escolha uma cor fixa antes de copiar.
Posso usar estes í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.