Vector icon
simple-line-icons:vector
The Vector icon (simple-line-icons:vector) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line icons are released under the MIT 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
- Simple line icons
- Author
- Sabbir Ahmed
- License
- MIT
- Size
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M992 672h-32.273v-1.616c0-161.92-86.528-303.808-215.663-382.384H904.88c11.087 19.04 31.503 32 55.12 32c35.343 0 64-28.656 64-64s-28.657-64-64-64c-23.632 0-44.033 12.96-55.12 32H608v-32c0-17.664-14.336-32-32-32H448c-17.665 0-32 14.336-32 32v32H119.12c-11.088-19.04-31.49-32-55.12-32c-35.344 0-64 28.656-64 64s28.656 64 64 64c23.631 0 44.032-12.96 55.12-32h160.8C150.784 366.592 64.273 508.464 64.273 670.384V672H32c-17.664 0-32 14.336-32 32v128c0 17.664 14.336 32 32 32h128c17.664 0 32-14.336 32-32V704c0-17.664-14.336-32-32-32h-31.727v-1.616c0-178.448 122.464-328.672 287.728-371.392V320c0 17.664 14.335 32 32 32h128c17.664 0 32-14.336 32-32v-21.008c165.264 42.736 287.728 192.96 287.728 371.392V672H864c-17.664 0-32 14.336-32 32v128c0 17.664 14.336 32 32 32h128c17.664 0 32-14.336 32-32V704c0-17.664-14.336-32-32-32M128 800H64v-64h64zm416-512h-64v-64h64zm416 512h-64v-64h64z"/></svg>
How to use the Vector icon
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:vector" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:vector" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:vector" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--vector]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:vector"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:vector"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/simple-line-icons/vector.svg" alt="Vector icon" width="24" height="24">
Vector icon in other icon sets
Vector icon FAQ
Is the Vector icon free for commercial use?
Yes. Simple line icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Vector icon in React?
Install @iconify/react and render <Icon icon="simple-line-icons:vector" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vector icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/vector.svg" alt="Vector icon">, or paste the SVG code inline to style it with CSS.
Browse all Simple line icons →
ICONYZ
