Icono Oceanengine
icon-park:oceanengine
El icono Oceanengine (icon-park:oceanengine) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Marca
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/oceanengine.svg" alt="Icono Oceanengine" width="24" height="24">El icono Oceanengine en otras colecciones
Preguntas frecuentes sobre Icono Oceanengine
¿El icono Oceanengine es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Oceanengine en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:oceanengine" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Oceanengine a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/oceanengine.svg" alt="Icono Oceanengine">, o pega el código SVG en línea para darle estilo con CSS.