ICONYZ
Français
Icône Ship Line de MingCute Icon

Icône Ship Line

mingcute:ship-line

L'icône Ship Line (mingcute:ship-line) est une icône SVG gratuite de la collection MingCute Icon par MingCute Design. Elle est dessinée sur une grille de 24 × 24. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, 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
MingCute Icon
Auteur
MingCute Design
Licence
Apache-2.0
Taille
24 × 24
Mots-clés
shipline
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m12 9l.316-.949a1 1 0 0 0-.632 0zm5.08 9.606a1 1 0 1 0 1.84.788L18 19zM5 11a1 1 0 1 0 2 0zm7-6l.164-.986a1 1 0 0 0-.328 0zm5 6a1 1 0 1 0 2 0zm-6-8V2a1 1 0 0 0-1 1zm2 0h1a1 1 0 0 0-1-1zm0 2v1a1 1 0 0 0 1-1zm-2 0h-1a1 1 0 0 0 1 1zM3.553 19.106a1 1 0 1 0 .894 1.788L4 20zm3.105-.435l.448.894zm10.684 0l.447-.895zm2.21 2.223a1 1 0 1 0 .895-1.788L20 20zm-10.21-2.223l-.448.894zm1.316.658l-.447.895zm2.684 0l.447.895zm1.316-.658l-.447-.895zm2.506-12.81L17 6.847zm-10.328 0l-.165-.987zm-3.547 6.043l-.316-.95zM7 19l.868-.496l-3.848-6.735l-.869.496l-.868.496l3.849 6.735zm-3.71-7.096l.316.948l8.71-2.903L12 9l-.316-.949l-8.71 2.904zM12 9l-.316.949l8.742 2.914l.316-.949l.316-.949l-8.742-2.914zm8.893 3.25l-.92-.394l-2.892 6.75L18 19l.92.394l2.892-6.75zM6 11h1V6.847H5V11zm.836-5.14L7 6.848l5.164-.86L12 5l-.164-.986l-5.165.86zM12 5l-.164.986L17 6.847l.164-.986l.165-.987l-5.165-.86zm6 1.847h-1V11h2V6.847zM11 3v1h2V2h-2zm2 0h-1v2h2V3zm0 2V4h-2v2h2zm-2 0h1V3h-2v2zM4 20l.447.894l2.659-1.329l-.448-.894l-.447-.895l-2.658 1.33zm13.342-1.33l-.448.895l2.659 1.33L20 20l.447-.894l-2.658-1.33zm-8 0l-.448.895l1.317.659l.447-.895l.448-.894l-1.317-.659zm4 .66l.447.894l1.317-.659l-.448-.894l-.447-.895l-1.317.659zm4-.66l.447-.894a4 4 0 0 0-3.578 0l.447.895l.448.894a2 2 0 0 1 1.788 0zm-6.684.66l-.447.894a4 4 0 0 0 3.578 0l-.447-.895l-.448-.894a2 2 0 0 1-1.788 0zm-4-.66l.448.895a2 2 0 0 1 1.788 0l.448-.894l.447-.895a4 4 0 0 0-3.578 0zM17.164 5.86L17 6.848h2a2 2 0 0 0-1.671-1.973zm3.578 6.054l-.316.949a.75.75 0 0 1-.452-1.007l.919.394l.92.394a1.25 1.25 0 0 0-.755-1.679zM6 6.847h1l-.164-.986l-.165-.987A2 2 0 0 0 5 6.847zm-2.849 5.418l.869-.496a.75.75 0 0 1-.414 1.083l-.317-.948l-.316-.95a1.25 1.25 0 0 0-.69 1.807z"/></svg>

Comment utiliser l'icône Ship Line

React

import { Icon } from "@iconify/react";

<Icon icon="mingcute:ship-line" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="mingcute:ship-line" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="mingcute:ship-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--ship-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:ship-line"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="mingcute:ship-line"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/mingcute/ship-line.svg" alt="Icône Ship Line" width="24" height="24">

Icônes similaires dans MingCute Icon

L'icône Ship Line dans d'autres collections

FAQ : Icône Ship Line

L'icône Ship Line est-elle gratuite pour un usage commercial ?

Oui. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Ship Line dans React ?

Installez @iconify/react et affichez <Icon icon="mingcute:ship-line" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Ship Line à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mingcute/ship-line.svg" alt="Icône Ship Line">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes MingCute Icon →