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

Ícones de Mais Grátis (SVG)

48 ícones de mais de conjuntos open source. Clique em um para alterar tamanho, cor e espessura do traço e copie como SVG, JSX, data URI ou CSS.

Atualizado em

plus
Lucideplus
Tablerplus
Heroiconsplus
Phosphorplus
Bootstrap Iconsplus
Iconoir1k-plus
Material Symbolsplus
Material Design Iconsmap-plus
Lucideplus-filled
Tablerplus-16-solid
Heroiconsplus-bold
Phosphorplus-lg
Bootstrap Iconskey-plus
Iconoir1k-plus-outline
Material Symbolsplus-outline
Material Design Iconseye-plus
Tablerplus-20-solid
Heroiconsplus-duotone
Phosphor1k-plus-outline-rounded
Material Symbolseye-plus
Material Design Iconsmap-plus
Tablerplus-solid
Heroiconsplus-fill
Phosphor1k-plus-outline-sharp
Material Symbolseye-plus-outline
Material Design Iconstag-plus
Tablerplus-light
Phosphor1k-plus-rounded
Material Symbolsfan-plus
Material Design Iconsplus-thin
Phosphor1k-plus-sharp
Material Symbolskey-plus
Material Design Icons2k-plus
Material Symbolsmap-plus
Material Design Icons2k-plus-outline
Material Symbolsplus-one
Material Design Icons2k-plus-outline-rounded
Material Symbolspen-plus
Material Design Icons2k-plus-outline-sharp
Material Symbolsplus-box
Material Design Icons2k-plus-rounded
Material Symbolsplus-box-outline
Material Design Icons2k-plus-sharp
Material Symbolstab-plus
Material Design Icons3k-plus
Material Symbolstag-plus
Material Design Icons3k-plus-outline
Material Symbols

Usando ícones de mais

O sinal de mais adiciona itens, abre “criar novo” e expande seções.

Todos os ícones aqui seguem currentColor, então herdam a cor do texto do elemento em que estão. Um mesmo 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 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 “Mais”.

Licenças

Estes ícones de mais vêm do Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Material Symbols e Material Design Icons. 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 em todos os mais de 70.000 ícones no Buscador de Ícones SVG.

Perguntas frequentes

Esses ícones de mais são grátis para uso comercial?
Sim. Eles vêm de conjuntos 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 mais?
Os SVGs usam currentColor, então defina a cor CSS do elemento pai. Como alternativa, abra o ícone no buscador e escolha uma cor fixa antes de copiar.
Posso usar esses ícones no Webflow ou no React?
Pode. Abra um ícone e use Copiar para Webflow (cola um Code Embed) ou Copiar JSX para um componente React.