ICONYZ
Bahasa Indonesia
Ikon Sport dari IconPark

Ikon Sport

icon-park:sport

Ikon Sport (icon-park:sport) 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-width="4"><path fill="#2F88FF" d="M36 15C38.7614 15 41 12.7614 41 10C41 7.23858 38.7614 5 36 5C33.2386 5 31 7.23858 31 10C31 12.7614 33.2386 15 36 15Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 16.7691L20.0031 13.998L31 19.2466L20.0031 27.4442L31 34.6834L24.0083 43.998"/><path stroke-linecap="round" stroke-linejoin="round" d="M35.3203 21.6434L38.002 23.1018L44.0003 17.4658"/><path stroke-linecap="round" stroke-linejoin="round" d="M16.849 31.5454L13.8793 35.4572L4.00391 40.9964"/></g></svg>

Cara memakai ikon Sport

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon terkait di IconPark

Ikon Sport di set ikon lain

FAQ Ikon Sport

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

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

Bagaimana cara menambahkan ikon Sport ke halaman web?

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

Lihat semua Ikon IconPark →