Arrows Cross icon
glyphs-poly:arrows-cross
The Arrows Cross icon (glyphs-poly:arrows-cross) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly 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
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- arrowscross, arrow
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#56ccf2" d="m32.78 36.28l1.413-1.415zm-.101 2.727a2 2 0 0 0 2.828-2.828zm14.142 8.486a2 2 0 0 0-2.828 2.828zm1.211 4.04l1.415-1.415zM54.75 67.75h-2zm-2 .5a2 2 0 1 0 4 0zM27.916 22.005a2 2 0 1 0-3.97.49zm-3.967.516a2 2 0 0 0 3.97-.494zm3.97-.482a2 2 0 1 0-3.968.496zm3.446 15.655l1.314 1.313l2.828-2.828l-1.313-1.314zM43.993 50.32l2.625 2.626l2.829-2.829l-2.626-2.625zm8.757 17.43v.5h4v-.5zm-6.132-14.803A20.94 20.94 0 0 1 52.75 67.75h4a24.94 24.94 0 0 0-7.303-17.632zM23.946 22.495q0 .013.003.026l3.97-.494l-.003-.022zm.005.04a26 26 0 0 0 7.414 15.159l2.829-2.829A22 22 0 0 1 27.92 22.04z"/><path fill="#2f80ed" stroke="#2f80ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M32.215 22.25h-12.93c-1.304 0-1.958-1.577-1.035-2.5l5.379-5.379a3 3 0 0 1 4.242 0l5.379 5.379c.923.923.27 2.5-1.035 2.5"/><path fill="#56ccf2" d="m47.22 36.28l-1.413-1.415zM31.969 51.531l-1.415-1.414zM27.25 68.25a2 2 0 1 1-4 0zm24.834-46.245a2 2 0 1 1 3.97.49zm3.967.516a2 2 0 0 1-3.97-.494zm-3.97-.482a2 2 0 1 1 3.968.496zm-3.446 15.655L33.382 52.947l-2.829-2.829l15.253-15.253zM27.25 67.75v.5h-4v-.5zm6.132-14.803A20.94 20.94 0 0 0 27.25 67.75h-4a24.94 24.94 0 0 1 7.303-17.632zm22.672-30.452l-.003.026l-3.97-.494l.003-.022zm-.005.04a26 26 0 0 1-7.414 15.159l-2.828-2.829A22 22 0 0 0 52.08 22.04z"/><path fill="#2f80ed" stroke="#2f80ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M47.786 22.25h12.929c1.304 0 1.958-1.577 1.035-2.5l-5.379-5.379a3 3 0 0 0-4.242 0L46.75 19.75c-.923.923-.27 2.5 1.035 2.5"/></g></svg>
How to use the Arrows Cross icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:arrows-cross" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:arrows-cross" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:arrows-cross" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--arrows-cross]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:arrows-cross"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:arrows-cross"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/arrows-cross.svg" alt="Arrows Cross icon" width="24" height="24">
Related icons in Glyphs Poly
Arrows Cross icon in other icon sets
Arrows Cross icon FAQ
Is the Arrows Cross icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Arrows Cross icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:arrows-cross" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Arrows Cross icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/arrows-cross.svg" alt="Arrows Cross icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs Poly icons →
ICONYZ
