Icono Ship Fill
keyline-icons:ship-fill
El icono Ship Fill (keyline-icons:ship-fill) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline 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
- Keyline Icons
- Autor
- Keyline Icons
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- shipfill
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M6.52 21.348L5.8638 20.7254C3.6872 18.66 2.5421 15.4239 3.2169 12.4072C3.281 12.1208 3.4676 11.877 3.7274 11.7404C6.163 10.4598 8.9171 9.1491 11.9513 9.0012C11.9837 8.9996 12.0163 8.9996 12.0487 9.0012C15.0829 9.1491 17.837 10.4598 20.2726 11.7404C20.5335 11.8776 20.7206 12.123 20.7839 12.4109C21.447 15.4291 20.3191 18.654 18.1362 20.7254L17.933 20.9182C17.6565 21.1805 17.255 21.2629 16.8976 21.1306C16.6003 21.0206 16.3075 20.9013 16.0198 20.7742C16.0031 20.7668 15.9866 20.759 15.9703 20.7507C14.0898 19.7936 11.8309 19.7593 9.96 20.7286C9.9281 20.7452 9.8953 20.76 9.8617 20.773C9.1273 21.0579 8.3155 21.3566 7.472 21.5872C7.1347 21.6794 6.7737 21.5887 6.52 21.348ZM13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14L11 15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15L13 14Z" stroke="none"/><path d="M7 11.3L7 7C7 5.8954 7.8954 5 9 5L15 5C16.1046 5 17 5.8954 17 7L17 11.3M12 5L12 3M2 20.3479C4.3679 21.6637 7.179 20.7413 9.5 19.8407C11.671 18.7159 14.2704 18.7635 16.4239 19.8595C18.1685 20.6303 20.0809 21.0813 22 20.8551"/></g></svg>
Cómo usar el icono Ship Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:ship-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:ship-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:ship-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--ship-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:ship-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:ship-fill"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/ship-fill.svg" alt="Icono Ship Fill" width="24" height="24">
Iconos relacionados en Keyline Icons
El icono Ship Fill en otras colecciones
Preguntas frecuentes sobre Icono Ship Fill
¿El icono Ship Fill es gratis para uso comercial?
Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Ship Fill en React?
Instala @iconify/react y renderiza <Icon icon="keyline-icons:ship-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ship Fill a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/ship-fill.svg" alt="Icono Ship Fill">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Keyline Icons →
ICONYZ
