Emojisleep icon
whh:emojisleep
The Emojisleep icon (whh:emojisleep) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M926 192h66q13 0 22.5 9.5t9.5 22.5t-9.5 22.5T992 256H864q-13 0-22.5-9.5T832 224t10-23l88-137h-66q-13 0-22.5-9T832 32.5t9.5-23T864 0h128q12 0 22 11.5t10 20.5t-8 22zm-158 64q0 25 19.5 44.5T832 320h154q38 93 38 192q0 104-40.5 199t-109 163.5t-163.5 109t-199 40.5t-199-40.5t-163.5-109T40.5 711T0 512t40.5-199t109-163.5T313 40.5T512 0q177 0 317 111l-29 49q-11 11-21.5 37.5T768 256M320 448q-53 0-90.5 28T192 544q0 15 8 32q13-28 46-46t74-18t74 18t46 46q8-16 8-32q0-40-37.5-68T320 448m64 384.5q0 26.5 37.5 45T512 896t90.5-18.5t37.5-45t-37.5-45.5t-90.5-19t-90.5 19t-37.5 45.5M576 544q0 16 8 32q13-28 46-46t74-18t74 18t46 46q8-16 8-32q0-40-37.5-68T704 448t-90.5 28t-37.5 68"/></svg>How to use the Emojisleep icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:emojisleep" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:emojisleep" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:emojisleep" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--emojisleep]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:emojisleep"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:emojisleep"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/emojisleep.svg" alt="Emojisleep icon" width="24" height="24">Emojisleep icon FAQ
Is the Emojisleep icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Emojisleep icon in React?
Install @iconify/react and render <Icon icon="whh:emojisleep" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Emojisleep icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/emojisleep.svg" alt="Emojisleep icon">, or paste the SVG code inline to style it with CSS.