ICONYZ
English
Timeslots icon from Vesper Icons

Timeslots icon

vs:timeslots

The Timeslots icon (vs:timeslots) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 2080 × 1504 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
2080 × 1504
Tags
timeslot
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2080" height="1504" viewBox="0 0 2080 1504"><path fill="currentColor" d="M815 61q-44 0-74.5 38T710 191v140q0 54 31 92.5t74 38.5h417q43 0 73.5-38.5T1336 331V191q0-54-30.5-92T1232 61zM105 1071q-44 0-74.5 38.5T0 1202v142q0 54 30.5 91.5T105 1473h417q44 0 74.5-38t30.5-92v-141q0-54-31-92.5t-74-38.5zm0 131h417v141H105zm710-131q-43 0-74 38.5t-31 92.5v141q0 54 30.5 92t74.5 38h417q43 0 73.5-38t30.5-92v-141q0-54-30.5-92.5T1232 1071zM105 61q-44 0-74.5 38T0 191v140q0 54 30.5 92.5T105 462h417q43 0 74-38.5t31-92.5V191q0-54-30.5-92T522 61zm1423 0q-44 0-75 38t-31 92v140q0 54 31 92.5t75 38.5h416q44 0 74.5-38.5T2049 331V191q0-54-30.5-92T1944 61zm0 1010q-44 0-75 38.5t-31 92.5v141q0 54 31 92t75 38h416q44 0 74.5-38t30.5-92v-141q0-54-30.5-92.5T1944 1071zm0 131h416v141h-416zM105 548q-44 0-74.5 38T0 678v178q0 54 30.5 92.5T105 987h417q43 0 74-38.5t31-92.5V678q0-54-30.5-92T522 548zm0 130h417v178H105zm710-130q-44 0-74.5 38T710 678v178q0 54 31 92.5t74 38.5h417q43 0 73.5-38.5T1336 856V678q0-54-30.5-92t-73.5-38zm713 0q-44 0-75 38t-31 92v178q0 54 31 92.5t75 38.5h416q44 0 74.5-38.5T2049 856V678q0-54-30.5-92t-74.5-38z"/></svg>

How to use the Timeslots icon

React

import { Icon } from "@iconify/react";

<Icon icon="vs:timeslots" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vs:timeslots" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vs:timeslots" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--timeslots]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:timeslots"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vs:timeslots"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/vs/timeslots.svg" alt="Timeslots icon" width="24" height="24">

Timeslots icon FAQ

Is the Timeslots 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 Timeslots icon in React?

Install @iconify/react and render <Icon icon="vs:timeslots" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Timeslots icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/timeslots.svg" alt="Timeslots icon">, or paste the SVG code inline to style it with CSS.

Browse all Vesper Icons →