Ikon Arrow Keys
icon-park-solid:arrow-keys
Ikon Arrow Keys (icon-park-solid:arrow-keys) adalah ikon SVG gratis dari set IconPark Solid karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark Solid icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark Solid
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Game
- Tag
- arrowkeys, key
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVGTlTMCQ1H"><g fill="none"><path fill="#fff" d="M14 4h20v20H14zM4 24h20v20H4zm20 0h20v20H24z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 24H4v20h20zm0 0v20zm0 0h20v20H24zM14 4h20v20H14z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 10v8m-4-4l4-4l4 4M10 34h8m-4 4l-4-4l4-4m24 4h-8m4-4l4 4l-4 4"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGTlTMCQ1H)"/></svg>
Cara memakai ikon Arrow Keys
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:arrow-keys" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:arrow-keys" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:arrow-keys" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--arrow-keys]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:arrow-keys"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:arrow-keys"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park-solid/arrow-keys.svg" alt="Ikon Arrow Keys" width="24" height="24">
Ikon terkait di IconPark Solid
Ikon Arrow Keys di set ikon lain
FAQ Ikon Arrow Keys
Apakah ikon Arrow Keys gratis untuk penggunaan komersial?
Ya. IconPark Solid icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Arrow Keys di React?
Pasang @iconify/react lalu render <Icon icon="icon-park-solid:arrow-keys" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Arrow Keys ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park-solid/arrow-keys.svg" alt="Ikon Arrow Keys">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark Solid →
ICONYZ
