Line Square icon
vs:line-square
The Line Square icon (vs:line-square) 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
- Tags
- linesquare
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" viewBox="0 0 1792 1792"><path fill="currentColor" d="M1546 816q0-143-87.5-265T1221 358t-327-71t-327 71t-237.5 193T242 816q0 196 155 343t391 178q47 11 57 33q7 18 2 59q-7 46-9 56q-4 35 9 42q14 7 47-7q73-31 247.5-152.5T1407 1142q139-154 139-326m-217-69h-125v47h125q13 0 13 13v46q0 13-13 13h-125v47h125q13 0 13 13v46q0 13-13 13h-183q-12 0-12-13V688q0-13 12-13h183q13 0 13 13v46q0 13-13 13M651 913q13 0 13 13v46q0 13-13 13H469q-12 0-12-13V688q0-13 12-13h46q12 0 12 13v225zm426-238q13 0 13 13v284q0 13-13 13h-46q-7 0-11-6L891 803v169q0 13-13 13h-46q-13 0-13-13V688q0-13 13-13h46q4 0 10 6l130 176V688q0-13 13-13zm-315 0q13 0 13 13v284q0 13-13 13h-46q-13 0-13-13V688q0-13 13-13zM336 0h1120q139 0 237.5 98.5T1792 336v1120q0 139-98.5 237.5T1456 1792H336q-139 0-237.5-98.5T0 1456V336Q0 197 98.5 98.5T336 0"/></svg>How to use the Line Square icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:line-square" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:line-square" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:line-square" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--line-square]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:line-square"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:line-square"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/line-square.svg" alt="Line Square icon" width="24" height="24">Related icons in Vesper Icons
Line Square icon FAQ
Is the Line Square 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 Line Square icon in React?
Install @iconify/react and render <Icon icon="vs:line-square" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Line Square icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/line-square.svg" alt="Line Square icon">, or paste the SVG code inline to style it with CSS.