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

Ícones de Relógio Grátis (SVG)

48 ícones de relógio grátis 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

clock
Lucideclock
Tablerclock
Heroiconsclock
Phosphorclock
Bootstrap Iconsclock
Iconoirclock-12-filled
Fluent UIlock-clock
Material Symbolsclock
Material Design Iconsclock-1
Lucideclock-filled
Tablerclock-16-solid
Heroiconsclock-bold
Phosphorclock-fill
Bootstrap Iconsclock-solid
Iconoirclock-12-regular
Fluent UIlock-clock-outline
Material Symbolsclock-outline
Material Design Iconsclock-2
Lucideclock-2
Tablerclock-20-solid
Heroiconsclock-duotone
Phosphorclock-16-filled
Fluent UIlock-clock-outline-rounded
Material Symbolsclock-in
Material Design Iconsclock-3
Lucideclock-x
Tablerclock-solid
Heroiconsclock-fill
Phosphorclock-16-regular
Fluent UIlock-clock-outline-sharp
Material Symbolsbed-clock
Material Design Iconsclock-4
Lucideclock-12
Tablerclock-light
Phosphorclock-20-filled
Fluent UIlock-clock-rounded
Material Symbolsbus-clock
Material Design Iconsclock-5
Lucideclock-24
Tablerclock-thin
Phosphorclock-20-regular
Fluent UIlock-clock-sharp
Material Symbolscar-clock
Material Design Iconsclock-6
Lucideclock-up
Tablerclock-24-filled
Fluent UIsave-clock
Material Symbols

Usando ícones de relógio

Relógios mostram horário, duração, histórico e listas de “visualizados recentemente”.

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

Licenças

Estes ícones de relógio vêm de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, 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 todos os mais de 70.000 ícones no SVG Icon Finder.

Perguntas frequentes

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