ICONYZ
Português (Brasil)
Ícone Clock 10 Fill de Keyline Icons

Ícone Clock 10 Fill

keyline-icons:clock-10-fill

O ícone Clock 10 Fill (keyline-icons:clock-10-fill) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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
Keyline Icons
Autor
Keyline Icons
Licença
MIT
Tamanho
24 × 24
Tags
clockfill
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 1C18.0751 1 23 5.9249 23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1ZM13 6C13 5.4477 12.5523 5 12 5C11.4477 5 11 5.4477 11 6L11 10.2679L8.1699 8.634C7.9402 8.5014 7.6673 8.4654 7.4111 8.5341C7.1549 8.6027 6.9365 8.7703 6.8039 9C6.5277 9.4783 6.6916 10.0899 7.1699 10.366L11.5 12.866C11.8094 13.0447 12.1906 13.0447 12.5 12.866C12.8094 12.6874 13 12.3573 13 12L13 6Z" clip-rule="evenodd"/></svg>

Como usar o ícone Clock 10 Fill

React

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

<Icon icon="keyline-icons:clock-10-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:clock-10-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:clock-10-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--clock-10-fill]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="keyline-icons:clock-10-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/clock-10-fill.svg" alt="Ícone Clock 10 Fill" width="24" height="24">

Ícones relacionados em Keyline Icons

Ícone clock
clock
 Ícone clock-1
clock-1
 Ícone clock-1-duotone
clock-1-duotone
 Ícone clock-1-fill
clock-1-fill
 Ícone clock-1-sharp
clock-1-sharp
 Ícone clock-1-sharp-duotone
clock-1-sharp-duotone
 Ícone clock-1-sharp-fill
clock-1-sharp-fill
 Ícone clock-1-sharp-two-tone
clock-1-sharp-two-tone
 Ícone clock-1-two-tone
clock-1-two-tone
 Ícone clock-10
clock-10
 Ícone clock-10-duotone
clock-10-duotone
 Ícone clock-10-sharp
clock-10-sharp
 Ícone clock-10-sharp-duotone
clock-10-sharp-duotone
 Ícone clock-10-sharp-fill
clock-10-sharp-fill
 Ícone clock-10-sharp-two-tone
clock-10-sharp-two-tone
 Ícone clock-10-two-tone
clock-10-two-tone
 Ícone clock-11
clock-11
 Ícone clock-11-duotone
clock-11-duotone
 Ícone clock-11-fill
clock-11-fill
 Ícone clock-11-sharp
clock-11-sharp
 Ícone clock-11-sharp-duotone
clock-11-sharp-duotone
 Ícone clock-11-sharp-fill
clock-11-sharp-fill
 Ícone clock-11-sharp-two-tone
clock-11-sharp-two-tone
 Ícone clock-11-two-tone
clock-11-two-tone

Perguntas frequentes sobre Ícone Clock 10 Fill

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

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

Como uso o ícone Clock 10 Fill no React?

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

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

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

Ver todos os Keyline Icons →