Snooze icon
glyphs-poly:snooze
The Snooze icon (glyphs-poly:snooze) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#9b51e0" d="M18.667 38a2 2 0 1 0 0 4zm18.666 2h2a2 2 0 0 0-2-2zM38 70a2 2 0 1 0 0-4zm-20-2h-2a2 2 0 0 0 2 2zm19.333-27.417l1.623 1.17a2 2 0 0 0 .377-1.17zM18 67.417l-1.623-1.17a2 2 0 0 0-.377 1.17zM18.667 42h18.666v-4H18.667zM38 66H18v4h20zm-2.667-26v.583h4V40zm.378-.586L16.377 66.248l3.246 2.338l19.333-26.833zM16 67.417V68h4v-.583z"/><path fill="#2f80ed" d="M48.467 28a2 2 0 1 0 0 4zm13.066 2h2a2 2 0 0 0-2-2zM62 52a2 2 0 1 0 0-4zm-14-2h-2a2 2 0 0 0 2 2zm13.533-19.583l1.634 1.153a2 2 0 0 0 .366-1.153zM48 49.583l-1.634-1.153A2 2 0 0 0 46 49.583zM48.467 32h13.066v-4H48.467zM62 48H48v4h14zm-2.467-18v.417h4V30zm.367-.737L46.366 48.43l3.268 2.307L63.167 31.57zM46 49.583V50h4v-.417z"/><path fill="#56ccf2" d="M29.4 10a2 2 0 1 0 0 4zm11.2 2h2a2 2 0 0 0-2-2zm.4 20a2 2 0 1 0 0-4zm-12-2h-2a2 2 0 0 0 2 2zm11.6-17.625l1.66 1.116a2 2 0 0 0 .34-1.116zM29 29.625l-1.66-1.116a2 2 0 0 0-.34 1.116zM29.4 14h11.2v-4H29.4zM41 28H29v4h12zm-2.4-16v.375h4V12zm.34-.741l-11.6 17.25l3.32 2.232l11.6-17.25zM27 29.625V30h4v-.375z"/></g></svg>
How to use the Snooze icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:snooze" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:snooze" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:snooze" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--snooze]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:snooze"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:snooze"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/snooze.svg" alt="Snooze icon" width="24" height="24">
Snooze icon in other icon sets
Snooze icon FAQ
Is the Snooze icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Snooze icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:snooze" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Snooze icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/snooze.svg" alt="Snooze icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs Poly icons →
ICONYZ
