ICONYZ
Português (Brasil)
Ícone Clock Solid de HeroIcons

Ícone Clock Solid

heroicons:clock-solid

O ícone Clock Solid (heroicons:clock-solid) é um ícone SVG gratuito da coleção HeroIcons de Refactoring UI Inc. Ele é desenhado em uma grade de 24 × 24. HeroIcons 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
HeroIcons
Autor
Refactoring UI Inc
Licença
MIT
Tamanho
24 × 24
Tags
clocksolid
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75s9.75-4.365 9.75-9.75S17.385 2.25 12 2.25M12.75 6a.75.75 0 0 0-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 0 0 0-1.5h-3.75z" clip-rule="evenodd"/></svg>

Como usar o ícone Clock Solid

React

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

<Icon icon="heroicons:clock-solid" width="24" />

Vue

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

<template>
  <Icon icon="heroicons:clock-solid" width="24" />
</template>

Svelte

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

<Icon icon="heroicons:clock-solid" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="heroicons:clock-solid"></iconify-icon>

Imagem HTML

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

Ícones relacionados em HeroIcons

Ícone clock
clock
 Ícone clock-16-solid
clock-16-solid
 Ícone clock-20-solid
clock-20-solid

O ícone Clock Solid em outras coleções

Ícone Clock Solid de Basil
Basil
 Ícone Clock Solid de Clarity
Clarity
 Ícone Clock Solid de Flowbite Icons
Flowbite Icons
 Ícone Clock Solid de Iconoir
Iconoir
 Ícone Clock Solid de Line Awesome
Line Awesome
 Ícone Clock Solid de Pixel Icon
Pixel Icon
 Ícone Clock Solid de Rivet Icons
Rivet Icons
 Ícone Clock Solid de Stash Icons
Stash Icons
 Ícone Clock Solid de Teenyicons
Teenyicons

Perguntas frequentes sobre Ícone Clock Solid

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

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

Como uso o ícone Clock Solid no React?

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

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

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

Ver todos os HeroIcons →