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

Ícone Clock 2 Fill

keyline-icons:clock-2-fill

O ícone Clock 2 Fill (keyline-icons:clock-2-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.3573 11.1906 12.6874 11.5 12.866C11.8094 13.0447 12.1906 13.0447 12.5 12.866L16.8301 10.366C17.0598 10.2334 17.2274 10.015 17.296 9.7588C17.3647 9.5026 17.3287 9.2297 17.1961 9C16.92 8.5217 16.3084 8.3578 15.8301 8.634L13 10.2679L13 6C13 5.4477 12.5523 5 12 5C11.4477 5 11 5.4477 11 6Z" clip-rule="evenodd"/></svg>

Como usar o ícone Clock 2 Fill

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagem HTML

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

O ícone Clock 2 Fill em outras coleções

Ícone Clock 2 Fill de MingCute Icon
MingCute Icon

Perguntas frequentes sobre Ícone Clock 2 Fill

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

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

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

Ver todos os Keyline Icons →