ICONYZ
Português (Brasil)
Ícone Clock Filled de Lucide Extended

Ícone Clock Filled

lucide-extended:clock-filled

O ícone Clock Filled (lucide-extended:clock-filled) é um ícone SVG gratuito da coleção Lucide Extended de Applifted. Ele é desenhado em uma grade de 24 × 24. Lucide Extended icons são publicados sob a licença ISC, 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
Lucide Extended
Autor
Applifted
Licença
ISC
Tamanho
24 × 24
Tags
clockfilled
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 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12S5.925 1 12 1m0 4a1 1 0 0 0-1 1v6a1 1 0 0 0 .553.895l4 2a1 1 0 0 0 .894-1.79L13 11.382V6a1 1 0 0 0-1-1" clip-rule="evenodd"/></svg>

Como usar o ícone Clock Filled

React

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

<Icon icon="lucide-extended:clock-filled" width="24" />

Vue

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

<template>
  <Icon icon="lucide-extended:clock-filled" width="24" />
</template>

Svelte

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

<Icon icon="lucide-extended:clock-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--clock-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:clock-filled"></div>

Web component

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

<iconify-icon icon="lucide-extended:clock-filled"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/lucide-extended/clock-filled.svg" alt="Ícone Clock Filled" width="24" height="24">

Ícones relacionados em Lucide Extended

Ícone clock-1-duotone
clock-1-duotone
 Ícone clock-1-filled
clock-1-filled
 Ícone clock-10-duotone
clock-10-duotone
 Ícone clock-10-filled
clock-10-filled
 Ícone clock-11-duotone
clock-11-duotone
 Ícone clock-11-filled
clock-11-filled
 Ícone clock-12-duotone
clock-12-duotone
 Ícone clock-12-filled
clock-12-filled
 Ícone clock-2-duotone
clock-2-duotone
 Ícone clock-2-filled
clock-2-filled
 Ícone clock-3-duotone
clock-3-duotone
 Ícone clock-3-filled
clock-3-filled
 Ícone clock-4-duotone
clock-4-duotone
 Ícone clock-4-filled
clock-4-filled
 Ícone clock-5-duotone
clock-5-duotone
 Ícone clock-5-filled
clock-5-filled
 Ícone clock-6-duotone
clock-6-duotone
 Ícone clock-6-filled
clock-6-filled
 Ícone clock-7-duotone
clock-7-duotone
 Ícone clock-7-filled
clock-7-filled
 Ícone clock-8-duotone
clock-8-duotone
 Ícone clock-8-filled
clock-8-filled
 Ícone clock-9-duotone
clock-9-duotone
 Ícone clock-9-filled
clock-9-filled

O ícone Clock Filled em outras coleções

Ícone Clock Filled de Tabler Icons
Tabler Icons
 Ícone Clock Filled de Bitcoin Icons
Bitcoin Icons
 Ícone Clock Filled de Boxicons
Boxicons
 Ícone Clock Filled de Dinkie Icons
Dinkie Icons
 Ícone Clock Filled de Reicon
Reicon
 Ícone Clock Filled de Siemens Industrial Experience Icons
Siemens Industrial Experience Icons

Perguntas frequentes sobre Ícone Clock Filled

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

Sim. Lucide Extended icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Clock Filled no React?

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

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

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

Ver todos os Ícones Lucide Extended →