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

Ícones de Marcador Grátis (SVG)

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

bookmark
Lucidebookmark
Tablerbookmark
Heroiconsbookmark
Phosphorbookmark
Bootstrap Iconsbookmark
Iconoirbookmark-12-filled
Fluent UIbookmark
Material Symbolsbookmark
Material Design Iconsbookmark
Carbonbookmark-x
Lucidebookmark-filled
Tablerbookmark-16-solid
Heroiconsbookmark-bold
Phosphorbookmark-fill
Bootstrap Iconsbookmark-solid
Iconoirbookmark-12-regular
Fluent UIbookmark-outline
Material Symbolsbookmark-outline
Material Design Iconsbookmark-filled
Carbonbookmark-off
Lucidebookmark-ai
Tablerbookmark-20-solid
Heroiconsbookmark-duotone
Phosphorbookmark-x
Bootstrap Iconsbookmark-book
Iconoirbookmark-16-filled
Fluent UIbookmark-outline-rounded
Material Symbolsbookmark-box
Material Design Iconsbookmark-add
Carbonbook-bookmark
Lucidebookmark-off
Tablerbookmark-solid
Heroiconsbookmark-fill
Phosphorbookmark-x-fill
Bootstrap Iconsbookmark-16-regular
Fluent UIbookmark-outline-sharp
Material Symbolsbookmark-box-outline
Material Design Iconsbookmark-plus
Lucidebookmark-edit
Tablerbookmark-light
Phosphorbookmark-dash
Bootstrap Iconsbookmark-20-filled
Fluent UIbookmark-rounded
Material Symbolsbookmark-off
Material Design Iconsbookmark-plus
Tablerbookmark-thin
Phosphorbookmark-dash-fill
Bootstrap Icons

Como usar ícones de marcador

Marcadores salvam itens para ler ou usar depois.

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 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 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 “Marcador”.

Licenças

Estes ícones de marcador vêm de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, 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

Esses ícones de marcador 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 marcador?
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 Copiar para Webflow (cola um Code Embed) ou Copiar JSX para um componente React.