Snooze Bold icon
glyphs:snooze-bold
The Snooze Bold icon (glyphs:snooze-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs 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
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- snoozebold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="M18.667 37a3 3 0 1 0 0 6zm18.666 3h3a3 3 0 0 0-3-3zM38 71a3 3 0 1 0 0-6zm-20-3h-3a3 3 0 0 0 3 3zm19.333-27.417l2.434 1.754a3 3 0 0 0 .566-1.754zM18 67.417l-2.434-1.754A3 3 0 0 0 15 67.417zM18.667 43h18.666v-6H18.667zM38 65H18v6h20zm-3.667-25v.583h6V40zm.566-1.17L15.566 65.663l4.868 3.507l19.333-26.833zM15 67.417V68h6v-.583zM48.467 27a3 3 0 1 0 0 6zm13.066 3h3a3 3 0 0 0-3-3zM62 53a3 3 0 1 0 0-6zm-14-3h-3a3 3 0 0 0 3 3zm13.533-19.583l2.451 1.73a3 3 0 0 0 .55-1.73zM48 49.583l-2.45-1.73a3 3 0 0 0-.55 1.73zM48.467 33h13.066v-6H48.467zM62 47H48v6h14zm-3.467-17v.417h6V30zm.55-1.314L45.549 47.853l4.902 3.46l13.533-19.166zM45 49.583V50h6v-.417zM29.4 9a3 3 0 1 0 0 6zm11.2 3h3a3 3 0 0 0-3-3zm.4 21a3 3 0 1 0 0-6zm-12-3h-3a3 3 0 0 0 3 3zm11.6-17.625l2.49 1.674a3 3 0 0 0 .51-1.674zM29 29.625l-2.49-1.674a3 3 0 0 0-.51 1.674zM29.4 15h11.2V9H29.4zM41 27H29v6h12zm-3.4-15v.375h6V12zm.51-1.3l-11.6 17.25l4.98 3.35l11.6-17.25zM26 29.626V30h6v-.375z"/></svg>How to use the Snooze Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:snooze-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:snooze-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:snooze-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--snooze-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:snooze-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:snooze-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/snooze-bold.svg" alt="Snooze Bold icon" width="24" height="24">Related icons in Glyphs
Snooze Bold icon FAQ
Is the Snooze Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Snooze Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:snooze-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Snooze Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/snooze-bold.svg" alt="Snooze Bold icon">, or paste the SVG code inline to style it with CSS.