ICONYZ
Português (Brasil)
Ícone Clock Seven de Unicons

Ícone Clock Seven

uil:clock-seven

O ícone Clock Seven (uil:clock-seven) é um ícone SVG gratuito da coleção Unicons de Iconscout. Ele é desenhado em uma grade de 24 × 24. Unicons são publicados sob a licença Apache 2.0, 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
Unicons
Autor
Iconscout
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Tempo
Tags
clockseven
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" d="M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2m0 18a8 8 0 1 1 8-8a8.01 8.01 0 0 1-8 8m0-14a1 1 0 0 0-1 1v4.749l-1.382 2.578a1 1 0 0 0 1.764.944l1.5-2.799A1 1 0 0 0 13 12V7a1 1 0 0 0-1-1"/></svg>

Como usar o ícone Clock Seven

React

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

<Icon icon="uil:clock-seven" width="24" />

Vue

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

<template>
  <Icon icon="uil:clock-seven" width="24" />
</template>

Svelte

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

<Icon icon="uil:clock-seven" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="uil:clock-seven"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Unicons

Ícone clock
clock
 Ícone clock-eight
clock-eight
 Ícone clock-five
clock-five
 Ícone clock-nine
clock-nine
 Ícone clock-ten
clock-ten
 Ícone clock-three
clock-three
 Ícone clock-two
clock-two

O ícone Clock Seven em outras coleções

Ícone Clock Seven de Unicons Monochrome
Unicons Monochrome
 Ícone Clock Seven de Unicons Solid
Unicons Solid
 Ícone Clock Seven de Unicons Thin Line
Unicons Thin Line

Perguntas frequentes sobre Ícone Clock Seven

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

Sim. Unicons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Clock Seven no React?

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

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

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

Ver todos os Unicons →