Icône Notification Bell Timer Outline
cuida:notification-bell-timer-outline
L'icône Notification Bell Timer Outline (cuida:notification-bell-timer-outline) est une icône SVG gratuite de la collection Cuida Icons par Sysvale. Elle est dessinée sur une grille de 24 × 24. Les Cuida 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
- Cuida Icons
- Auteur
- Sysvale
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Mots-clés
- notificationbell, belltimer, timeroutline, notificationbelltimeroutline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M22 16a6 6 0 1 1-12 0a6 6 0 0 1 12 0m-6 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M15.7 13.6a.9.9 0 0 1 .9.9v2a.9.9 0 1 1-1.8 0v-2a.9.9 0 0 1 .9-.9" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M14.951 16a.9.9 0 0 1 1.248-.249l1.5 1a.9.9 0 1 1-.998 1.498l-1.5-1A.9.9 0 0 1 14.95 16ZM8.5 18a2 2 0 0 0 3.333 1.491l1.334 1.49A4 4 0 0 1 6.5 18z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M9.01 5.22c-.621.168-1.201.431-1.605.795c-1.103.995-1.552 2.343-1.552 4.773c0 1.732-.986 3.372-1.696 4.434c-.154.232-.202.453-.193.586c.004.06.018.088.024.098c.004.007.016.026.064.052c.692.37 1.736.64 2.943.811A26 26 0 0 0 10.5 17a1 1 0 1 1 0 2c-1.128 0-2.484-.065-3.786-.25c-1.282-.183-2.603-.493-3.605-1.028c-.737-.394-1.093-1.08-1.14-1.779c-.046-.659.177-1.31.525-1.831c.717-1.074 1.359-2.259 1.359-3.324c0-2.661.492-4.707 2.213-6.258c.725-.654 1.636-1.027 2.419-1.24A8 8 0 0 1 10.5 3a1 1 0 1 1 0 2c-.306 0-.876.052-1.49.22" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M11.99 5.22c.621.168 1.201.431 1.605.795c1.103.995 1.552 2.343 1.552 4.773a1 1 0 1 0 2 0c0-2.661-.492-4.707-2.213-6.258c-.725-.654-1.636-1.027-2.419-1.24A8 8 0 0 0 10.5 3a1 1 0 0 0 0 2c.306 0 .876.052 1.49.22" clip-rule="evenodd"/><path fill="currentColor" d="M13.147 3.68c0 .695-1.395.042-2.5.042s-2.5.653-2.5-.043c0-.695 1-1.679 2.5-1.679s2.5.984 2.5 1.68"/></svg>Comment utiliser l'icône Notification Bell Timer Outline
React
import { Icon } from "@iconify/react";
<Icon icon="cuida:notification-bell-timer-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cuida:notification-bell-timer-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cuida:notification-bell-timer-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cuida--notification-bell-timer-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cuida -->
<div class="i-cuida:notification-bell-timer-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cuida:notification-bell-timer-outline"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/cuida/notification-bell-timer-outline.svg" alt="Icône Notification Bell Timer Outline" width="24" height="24">Icônes similaires dans Cuida Icons
FAQ : Icône Notification Bell Timer Outline
L'icône Notification Bell Timer Outline est-elle gratuite pour un usage commercial ?
Oui. Les Cuida 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 Notification Bell Timer Outline dans React ?
Installez @iconify/react et affichez <Icon icon="cuida:notification-bell-timer-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Notification Bell Timer Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/cuida/notification-bell-timer-outline.svg" alt="Icône Notification Bell Timer Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.