Ícones Grátis de Carrinho de Compras (SVG)

48 ícones de carrinho de compras de bibliotecas open-source — clique em um para mudar o tamanho, a cor e o traço, e copie como SVG, JSX, data URI ou CSS.

Atualizado em

Como usar ícones de carrinho de compras

Um ícone de carrinho ou sacola abre a cesta em lojas online, geralmente com um pequeno selo mostrando a quantidade de itens.

Todos os ícones aqui seguem currentColor, então assumem 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 mudar enquanto a página carrega.

Ícones acessíveis

Se o ícone for decorativo ou estiver ao lado de um 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 “Carrinho de compras”.

Licenças

Estes ícones de carrinho de compras vêm de Lucide, Tabler, Heroicons, Phosphor, Material Symbols, Material Design Icons e Carbon — bibliotecas 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 carrinho de compras são grátis para uso comercial?
Sim. Eles vêm de bibliotecas 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 mudar a cor de um ícone de carrinho de compras?
Os SVGs usam currentColor, então defina a propriedade color no 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.