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

Ícone Clock 1 Fill

keyline-icons:clock-1-fill

O ícone Clock 1 Fill (keyline-icons:clock-1-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 1ZM11 6L11 12C11 12.4526 11.304 12.8488 11.7412 12.9659C12.1784 13.0831 12.6397 12.892 12.866 12.5L15.366 8.1699C15.4986 7.9402 15.5346 7.6673 15.4659 7.4111C15.3973 7.1549 15.2297 6.9365 15 6.8039C14.5217 6.5277 13.9101 6.6916 13.634 7.1699L13 8.268L13 6C13 5.4477 12.5523 5 12 5C11.4477 5 11 5.4477 11 6Z" clip-rule="evenodd"/></svg>

Como usar o ícone Clock 1 Fill

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:clock-1-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-1-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/clock-1-fill.svg" alt="Ícone Clock 1 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-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-fill
clock-10-fill
 Í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 1 Fill

O ícone Clock 1 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 1 Fill no React?

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

Como adiciono o ícone Clock 1 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-1-fill.svg" alt="Ícone Clock 1 Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →