Question Square icon
vs:question-square
The Question Square icon (vs:question-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
- questionsquare
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" viewBox="0 0 1792 1792"><path fill="currentColor" d="M1456 1H336Q197 1 98.5 99T0 336v1120q0 139 98.5 237.5T336 1792h1120q139 0 237.5-98.5T1792 1456V336q0-139-98.5-237T1456 1m-411 1455q0 16-10.5 26.5T1008 1493H784q-16 0-26.5-10.5T747 1456v-224q0-16 10.5-27t26.5-11h224q16 0 26.5 11t10.5 27zm299-784q0 43-8.5 79t-27.5 65.5t-35 49.5t-46.5 42t-45 31t-47.5 28q-38 22-63.5 57.5T1045 1082q0 16-10.5 27t-26.5 11H784q-16 0-26.5-11t-10.5-27v-42q0-78 61.5-146T943 793q55-26 78.5-53t23.5-71q0-38-43.5-68.5T902 570q-60 0-100 28q-35 25-101 107q-11 15-29 15q-12 0-22-7L496 596q-26-21-10-49q151-249 433-249q101 0 198.5 48t162 135.5T1344 672"/></svg>How to use the Question Square icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:question-square" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:question-square" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:question-square" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--question-square]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:question-square"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:question-square"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/question-square.svg" alt="Question Square icon" width="24" height="24">Question Square icon in other icon sets
Question Square icon FAQ
Is the Question 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 Question Square icon in React?
Install @iconify/react and render <Icon icon="vs:question-square" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Question Square icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/question-square.svg" alt="Question Square icon">, or paste the SVG code inline to style it with CSS.