Icono Octopus
openmoji:octopus
El icono Octopus (openmoji:octopus) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Animales y naturaleza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d22f27" d="M60 30.378c2-6.119-3-6.119-3-6.119c-7 1.02-2 7.14-2 7.14s6 11.218-4.583 10.824S43 31.398 43 31.398c6.07-5.198 4-11.218 4-11.218C44 9.98 36 11 36 11s-8-1.02-11 8.16c0 0-3 9.179 4 12.238c0 0 4 11.219-8 11.219c0 0-10 0-4-13.259c0 0 2-7.139-4-5.099c0 0-3 1.02-2 6.12c0 0-5 21.417 14 16.317c0 0 16-3.06 22 0s14 1.02 14-9.179z"/><path fill="#ea5a47" d="M33 32s4 11.45-7 14.572c0 0-7-1.041-7 5.204s4 6.244 6 5.204s3-4.164 3-4.164s0-2.939-4 .184s-3-3.306 4-4.347c7-1.04 10-12.49 8-16.653zM19.116 45s-2 1-4-1s-4-1-4-1s-4 1-1 5c0 0 1 2 4 1c0 0 1.884-1-.116-2s-4-2-2-2s6.231 5 7.116 0"/><path fill="#ea5a47" d="M38.608 32s-4 11.45 7 14.572c0 0 7-1.041 7 5.204s-4 6.244-6 5.204s-3-4.164-3-4.164S44 49.877 48 53s2.608-3.306-4.392-4.347c-7-1.04-10-12.49-8-16.653zM54 45s2 1 4-1s4-1 4-1s4 1 1 5c0 0-1 2-4 1c0 0-1.884-1 .116-2s4-2 2-2s-6.232 5-7.116 0"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M60 30c2-6-3-6-3-6c-7 1-2 7-2 7s6 11-4.583 10.614S43 31 43 31c6.07-5.097 4-11 4-11c-3-10-11-9-11-9s-8-1-11 8c0 0-3 9 4 12c0 0 4 11-8 11c0 0-10 0-4-13c0 0 2-7-4-5c0 0-3 1-2 6"/><path d="M33 33s4 11-7 14c0 0-7-1-7 5s4 6 6 5s3-4 3-4m10.71-20s-4 11 7 14c0 0 7-1 7 5s-4 6-6 5s-3-4-3-4m-24.594-8s-2 1-4-1s-4-1-4-1s-4 1-1 5c0 0 1 2 4 1M54 45s2 1 4-1s4-1 4-1s4 1 1 5c0 0-1 2-4 1"/></g></svg>
Cómo usar el icono Octopus
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:octopus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:octopus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:octopus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--octopus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:octopus"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:octopus"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/octopus.svg" alt="Icono Octopus" width="24" height="24">
El icono Octopus en otras colecciones
Preguntas frecuentes sobre Icono Octopus
¿El icono Octopus es gratis para uso comercial?
Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Octopus en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:octopus" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Octopus a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/octopus.svg" alt="Icono Octopus">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos OpenMoji →
ICONYZ
