Day icon
whh:day
The Day icon (whh:day) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1023 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 × 1023
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1023" viewBox="0 0 1024 1023"><path fill="currentColor" d="M1024 374q-97 62-96 137q2 78 96 137q-255 12-137 238q-227-118-238 137q-62-97-137-96q-77 2-137 96q-11-255-238-137Q255 660 0 648q97-62 96-137q-2-77-96-137q255-11 137-237Q364 254 375 0q60 93 137 95q75 2 137-95q11 254 238 137q-118 226 137 237M512 191q-87 0-161 43T234.5 350.5T192 511t42.5 161T351 788.5T512 831t161-42.5T789.5 672T832 511t-42.5-160.5T673 234t-161-43m0 576q-106 0-181-75t-75-181t75-181t181-75t181 75t75 181t-75 181t-181 75"/></svg>How to use the Day icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:day" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:day" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:day" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--day]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:day"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:day"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/day.svg" alt="Day icon" width="24" height="24">Day icon in other icon sets
Day icon FAQ
Is the Day 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 Day icon in React?
Install @iconify/react and render <Icon icon="whh:day" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Day icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/day.svg" alt="Day icon">, or paste the SVG code inline to style it with CSS.