Whiteboard icon
vs:whiteboard
The Whiteboard icon (vs:whiteboard) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1792 × 1792 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
- 1792 × 1792
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" viewBox="0 0 1792 1792"><path fill="currentColor" d="M128 64q0-26 19-45t45-19h1408q26 0 45 19t19 45v1024h98q12 0 21 9t9 21v68q0 12-9 21t-21 9h-579l131 487q7 25-6.5 48.5T1268 1782t-48.5-6.5t-29.5-38.5l-140-521h-90v384q0 26-19 45t-45 19t-45-19t-19-45v-384h-90l-140 521q-7 25-29.5 38.5T524 1782t-39.5-30.5t-6.5-48.5l131-487H30q-12 0-21-9t-9-21v-68q0-12 9-21t21-9h98zm128 1024h1280V128H256zm128-64V915q0-14 9.5-24t23.5-10h318q14 0 23.5 10t9.5 24v109z"/></svg>How to use the Whiteboard icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:whiteboard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:whiteboard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:whiteboard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--whiteboard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:whiteboard"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:whiteboard"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/whiteboard.svg" alt="Whiteboard icon" width="24" height="24">Whiteboard icon in other icon sets
Whiteboard icon FAQ
Is the Whiteboard 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 Whiteboard icon in React?
Install @iconify/react and render <Icon icon="vs:whiteboard" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Whiteboard icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/whiteboard.svg" alt="Whiteboard icon">, or paste the SVG code inline to style it with CSS.