ICONYZ
Bahasa Indonesia
Ikon Oceanengine dari IconPark

Ikon Oceanengine

icon-park:oceanengine

Ikon Oceanengine (icon-park:oceanengine) 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
Merek
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path d="M21.4826 8.47412L23.8804 16.6267H4.75781L7.21558 8.47412H21.4826Z"/><path d="M9.1335 18.1254L17.3461 20.1036L7.81473 36.6485L2 30.4741L9.1335 18.1254Z"/><path d="M11.292 33.6512L17.1067 27.4768L26.698 44.0218L18.4255 46L11.292 33.6512Z"/><path d="M40.0652 39.4659H25.7982L23.4004 31.3733H42.523"/><path d="M45.2806 17.466L38.1471 29.8747L29.9346 27.8965L39.4659 11.3515"/><path d="M35.989 14.3488L30.1743 20.5232L20.583 3.91825L28.8555 2L35.989 14.3488Z"/></svg>

Cara memakai ikon Oceanengine

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Oceanengine di set ikon lain

FAQ Ikon Oceanengine

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

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

Bagaimana cara menambahkan ikon Oceanengine ke halaman web?

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

Lihat semua Ikon IconPark →