Icône Alarm Clock
si-glyph:alarm-clock
L'icône Alarm Clock (si-glyph:alarm-clock) est une icône SVG gratuite de la collection SmartIcons Glyph par SmartIcons. Elle est dessinée sur une grille de 16 × 24. Les SmartIcons Glyph icons sont publiées sous la licence CC BY SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- SmartIcons Glyph
- Auteur
- SmartIcons
- Licence
- CC-BY-SA-4.0
- Taille
- 16 × 24
- Mots-clés
- alarmclock
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><g fill="currentColor" fill-rule="evenodd"><path d="M14.654.659c-1.312-.951-3.05-.764-3.99.383a10.16 10.16 0 0 1 4.922 3.58c.764-1.275.379-3.008-.932-3.963M3.644 2.427a10.1 10.1 0 0 1 2.73-1.395C5.433-.104 3.694-.288 2.383.654C1.072 1.6.686 3.316 1.451 4.579a10.2 10.2 0 0 1 2.193-2.152m11.28 6.206c0-.198-.012-.393-.028-.586c-.272-3.14-2.698-5.646-5.765-5.966c-.136-.016-.273-.017-.412-.022c-.082-.004-.164-.014-.248-.014h-.004c-3.568 0-6.459 2.949-6.459 6.588l.005.088a6.6 6.6 0 0 0 2.028 4.694a1.29 1.29 0 0 0-.693 1.143c0 .709.564 1.284 1.26 1.284c.666 0 1.204-.527 1.25-1.194c.689.311 1.44.507 2.231.554c.126.008.251.02.378.02c.145 0 .285-.013.43-.022a6.3 6.3 0 0 0 2.256-.586c.029.684.576 1.229 1.253 1.229c.696 0 1.259-.575 1.259-1.284c0-.523-.305-.97-.743-1.171a6.62 6.62 0 0 0 2.002-4.755m-6.397 4.681c-2.563 0-4.647-2.116-4.647-4.716s2.084-4.714 4.647-4.714c2.562 0 4.647 2.114 4.647 4.714s-2.085 4.716-4.647 4.716"/><path d="M8 5h1v4H8z"/><path d="M8 8h3v1H8z"/></g></svg>
Comment utiliser l'icône Alarm Clock
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:alarm-clock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:alarm-clock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:alarm-clock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--alarm-clock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:alarm-clock"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:alarm-clock"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/si-glyph/alarm-clock.svg" alt="Icône Alarm Clock" width="24" height="24">
L'icône Alarm Clock dans d'autres collections
FAQ : Icône Alarm Clock
L'icône Alarm Clock est-elle gratuite pour un usage commercial ?
Oui. Les SmartIcons Glyph icons sont publiées sous la licence CC BY SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Alarm Clock dans React ?
Installez @iconify/react et affichez <Icon icon="si-glyph:alarm-clock" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Alarm Clock à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/si-glyph/alarm-clock.svg" alt="Icône Alarm Clock">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes SmartIcons Glyph →
ICONYZ
