Multi Arrow icon
vs:multi-arrow
The Multi Arrow icon (vs:multi-arrow) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 2208 × 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
- 2208 × 1664
- Tags
- multiarrow
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2208" height="1664" viewBox="0 0 2208 1664"><path fill="currentColor" d="m1100 1653l382-382h-260V442q39 70 89 143t91 126t110 131t106 117t122 127.5t116 121.5l-200 200h544V808l-200 200q-70-60-157.5-128T1694 766.5t-130.5-103T1447 559t-93-108.5t-72.5-124.5t-43-143.5T1222 8H978q0 94-16.5 177T919 333.5t-73.5 133t-92 117.5t-117 114t-130 110t-149 120T200 1058L0 858v550h550l-200-200q21-22 99-104t104.5-110.5t91-99t97-111.5t81-103.5t85-119.5T978 442v829H718z"/></svg>How to use the Multi Arrow icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:multi-arrow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:multi-arrow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:multi-arrow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--multi-arrow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:multi-arrow"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:multi-arrow"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/multi-arrow.svg" alt="Multi Arrow icon" width="24" height="24">Multi Arrow icon FAQ
Is the Multi Arrow 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 Multi Arrow icon in React?
Install @iconify/react and render <Icon icon="vs:multi-arrow" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Multi Arrow icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/multi-arrow.svg" alt="Multi Arrow icon">, or paste the SVG code inline to style it with CSS.