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

Ícone Clock Filled

boxicons:clock-filled

O ícone Clock Filled (boxicons:clock-filled) é um ícone SVG gratuito da coleção Boxicons. Ele é desenhado em uma grade de 24 × 24. Boxicons 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
Boxicons
Autor
Boxicons
Licença
MIT
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" d="M12 2C6.58 2 2 6.58 2 12s4.58 10 10 10s10-4.58 10-10S17.42 2 12 2m5 11h-6V7h2v4h4z"/></svg>

Como usar o ícone Clock Filled

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="boxicons:clock-filled"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Boxicons

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

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 Dinkie Icons
Dinkie Icons
 Ícone Clock Filled de Lucide Extended
Lucide Extended
 Í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. Boxicons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Clock Filled no React?

Instale @iconify/react e renderize <Icon icon="boxicons: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/boxicons/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 Boxicons →