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

Ícones de Gráfico Grátis (SVG)

48 ícones de gráfico 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

chart-line
Lucidechart-line
Tablerchart-bar
Heroiconschart-line
Phosphorbar-chart
Bootstrap Iconsadd-chart
Material Symbolschart-line
Material Design Iconschart-line
Carbonchart-bar
Lucidechart-bar
Tablerchart-bar-16-solid
Heroiconschart-bar
Phosphorbar-chart-fill
Bootstrap Iconsadd-chart-outline
Material Symbolschart-arc
Material Design Iconschart-3d
Carbonchart-pie
Lucidechart-pie
Tablerchart-bar-20-solid
Heroiconschart-bar-bold
Phosphorbar-chart-line
Bootstrap Iconsadd-chart-outline-rounded
Material Symbolschart-bar
Material Design Iconschart-bar
Carbonchart-area
Lucidechart-pie-filled
Tablerchart-bar-solid
Heroiconschart-bar-duotone
Phosphorpie-chart
Bootstrap Iconsadd-chart-outline-sharp
Material Symbolschart-box
Material Design Iconschart-pie
Carbonfile-chart-line
Lucidechart-ppf
Tablerchart-pie
Heroiconschart-bar-fill
Phosphorpie-chart-fill
Bootstrap Iconsadd-chart-rounded
Material Symbolschart-box-outline
Material Design Iconschart-area
Carbonchart-arcs
Tablerchart-pie-16-solid
Heroiconschart-bar-light
Phosphoradd-chart-sharp
Material Symbolschart-pie
Material Design Iconschart-ring
Carbonchart-area
Tablerchart-pie-20-solid
Heroicons

Usando ícones de gráfico

Ícones de gráfico de barras, linhas e pizza representam análises, relatórios e dashboards.

Todos os ícones aqui seguem currentColor, então herdam a cor do texto do elemento onde 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 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 “Gráfico”.

Licenças

Estes ícones de gráfico vêm dos conjuntos Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, 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 em mais de 70.000 ícones no SVG Icon Finder.

Perguntas frequentes

Esses ícones de gráfico 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 gráfico?
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 um Code Embed) ou Copy JSX para um componente React.