ICONYZ
Bahasa Indonesia
Ikon Four Arrows dari IconPark Solid

Ikon Four Arrows

icon-park-solid:four-arrows

Ikon Four Arrows (icon-park-solid:four-arrows) 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
Abstrak
Tag
fourarrows, arrow
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="m24 24l-5-5m5-11v16zm0 16l5-5zm0 0l-5 5m5 11V24zm0-16l5 5z"/><path fill="currentColor" d="M20 12a4 4 0 1 0 0-8a4 4 0 0 0 0 8M8 32a4 4 0 1 0 0-8a4 4 0 0 0 0 8"/><path d="M8 24h32"/><path fill="currentColor" d="M40 24a4 4 0 1 0 0-8a4 4 0 0 0 0 8M28 44a4 4 0 1 0 0-8a4 4 0 0 0 0 8"/></g></svg>

Cara memakai ikon Four Arrows

React

import { Icon } from "@iconify/react";

<Icon icon="icon-park-solid:four-arrows" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="icon-park-solid:four-arrows" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="icon-park-solid:four-arrows" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--four-arrows]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:four-arrows"></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:four-arrows"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/icon-park-solid/four-arrows.svg" alt="Ikon Four Arrows" width="24" height="24">

Ikon terkait di IconPark Solid

Ikon Four Arrows di set ikon lain

FAQ Ikon Four Arrows

Apakah ikon Four Arrows 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 Four Arrows di React?

Pasang @iconify/react lalu render <Icon icon="icon-park-solid:four-arrows" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Four Arrows ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park-solid/four-arrows.svg" alt="Ikon Four Arrows">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon IconPark Solid →