Ikon Arrows Round
glyphs-poly:arrows-round
Ikon Arrows Round (glyphs-poly:arrows-round) 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
- arrowsround, 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="m49.484 63.898l-.766-1.847zm-7.186-.185a2 2 0 0 0 .455 3.974zm.436 3.976a2 2 0 1 0-.452-3.974zm-.535-3.965a2 2 0 0 0 .438 3.976zm21.285-13.826l-1.848-.765zm0-19.799l1.847-.765zm-5-10.58a2 2 0 1 0-2.713 2.939zM48.718 62.05a24 24 0 0 1-6.42 1.662l.455 3.974a28 28 0 0 0 7.496-1.94zm-6.436 1.664l-.083.009l.438 3.976l.097-.011zm19.354-14.582A23.87 23.87 0 0 1 48.718 62.05l1.53 3.695a27.87 27.87 0 0 0 15.083-15.082zm0-18.268a23.87 23.87 0 0 1 0 18.268l3.695 1.53a27.87 27.87 0 0 0 0-21.329zm-5.865-8.407a23.9 23.9 0 0 1 5.865 8.407l3.695-1.53a27.9 27.9 0 0 0-6.847-9.817z"/><path fill="#2f80ed" stroke="#2f80ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M42.418 56.596v16.808c0 1.696-2.05 2.545-3.25 1.346l-7.629-7.629a3 3 0 0 1 0-4.242l7.629-7.629c1.2-1.2 3.25-.35 3.25 1.346"/><path fill="#56ccf2" d="m29.493 16.102l.765 1.847zm7.186.185a2 2 0 0 0-.455-3.974zm-.437-3.976a2 2 0 0 0 .452 3.974zm.536 3.965a2 2 0 0 0-.438-3.976zM15.493 30.102l1.848.765zm0 19.799l-1.848.765zm5 10.58a2 2 0 1 0 2.713-2.939zm9.765-42.532a24 24 0 0 1 6.42-1.662l-.454-3.974a28 28 0 0 0-7.496 1.94zm6.436-1.664l.084-.009l-.438-3.976l-.098.011zM17.341 30.867a23.87 23.87 0 0 1 12.917-12.918l-1.53-3.695a27.87 27.87 0 0 0-15.083 15.082zm0 18.268a23.87 23.87 0 0 1 0-18.268l-3.696-1.53a27.87 27.87 0 0 0 0 21.329zm5.865 8.407a23.9 23.9 0 0 1-5.865-8.407l-3.696 1.53a27.9 27.9 0 0 0 6.848 9.817z"/><path fill="#2f80ed" stroke="#2f80ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M36.559 23.404V6.596c0-1.696 2.05-2.545 3.25-1.346l7.628 7.629a3 3 0 0 1 0 4.242L39.81 24.75c-1.2 1.2-3.25.35-3.25-1.346"/></g></svg>Cara memakai ikon Arrows Round
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:arrows-round" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:arrows-round" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:arrows-round" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--arrows-round]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:arrows-round"></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-round"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/arrows-round.svg" alt="Ikon Arrows Round" width="24" height="24">Ikon terkait di Glyphs Poly
Ikon Arrows Round di set ikon lain
FAQ Ikon Arrows Round
Apakah ikon Arrows Round 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 Round di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:arrows-round" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Arrows Round ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/arrows-round.svg" alt="Ikon Arrows Round">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.