Icône Alarmclock
fxemoji:alarmclock
L'icône Alarmclock (fxemoji:alarmclock) est une icône SVG gratuite de la collection Firefox OS Emoji par Mozilla. Elle est dessinée sur une grille de 512 × 512. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Firefox OS Emoji
- Auteur
- Mozilla
- Licence
- Apache-2.0
- Taille
- 512 × 512
- Catégorie
- Symboles
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#6B8DA1" d="M275.816 58.999v123.14c0 10.899-8.917 19.816-19.816 19.816s-19.816-8.917-19.816-19.816V58.999c0-10.899 8.917-19.816 19.816-19.816s19.816 8.917 19.816 19.816m91.749 103.044c7.738 7.738 20.284 7.739 28.022.001l50.586-50.586c7.738-7.738 7.738-20.285 0-28.023s-20.285-7.738-28.023 0l-50.586 50.586c-7.737 7.738-7.736 20.285.001 28.022m-223.123.001c7.738-7.738 7.739-20.284.001-28.022L93.857 83.436c-7.738-7.738-20.285-7.738-28.023 0s-7.738 20.285 0 28.023l50.586 50.586c7.738 7.737 20.284 7.737 28.022-.001m258.984 320.575c7.706-7.706 7.706-20.317 0-28.023l-87.073-87.073c-7.706-7.706-20.317-7.706-28.023 0s-7.706 20.317 0 28.023l87.073 87.073c7.706 7.706 20.317 7.706 28.023 0m-266.829 0l87.073-87.073c7.706-7.706 7.706-20.317 0-28.023s-20.317-7.706-28.023 0l-87.073 87.073c-7.706 7.706-7.706 20.317 0 28.023s20.317 7.706 28.023 0"/><path fill="#FFB636" d="M354.319 45.692c36.12-30.974 90.561-29.384 124.768 4.823c34.242 34.242 35.8 88.76 4.727 124.879a8.76 8.76 0 0 1-9.46.405L353.826 55.271a8.76 8.76 0 0 1 .493-9.579M37.669 175.783L158.197 55.255a8.76 8.76 0 0 0-.405-9.46c-36.12-31.073-90.637-29.515-124.879 4.727C-1.293 84.729-2.883 139.17 28.091 175.29a8.75 8.75 0 0 0 9.578.493"/><path fill="#FFD469" d="M477.511 108.534c-4.411 0-8.386-3.056-9.377-7.541c-2.136-9.668-6.91-18.579-13.807-25.772c-6.88-7.176-15.559-12.318-25.098-14.871c-5.128-1.372-8.173-6.643-6.801-11.771c1.373-5.128 6.643-8.173 11.771-6.801c12.934 3.461 24.693 10.425 34.005 20.137c9.338 9.739 15.805 21.818 18.702 34.931c1.145 5.184-2.129 10.314-7.313 11.46a9.7 9.7 0 0 1-2.082.228M42.749 100.38c2.553-9.539 7.695-18.218 14.871-25.098c7.193-6.897 16.105-11.671 25.772-13.807c5.184-1.145 8.458-6.276 7.313-11.46s-6.276-8.458-11.46-7.313c-13.112 2.897-25.191 9.364-34.931 18.702c-9.713 9.313-16.676 21.071-20.137 34.005a9.613 9.613 0 0 0 9.292 12.1c4.245.001 8.13-2.833 9.28-7.129"/><path fill="#FB5046" d="M256 64.394c-117.011 0-211.863 94.852-211.863 211.863S138.989 488.129 256 488.129s211.863-94.861 211.863-211.872S373.011 64.394 256 64.394"/><path fill="#F9F9F8" d="M83.765 276.261c0 94.973 77.267 172.239 172.239 172.239s172.23-77.267 172.23-172.239s-77.258-172.239-172.23-172.239S83.765 181.289 83.765 276.261"/><path fill="#6B8DA1" d="M256 289.451h123.172c6.11 0 11.071-4.96 11.071-11.079c0-6.11-4.961-11.07-11.071-11.07H256c-6.119 0-11.08 4.961-11.08 11.07c0 6.118 4.961 11.079 11.08 11.079"/><path fill="#6B8DA1" d="M256 289.451c6.119 0 11.08-4.96 11.08-11.079V157.844c0-6.119-4.961-11.08-11.08-11.08s-11.08 4.961-11.08 11.08v120.527c0 6.119 4.961 11.08 11.08 11.08"/></svg>Comment utiliser l'icône Alarmclock
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:alarmclock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:alarmclock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:alarmclock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--alarmclock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:alarmclock"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:alarmclock"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/alarmclock.svg" alt="Icône Alarmclock" width="24" height="24">L'icône Alarmclock dans d'autres collections
FAQ : Icône Alarmclock
L'icône Alarmclock est-elle gratuite pour un usage commercial ?
Oui. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Alarmclock dans React ?
Installez @iconify/react et affichez <Icon icon="fxemoji:alarmclock" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Alarmclock à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fxemoji/alarmclock.svg" alt="Icône Alarmclock">, ou collez le code SVG directement dans la page pour le styliser en CSS.