ICONYZ
Português (Brasil)
Ícone Clock de andrsrxn/icons

Ícone Clock

andrsrxn:clock

O ícone Clock (andrsrxn:clock) é um ícone SVG gratuito da coleção andrsrxn/icons de Andrés Raxón. Ele é desenhado em uma grade de 24 × 24. andrsrxn/icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
andrsrxn/icons
Autor
Andrés Raxón
Licença
MIT
Tamanho
24 × 24
Categoria
Tempo
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><circle cx="12" cy="12" r="10.25" fill="currentColor" opacity=".2"/><circle cx="12" cy="12" r="10.25" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16.04 15.78l-2.93-1.95c-.87-.58-1.3-.87-1.54-1.32c-.24-.44-.24-.96-.24-2.01V6.31"/></g></svg>

Como usar o ícone Clock

React

import { Icon } from "@iconify/react";

<Icon icon="andrsrxn:clock" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="andrsrxn:clock" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="andrsrxn:clock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--clock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:clock"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="andrsrxn:clock"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/andrsrxn/clock.svg" alt="Ícone Clock" width="24" height="24">

Ícones relacionados em andrsrxn/icons

Ícone clock-hour-eight
clock-hour-eight
 Ícone clock-hour-eleven
clock-hour-eleven
 Ícone clock-hour-five
clock-hour-five
 Ícone clock-hour-four
clock-hour-four
 Ícone clock-hour-nine
clock-hour-nine
 Ícone clock-hour-one
clock-hour-one
 Ícone clock-hour-seven
clock-hour-seven
 Ícone clock-hour-six
clock-hour-six
 Ícone clock-hour-ten
clock-hour-ten
 Ícone clock-hour-three
clock-hour-three
 Ícone clock-hour-twelve
clock-hour-twelve
 Ícone clock-hour-two
clock-hour-two
 Ícone clock-lightning
clock-lightning
 Ícone clock-sparkle
clock-sparkle
 Ícone clock-time
clock-time
 Ícone clock-twelve
clock-twelve
 Ícone clock-twenty-four
clock-twenty-four

O ícone Clock em outras coleções

Ícone Clock de Material Design Icons
Material Design Icons
 Ícone Clock de Lucide
Lucide
 Ícone Clock de Tabler Icons
Tabler Icons
 Ícone Clock de Font Awesome 6 Solid
Font Awesome 6 Solid
 Ícone Clock de Phosphor
Phosphor
 Ícone Clock de Bootstrap Icons
Bootstrap Icons
 Ícone Clock de HeroIcons
HeroIcons
 Ícone Clock de @icons
@icons
 Ícone Clock de Akar Icons
Akar Icons
 Ícone Clock de Arcticons
Arcticons
 Ícone Clock de Boxicons
Boxicons
 Ícone Clock de Bytesize Icons
Bytesize Icons

Perguntas frequentes sobre Ícone Clock

O ícone Clock é grátis para uso comercial?

Sim. andrsrxn/icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Clock no React?

Instale @iconify/react e renderize <Icon icon="andrsrxn:clock" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Clock a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/andrsrxn/clock.svg" alt="Ícone Clock">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os andrsrxn/icons →