Ikon Arrows Cross
glyphs-poly:arrows-cross
Ikon Arrows Cross (glyphs-poly:arrows-cross) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Glyphs Poly
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- arrowscross, arrow
Kode SVG
<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>
Cara memakai ikon Arrows Cross
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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/arrows-cross.svg" alt="Ikon Arrows Cross" width="24" height="24">
Ikon terkait di Glyphs Poly
Ikon Arrows Cross di set ikon lain
FAQ Ikon Arrows Cross
Apakah ikon Arrows Cross gratis untuk penggunaan komersial?
Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Arrows Cross di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:arrows-cross" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Arrows Cross ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/arrows-cross.svg" alt="Ikon Arrows Cross">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs Poly →
ICONYZ
