Oceanengine icon
icon-park:oceanengine
The Oceanengine icon (icon-park:oceanengine) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Brand
SVG code
<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>How to use the Oceanengine icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/oceanengine.svg" alt="Oceanengine icon" width="24" height="24">Oceanengine icon in other icon sets
Oceanengine icon FAQ
Is the Oceanengine icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Oceanengine icon in React?
Install @iconify/react and render <Icon icon="icon-park:oceanengine" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Oceanengine icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/oceanengine.svg" alt="Oceanengine icon">, or paste the SVG code inline to style it with CSS.