Timeslot icon
vs:timeslot
The Timeslot icon (vs:timeslot) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1664 × 1344 grid. Vesper 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1664 × 1344
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1344" viewBox="0 0 1664 1344"><path fill="currentColor" d="M320 320q-120 0-220 103.5T0 667v324q0 140 100 246.5T320 1344h1024q119 0 219.5-103.5T1664 998V667q0-139-100.5-243T1344 320zm-64 320h1152v384H256z"/></svg>How to use the Timeslot icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:timeslot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:timeslot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:timeslot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--timeslot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:timeslot"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:timeslot"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/timeslot.svg" alt="Timeslot icon" width="24" height="24">Related icons in Vesper Icons
Timeslot icon FAQ
Is the Timeslot icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Timeslot icon in React?
Install @iconify/react and render <Icon icon="vs:timeslot" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Timeslot icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/timeslot.svg" alt="Timeslot icon">, or paste the SVG code inline to style it with CSS.