Icono Ship Water
glyphs-poly:ship-water
El icono Ship Water (glyphs-poly:ship-water) es un icono SVG gratuito de la colección Glyphs Poly de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs Poly icons se publican bajo la licencia MIT, 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
- Glyphs Poly
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- shipwater
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#2f80ed" fill-rule="evenodd" d="M55.855 34.342a5 5 0 0 1 2.965 5.964l-2.957 10.792a12.5 12.5 0 0 0-7.311 1.542a2.49 2.49 0 0 1-2.437 0a12.49 12.49 0 0 0-12.23 0a2.49 2.49 0 0 1-2.437 0a12.5 12.5 0 0 0-7.312-1.542l-2.957-10.792a5 5 0 0 1 2.965-5.964l13.999-5.6a5 5 0 0 1 3.713 0z" clip-rule="evenodd"/><path fill="#f2f2f2" fill-rule="evenodd" d="M38 28.385v22.817a12.5 12.5 0 0 1 4 0V28.385z" clip-rule="evenodd"/><path fill="#eb5757" fill-rule="evenodd" d="M33.5 16a1.5 1.5 0 0 0-1.5 1.5V22h16v-4.5a1.5 1.5 0 0 0-1.5-1.5z" clip-rule="evenodd"/><path fill="#f2f2f2" fill-rule="evenodd" d="M26 24.5a2.5 2.5 0 0 1 2.5-2.5h23a2.5 2.5 0 0 1 2.5 2.5v9.1l-12.144-4.857a5 5 0 0 0-3.713 0L26 33.6z" clip-rule="evenodd"/><path fill="#56ccf2" d="m21.667 56l-.98-1.744zM29 56l.98-1.744zm-12.466-1.24a2 2 0 0 0-1.068 3.855zm19.8 1.24l-.98-1.744zm7.333 0l-.98 1.744zM51 56l-.98-1.744zm7.333 0l.98-1.744zm6.201 2.615a2 2 0 0 0-1.068-3.855zm-41.888-.871a5.49 5.49 0 0 1 5.375 0l1.958-3.488a9.49 9.49 0 0 0-9.292 0zm-1.959-3.488a5.5 5.5 0 0 1-4.153.504l-1.068 3.855a9.5 9.5 0 0 0 7.18-.871zm16.626 3.488a5.49 5.49 0 0 1 5.374 0l1.959-3.488a9.49 9.49 0 0 0-9.292 0zm-1.959-3.488a5.49 5.49 0 0 1-5.375 0l-1.958 3.488a9.49 9.49 0 0 0 9.292 0zm16.625 3.488a5.49 5.49 0 0 1 5.375 0l1.959-3.488a9.49 9.49 0 0 0-9.292 0zm-1.958-3.488a5.49 5.49 0 0 1-5.375 0l-1.959 3.488a9.49 9.49 0 0 0 9.292 0zm13.445.504a5.5 5.5 0 0 1-4.153-.504l-1.959 3.488a9.5 9.5 0 0 0 7.18.87zm-39.822 4.433a2 2 0 0 0 .712 3.936zM29 62l.98-1.744zm7.333 0l.98 1.744zm7.334 0l-.98 1.744zM51 62l-.98-1.744zm4.644 1.129a2 2 0 1 0 .712-3.936zm-31.288 0a5.5 5.5 0 0 1 3.665.615l1.958-3.488a9.5 9.5 0 0 0-6.335-1.063zm12.957.615a5.49 5.49 0 0 1 5.374 0l1.959-3.488a9.49 9.49 0 0 0-9.292 0zm-1.959-3.488a5.49 5.49 0 0 1-5.375 0l-1.958 3.488a9.49 9.49 0 0 0 9.292 0zm16.625 3.488a5.5 5.5 0 0 1 3.665-.615l.712-3.936a9.5 9.5 0 0 0-6.335 1.063zm-1.958-3.488a5.49 5.49 0 0 1-5.375 0l-1.959 3.488a9.49 9.49 0 0 0 9.292 0z"/></g></svg>Cómo usar el icono Ship Water
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:ship-water" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:ship-water" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:ship-water" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--ship-water]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:ship-water"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:ship-water"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/ship-water.svg" alt="Icono Ship Water" width="24" height="24">Iconos relacionados en Glyphs Poly
El icono Ship Water en otras colecciones
Preguntas frecuentes sobre Icono Ship Water
¿El icono Ship Water es gratis para uso comercial?
Sí. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Ship Water en React?
Instala @iconify/react y renderiza <Icon icon="glyphs-poly:ship-water" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ship Water a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs-poly/ship-water.svg" alt="Icono Ship Water">, o pega el código SVG en línea para darle estilo con CSS.