ICONYZ
Español
Icono Time Clock 24 Hrs 2 de Freehand free icons

Icono Time Clock 24 Hrs 2

streamline-freehand:time-clock-24-hrs-2

El icono Time Clock 24 Hrs 2 (streamline-freehand:time-clock-24-hrs-2) es un icono SVG gratuito de la colección Freehand free icons de Streamline. Está dibujado en una cuadrícula de 24 × 24. Freehand free icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Freehand free icons
Autor
Streamline
Licencia
CC-BY-4.0
Tamaño
24 × 24
Categoría
Interfaz esencial
Etiquetas
timeclock, clockhrs, timeclockhrs
Descargar 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="M9.255 19.614a4.7 4.7 0 0 1-2.242-.13a6.8 6.8 0 0 1-2.072-1.006a8.84 8.84 0 0 1-3.017-4.164a12.2 12.2 0 0 1-.704-5.169A7.76 7.76 0 0 1 5.011 2.78a13.35 13.35 0 0 1 7.573-1.67a8.29 8.29 0 0 1 6.034 3.812a10.2 10.2 0 0 1 1.74 7.14a.3.3 0 0 0 .231.352a.28.28 0 0 0 .352-.22a10.85 10.85 0 0 0-1.63-7.714A9.2 9.2 0 0 0 12.716.064a14.3 14.3 0 0 0-8.307 1.74a8.79 8.79 0 0 0-4.234 7.24c-.11 1.897.196 3.795.895 5.562A9.7 9.7 0 0 0 4.49 19.1a7.4 7.4 0 0 0 2.333 1.006c.84.225 1.72.256 2.574.09a.35.35 0 0 0 .262-.412a.34.34 0 0 0-.403-.171"/><path fill="currentColor" d="M13.54 21.555a16 16 0 0 0 1.89-2.152c.43-.565.714-1.229.825-1.931a2.01 2.01 0 0 0-1.137-2.152a2.13 2.13 0 0 0-1.74-.11a3.4 3.4 0 0 0-1.84 1.467a5 5 0 0 0-.251.604q-.092.316-.131.644a.31.31 0 0 0 .271.331a.29.29 0 0 0 .322-.261q.045-.258.141-.503c.08-.17.161-.332.242-.473a2.56 2.56 0 0 1 1.196-.935a1.36 1.36 0 0 1 1.277 0a1.217 1.217 0 0 1 .403 1.67a11.3 11.3 0 0 1-2.243 3.016a9 9 0 0 0-1.116 1.137a.91.91 0 0 0-.12.764a.73.73 0 0 0 .391.422q.31.127.644.151l2.373.171h1.066a.342.342 0 0 0 0-.673h-.965l-2.273-.322l-.14-.06l.16-.131c.252-.292.634-.553.754-.674m10.037-2.021c-.272-.141-.845 0-1.88.17v-.251c0-1.006-.152-1.9-.202-2.464a.31.31 0 0 0-.302-.302a.29.29 0 0 0-.291.302c-.07.553-.232 1.448-.302 2.444v.372l-.704.08q-.745.045-1.488 0h-.392a.55.55 0 0 1-.262-.06a82 82 0 0 1 1.398-3.47c.138-.354.317-.692.533-1.005a.31.31 0 0 0 0-.422a.3.3 0 0 0-.422 0a5 5 0 0 0-.735 1.005c-.452.825-.824 1.79-1.216 2.544c-.25.4-.44.833-.564 1.288a.85.85 0 0 0 .232.754c.144.147.324.255.523.312c.311.081.633.115.955.1c.422 0 .855-.05 1.297-.11c.443-.06.584-.121.875-.181v.301q.03 1.243.201 2.474q.013.165.06.322c.091.231.252.272.343.262a.34.34 0 0 0 .342-.342s.11-1.65.16-2.706v-.523c.342-.06 1.378-.17 1.74-.281c.362-.11.362-.252.372-.332a.35.35 0 0 0-.271-.282m-11.364-8.266q.117-.389.11-.794c0-.453 0-1.117-.06-1.86c-.08-1.359-.241-3.018-.271-4.245a.342.342 0 1 0-.684 0c-.09 1.257-.11 2.927-.11 4.294v2.002h-.624l-1.61.1l-2.684.06a.29.29 0 0 0-.312.282a.3.3 0 0 0 .281.312c1.137.11 3.088.332 4.335.352c.43.034.863-.01 1.277-.13a.6.6 0 0 0 .352-.373"/></svg>

Cómo usar el icono Time Clock 24 Hrs 2

React

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

<Icon icon="streamline-freehand:time-clock-24-hrs-2" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:time-clock-24-hrs-2" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:time-clock-24-hrs-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--time-clock-24-hrs-2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:time-clock-24-hrs-2"></div>

Web component

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

<iconify-icon icon="streamline-freehand:time-clock-24-hrs-2"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/time-clock-24-hrs-2.svg" alt="Icono Time Clock 24 Hrs 2" width="24" height="24">

Iconos relacionados en Freehand free icons

Icono time-clock-circle
time-clock-circle
 Icono time-clock-nine-twenty-five-1
time-clock-nine-twenty-five-1
 Icono time-clock-share-1
time-clock-share-1
 Icono time-clock-square
time-clock-square
 Icono time-hourglass-triangle
time-hourglass-triangle
 Icono time-stopwatch
time-stopwatch
 Icono time-wrist-watch-1
time-wrist-watch-1
 Icono timer-countdown-ten
timer-countdown-ten

El icono Time Clock 24 Hrs 2 en otras colecciones

Icono Time Clock 24 Hrs 2 de Freehand color icons
Freehand color icons

Preguntas frecuentes sobre Icono Time Clock 24 Hrs 2

¿El icono Time Clock 24 Hrs 2 es gratis para uso comercial?

Sí. Freehand free icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Time Clock 24 Hrs 2 en React?

Instala @iconify/react y renderiza <Icon icon="streamline-freehand:time-clock-24-hrs-2" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Time Clock 24 Hrs 2 a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-freehand/time-clock-24-hrs-2.svg" alt="Icono Time Clock 24 Hrs 2">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Freehand free icons →