Tables icon
vs:tables
The Tables icon (vs:tables) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1664 × 1664 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 × 1664
- Tags
- table
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1664" viewBox="0 0 1664 1664"><path fill="currentColor" d="M128 0Q76 0 38 38T0 128v512q0 52 38 90t90 38h512q52 0 90-38t38-90V128q0-52-38-90T640 0zm0 128h512v512H128zM1024 0q-52 0-90 38t-38 90v512q0 52 38 90t90 38h512q52 0 90-38t38-90V128q0-52-38-90t-90-38zM128 896q-52 0-90 38t-38 90v512q0 52 38 90t90 38h512q52 0 90-38t38-90v-512q0-52-38-90t-90-38zm0 128h512v512H128zm896-128q-52 0-90 38t-38 90v512q0 52 38 90t90 38h512q52 0 90-38t38-90v-512q0-52-38-90t-90-38zm0 128h512v512h-512z"/></svg>How to use the Tables icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:tables" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:tables" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:tables" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--tables]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:tables"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:tables"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/tables.svg" alt="Tables icon" width="24" height="24">Related icons in Vesper Icons
Tables icon FAQ
Is the Tables 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 Tables icon in React?
Install @iconify/react and render <Icon icon="vs:tables" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tables icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/tables.svg" alt="Tables icon">, or paste the SVG code inline to style it with CSS.