Icono Alarm Clock

glyphs-poly:alarm-clock

El icono Alarm Clock (glyphs-poly:alarm-clock) es un icono SVG gratuito de la colección Glyphs Poly de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Glyphs Poly
Autor: Goran Spasojevic
Licencia: MIT
Tamaño: 80 × 80
Etiquetas: alarmclock

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#4f4f4f" fill-rule="evenodd" d="M62.76 13.213a12.93 12.93 0 0 0-13.36 2.121c-1.062.91-.533 2.526.764 3.049l.252.103a27.72 27.72 0 0 1 15 15c.327.79 1.328 1.067 1.907.439a12.93 12.93 0 0 0 2.436-13.712a12.93 12.93 0 0 0-7-7m-32.297 2.012c1.087.906.55 2.546-.768 3.063q-.247.096-.49.198a27.72 27.72 0 0 0-15 15c-.277.667-1.13.887-1.615.351a12.93 12.93 0 0 1-2.355-13.624a12.934 12.934 0 0 1 20.228-4.988" clip-rule="evenodd"/><path fill="#4f4f4f" d="M62.398 69.33a2 2 0 0 0 2.829-2.829zm-5.404-11.061a2 2 0 1 0-2.828 2.828zm-42.596 8.233a2 2 0 1 0 2.829 2.828zm11.061-5.405a2 2 0 0 0-2.828-2.828zm39.768 5.404l-8.233-8.232l-2.828 2.828l8.232 8.232zm-48 2.83l8.232-8.234l-2.828-2.828l-8.233 8.233z"/><path fill="#f2f2f2" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M31.327 23.609a22.172 22.172 0 1 1 16.97 40.969a22.172 22.172 0 0 1-16.97-40.969"/><path fill="#4f4f4f" d="m25.777 35.917l-1.728-1.007a2 2 0 0 0 .728 2.738zm.002-.004l1-1.733a2 2 0 0 0-2.728.726zm1.733 1l1.727 1.008a2 2 0 0 0-.728-2.741zm-.003.004l-1 1.732a2 2 0 0 0 2.727-.724zm-3.94 6.998l-2-.022a2 2 0 0 0 2 2.022zm0-.004v-2a2 2 0 0 0-2 1.977zm2 0l2 .025a2 2 0 0 0-2-2.026zm0 .005v2a2 2 0 0 0 2-1.975zm.055 8.087l-1.747.974a2 2 0 0 0 2.746.758zm-.002-.004l-1-1.732a2 2 0 0 0-.747 2.706zm1.732-1l1.75-.97a2 2 0 0 0-2.75-.762zm.002.004l1 1.733a2 2 0 0 0 .75-2.702zm4.123 7.035l-1.025 1.717a2 2 0 0 0 2.757-.717zm-.003-.002l-1.733-1a2 2 0 0 0 .707 2.716zm1-1.733l1.03-1.714a2 2 0 0 0-2.763.714zm.004.003l1.732 1a2 2 0 0 0-.703-2.715zm7.154 4.031l-.021 2a2 2 0 0 0 2.02-2zm-.005 0h-2a2 2 0 0 0 1.98 2zm0-2l.026-2a2 2 0 0 0-2.026 2zm.005 0h2a2 2 0 0 0-1.974-2zm8.245-.143l.993 1.736a2 2 0 0 0 .74-2.736zm-.003.002l-1.732 1a2 2 0 0 0 2.724.736zm-1.001-1.732l-.992-1.736a2 2 0 0 0-.74 2.736zm.005-.003l1.732-1a2 2 0 0 0-2.724-.736zm7.034-4.304l1.737.992a2 2 0 0 0-.736-2.724zm-.002.003l-1 1.733a2 2 0 0 0 2.737-.74zm-1.732-1l-1.736-.991a2 2 0 0 0 .736 2.724zm.003-.004l1-1.732a2 2 0 0 0-2.737.74zm3.873-7.245l2-.021a2 2 0 0 0-2-1.98zm0 .004v2a2 2 0 0 0 2-2.021zm-2 0l-2 .026a2 2 0 0 0 2 1.975zm0-.005v-2a2 2 0 0 0-2 2.026zm-.302-8.153l1.717-1.026a2 2 0 0 0-2.717-.706zm.002.004l1 1.731a2 2 0 0 0 .717-2.757zm-1.732 1l-1.714 1.03a2 2 0 0 0 2.715.702zm-.003-.004l-1-1.733a2 2 0 0 0-.714 2.763zm-4.303-6.854l.973-1.747a2 2 0 0 0-2.705.747zm.003.002l1.733 1a2 2 0 0 0-.758-2.746zm-1 1.733l-.969 1.75a2 2 0 0 0 2.702-.75zm-.004-.003l-1.732-1a2 2 0 0 0 .763 2.75zm-7.088-3.784l-.022-2a2 2 0 0 0-1.978 2zm.005 0h2a2 2 0 0 0-2.022-2zm-.005 2h-2a2 2 0 0 0 2.026 2zm.006 0l.025 2a2 2 0 0 0 1.975-2zm-8 .207l1.732-1a2 2 0 0 0-2.738-.728zm1 1.732l1.009 1.728a2 2 0 0 0 .724-2.728zm-1.004-1.73l-1.007-1.727a2 2 0 0 0-.725 2.727zm1 1.733l-1.732 1a2 2 0 0 0 2.74.727zm-5.126 5.13l.002-.003l-3.456-2.014l-.002.004zm-2.725.722l1.732 1l2-3.465l-1.733-1zm1.004-1.741q0 .003-.003.005l3.455 2.016l.003-.004zm2.725-.719l-1.732-1l-2 3.463l1.731 1zm-2.94 8.752v-.004l-4-.045v.005zm-1.999 1.974h2v-4h-2zm0-2.027v.007l4 .05v-.005zm2-1.968h-2v4h2zm1.8 9.113l-.001-.004l-3.494 1.948v.001l.002.003zm-.748 2.702l1.732-1l-2-3.464l-1.733 1zm-1.018-1.763l.002.003l.001.002l3.499-1.94l-.003-.004zm.753-2.697l-1.733 1l2 3.464l1.732-1zm6.148 7.05h-.001v-.001h-.002v-.001l-2.052 3.433v.001h.002v.001h.001zm.703 2.714l1-1.732l-3.465-2l-1 1.733zm-1.763-1.018l.005.003l2.06-3.429l-.005-.002zm-.697-2.712l-1 1.732l3.463 2.001l1-1.732zm8.907 3.032h-.003l-.043 4h.004zm1.974 2v-2h-4v2zm-2.026 0h.006l.051-4h-.005zm-1.969-2v2h4v-2zm9.253-1.88l-.002.001l-.002.002l1.985 3.472h.001l.003-.002zm2.72.738l-1-1.731l-3.464 2l1 1.732zm-1.74 1.006l.002-.001l.003-.002l-1.984-3.473h-.002l-.003.002zm-2.72-.74l1 1.732l3.465-1.999l-1-1.732zm7.031-6.297v.002l-.002.002l3.473 1.985v-.001l.002-.003zm2.734-.736l-1.732-1l-2 3.465l1.733 1zm-.995 1.725v-.002l.002-.003l-3.473-1.984l-.001.002l-.002.003zm-2.735.735l1.732 1l2.001-3.463l-1.732-1zm2.874-8.956v.005l4-.043v-.005zm2-2.017h-2.001l.001 4h2zm0 1.975v-.005l-4 .051v.005zm-2.001 2.02h2l.001-4h-2zm-2.018-9.127l.002.002v.001l3.434-2.05l-.002-.004zm.719-2.754l-1.732 1l2 3.464l1.733-1zm.983 1.703l-.003-.005l-3.429 2.06l.003.004zm-.718 2.757l1.733-1l-2-3.464l-1.732 1zm-6.277-6.839l.003.002l1.949-3.493l-.003-.002h-.002zm-.755-2.744l-1 1.732l3.465 2l1-1.733zm1.702.983l-.005-.003l-1.938 3.499l.004.002zm.758 2.747l1-1.732l-3.463-2.001l-1 1.732zm-8.797-2.785h.004l-.044-4h-.005zm1.977 0v-2h-4v2zm-2.02-2h-.006l.052 4h.005zm-1.975 0v2h4v-2zm-7.73 3.208l1 1.732l3.464-2.001l-1-1.732zm2.735.73l.003-.003l-2.013-3.456l-.005.003zm1.724-.996l-1-1.732l-3.464 2l1 1.731zm-2.735-.73l-.005.003l2.016 3.454l.005-.002z"/><path fill="#eb5757" d="M48.086 36.574a2 2 0 0 0-3.177-2.43zm-8.037 3.923a2 2 0 1 0 3.176 2.43zM52.73 53.742a2 2 0 0 0 1.978-3.477zm-9.32-9.904a2 2 0 1 0-1.978 3.477zm-4.598.256a1 1 0 0 1 1-1v-4a5 5 0 0 0-5 5zm1 1a1 1 0 0 1-1-1h-4a5 5 0 0 0 5 5zm1-1a1 1 0 0 1-1 1v4a5 5 0 0 0 5-5zm-1-1a1 1 0 0 1 1 1h4a5 5 0 0 0-5-5zm5.096-8.95l-4.86 6.353l3.176 2.43l4.861-6.353zm9.8 16.121L43.41 43.838l-1.978 3.477l11.298 6.427z"/></g></svg>

Cómo usar el icono Alarm Clock

React

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

<Icon icon="glyphs-poly:alarm-clock" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:alarm-clock" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:alarm-clock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--alarm-clock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:alarm-clock"></div>

Web component

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

<iconify-icon icon="glyphs-poly:alarm-clock"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/glyphs-poly/alarm-clock.svg" alt="Icono Alarm Clock" width="24" height="24">

Iconos relacionados en Glyphs Poly

El icono Alarm Clock en otras colecciones

Preguntas frecuentes sobre Icono Alarm Clock

¿El icono Alarm Clock es gratis para uso comercial?

Sí. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Alarm Clock en React?

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

¿Cómo añado el icono Alarm Clock a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs-poly/alarm-clock.svg" alt="Icono Alarm Clock">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Glyphs Poly →