Icône Sailing Ship
pinhead:sailing-ship
L'icône Sailing Ship (pinhead:sailing-ship) est une icône SVG gratuite de la collection Pinhead Map Icons par Quincy Morgan. Elle est dessinée sur une grille de 15 × 15. Les Pinhead Map Icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Pinhead Map Icons
- Auteur
- Quincy Morgan
- Licence
- CC0-1.0
- Taille
- 15 × 15
- Mots-clés
- sailingship
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.48 0c-.05 0-.08.04-.08.09c-.02.01-.03.02-.04.03c-.18.2-.28.35-.37.43s-.18.11-.42.07c-.21-.04-.33-.19-.5-.33a.74.74 0 0 0-.3-.17C5.64.09 5.5.11 5.33.18c-.05.02-.07.07-.07.12c0 .04.02.09.07.11c.21.09.29.19.37.34l.1.2c.05.11.11.22.21.35c.17.22.41.35.66.4c.24.06.5.05.7-.02c.01 0 .02 0 .02-.01v1.09L5.2 1.43a.2.2 0 0 0-.07-.02q-.075 0-.12.06a.23.23 0 0 0-.02.14c.67 2.23.12 4.46-1.34 6.71a.3.3 0 0 0-.12-.06L.72 7.62c-.09-.03-.19.01-.26.08c-.37.4-.5.95-.45 1.48c.04.46.22.91.49 1.28l.13.15c.03.05.08.08.13.09l1.29.39c-.03 1.21.08 1.95.3 2.44l.06.13l.07.12c.31.52.83.88 1.43.97c1.07.17 2.26.25 3.59.25q1.635 0 2.64-.12l.21-.03c.42-.07.8-.26 1.1-.55c.92-.91 1.44-1.66 1.55-2.26c.17-.97.03-1.99-.13-2.98l2-1.45c.11-.08.16-.23.11-.37a.31.31 0 0 0-.29-.22l-.05.01l-3.04.71a.32.32 0 0 0-.24.27v.19c-.01.2-.06.64-.38 1.11c-.41.61-1.28 1.26-3.21 1.34l-.05-2.3c.61.1 1.18.28 1.68.59c.06.04.14.02.18-.05c.5-.77.65-1.55.63-2.31c-.02-.77-.2-1.52-.36-2.26c-.01-.04-.03-.08-.07-.1L7.62 2.9L7.56.09c0-.02-.01-.05-.02-.06Q7.51 0 7.48 0M7.4.48l-.01.2v.75c-.18-.28-.2-.46-.17-.61c.03-.1.1-.21.18-.34m1.33 2.08c-.01 0-.02 0-.03.01v.02c-.01.01 0 .03.01.03l.01.01c.98.4 1.54.84 1.86 1.3c.33.45.41.91.42 1.37c.01.45-.06.9-.03 1.3s.15.76.54 1.04h.04c.01-.01.02-.03.02-.04c-.02-.11.04-.25.16-.4c.12-.14.3-.29.51-.42c.42-.26.95-.44 1.37-.36c.02 0 .03-.01.04-.03c.01-.01 0-.03-.02-.04c-.37-.21-.54-.52-.66-.89c-.11-.38-.19-.8-.37-1.22c-.19-.41-.5-.81-1.09-1.11c-.54-.28-1.33-.48-2.47-.55zm-1.89 5.7l.52.04v1.77c0 .21-.01.4-.01.59c-1.97-.01-2.85-.57-3.24-1.07c-.35-.44-.36-.84-.35-.95v-.03c1.09-.23 2.13-.37 3.08-.35m3.86 2.72c.34.01.63.29.63.65c0 .35-.29.64-.63.64c-.17 0-.33-.07-.45-.19a.63.63 0 0 1-.18-.45c0-.17.06-.34.18-.46s.28-.19.45-.19m-6.34.14c.17 0 .33.07.44.19a.64.64 0 0 1 0 .91c-.11.12-.27.19-.44.19c-.35 0-.63-.29-.63-.64c0-.17.07-.34.18-.46c.12-.12.28-.19.45-.19m3.19.46c.17 0 .33.07.45.19c.11.12.18.28.18.45c0 .18-.07.34-.18.46c-.12.12-.28.19-.45.19c-.35 0-.63-.29-.63-.65c0-.17.07-.33.19-.45c.09-.1.21-.16.34-.18z"/></svg>Comment utiliser l'icône Sailing Ship
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:sailing-ship" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:sailing-ship" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:sailing-ship" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--sailing-ship]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:sailing-ship"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:sailing-ship"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/pinhead/sailing-ship.svg" alt="Icône Sailing Ship" width="24" height="24">Icônes similaires dans Pinhead Map Icons
FAQ : Icône Sailing Ship
L'icône Sailing Ship est-elle gratuite pour un usage commercial ?
Oui. Les Pinhead Map Icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Sailing Ship dans React ?
Installez @iconify/react et affichez <Icon icon="pinhead:sailing-ship" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sailing Ship à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/pinhead/sailing-ship.svg" alt="Icône Sailing Ship">, ou collez le code SVG directement dans la page pour le styliser en CSS.