Ikon Arrow
reicon:arrow
Ikon Arrow (reicon:arrow) adalah ikon SVG gratis dari set Reicon. Ikon ini digambar pada grid 24 × 24. Reicon 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.
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12 22v-2m0-2v-2m0-2v-3c0-3.87 3.13-7 7-7h3M2 4h3c3.87 0 7 3.13 7 7v3"/><path d="M4 2L2 4l2 2m16-4l2 2l-2 2"/></g></svg>Cara memakai ikon Arrow
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:arrow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:arrow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:arrow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--arrow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:arrow"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:arrow"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/reicon/arrow.svg" alt="Ikon Arrow" width="24" height="24">Ikon terkait di Reicon
arrow-bottom
arrow-bottom-filled
arrow-circle-down
arrow-circle-down-filled
arrow-circle-left
arrow-circle-left-filled
arrow-circle-right
arrow-circle-right-filled
arrow-door-in
arrow-door-in-filled
arrow-door-out
arrow-door-out-filled
arrow-dotted-rotate-anticlockwise
arrow-dotted-rotate-anticlockwise-filled
arrow-down
arrow-down-2
arrow-down-2-filled
arrow-down-3
arrow-down-3-filled
arrow-down-circle
arrow-down-circle-filled
arrow-down-duotone
arrow-down-filled
arrow-down-left
Ikon Arrow di set ikon lain
FAQ Ikon Arrow
Apakah ikon Arrow gratis untuk penggunaan komersial?
Ya. Reicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Arrow di React?
Pasang @iconify/react lalu render <Icon icon="reicon:arrow" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Arrow ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/reicon/arrow.svg" alt="Ikon Arrow">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.