ICONYZ
Bahasa Indonesia
Ikon Arena dari IconPark

Ikon Arena

icon-park:arena

Ikon Arena (icon-park:arena) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark 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
Pembuat
ByteDance
Lisensi
Apache-2.0
Ukuran
48 × 48
Kategori
Olahraga
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="#000" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4"><path d="M44 26L24 36L4 26L24 16L44 26Z"/><path d="M24 7L44 17L24 27L4 17L24 7Z"/><path fill="#2F88FF" stroke-linecap="round" d="M44 26V34L24 44L4 34V26L24 36L44 26Z"/><path stroke-linecap="round" d="M44 14V17V26"/><path stroke-linecap="round" d="M4 26V17V14"/><path stroke-linecap="round" d="M24 36V24"/><path stroke-linecap="round" d="M24 16V4"/></g></svg>

Cara memakai ikon Arena

React

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

<Icon icon="icon-park:arena" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:arena" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:arena" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:arena"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="icon-park:arena"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/icon-park/arena.svg" alt="Ikon Arena" width="24" height="24">

Ikon Arena di set ikon lain

FAQ Ikon Arena

Apakah ikon Arena gratis untuk penggunaan komersial?

Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Arena di React?

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

Bagaimana cara menambahkan ikon Arena ke halaman web?

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

Lihat semua Ikon IconPark →