Calendarthree icon
whh:calendarthree
The Calendarthree icon (whh:calendarthree) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 960 × 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
- 960 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="1024" viewBox="0 0 960 1024"><path fill="currentColor" d="M832 1024H128q-53 0-90.5-37.5T0 896V256q0-53 37.5-90.5T128 128V64q0-26 18.5-45t45-19T237 19t19 45v64h64V64q0-26 18.5-45t45-19T429 19t19 45v64h64V64q0-26 18.5-45t45-19T621 19t19 45v64h64V64q0-26 18.5-45t45-19T813 19t19 45v64q53 0 90.5 37.5T960 256v640q0 53-37.5 90.5T832 1024m64-768q0-26-19-45t-45-19H128q-27 0-45.5 19T64 256v640q0 27 18.5 45.5T128 960h704q26 0 45-18.5t19-45.5zm-96 384h-64q-13 0-22.5-9.5T704 608v-64q0-13 9.5-22.5T736 512h64q13 0 22.5 9.5T832 544v64q0 13-9.5 22.5T800 640m0-192h-64q-13 0-22.5-9.5T704 416v-64q0-13 9.5-22.5T736 320h64q13 0 22.5 9.5T832 352v64q0 13-9.5 22.5T800 448M608 832h-64q-13 0-22.5-9.5T512 800v-64q0-13 9.5-22.5T544 704h64q13 0 22.5 9.5T640 736v64q0 13-9.5 22.5T608 832m0-192h-64q-13 0-22.5-9.5T512 608v-64q0-13 9.5-22.5T544 512h64q13 0 22.5 9.5T640 544v64q0 13-9.5 22.5T608 640m0-192h-64q-13 0-22.5-9.5T512 416v-64q0-13 9.5-22.5T544 320h64q13 0 22.5 9.5T640 352v64q0 13-9.5 22.5T608 448M416 832h-64q-13 0-22.5-9.5T320 800v-64q0-13 9.5-22.5T352 704h64q13 0 22.5 9.5T448 736v64q0 13-9.5 22.5T416 832m0-192h-64q-13 0-22.5-9.5T320 608v-64q0-13 9.5-22.5T352 512h64q13 0 22.5 9.5T448 544v64q0 13-9.5 22.5T416 640m0-192h-64q-13 0-22.5-9.5T320 416v-64q0-13 9.5-22.5T352 320h64q13 0 22.5 9.5T448 352v64q0 13-9.5 22.5T416 448M224 832h-64q-13 0-22.5-9.5T128 800v-64q0-13 9.5-22.5T160 704h64q13 0 22.5 9.5T256 736v64q0 13-9.5 22.5T224 832m0-192h-64q-13 0-22.5-9.5T128 608v-64q0-13 9.5-22.5T160 512h64q13 0 22.5 9.5T256 544v64q0 13-9.5 22.5T224 640"/></svg>How to use the Calendarthree icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:calendarthree" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:calendarthree" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:calendarthree" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--calendarthree]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:calendarthree"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:calendarthree"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/calendarthree.svg" alt="Calendarthree icon" width="24" height="24">Calendarthree icon FAQ
Is the Calendarthree 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 Calendarthree icon in React?
Install @iconify/react and render <Icon icon="whh:calendarthree" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Calendarthree icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/calendarthree.svg" alt="Calendarthree icon">, or paste the SVG code inline to style it with CSS.