Icône Hop Line
mingcute:hop-line
L'icône Hop Line (mingcute:hop-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
- hopline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14a1 1 0 1 0-2 0zm-2 7a1 1 0 1 0 2 0zm3.625-7.78a1 1 0 1 0-1.25 1.56L13 14zm-.832 4.073a1 1 0 0 0 1.414 1.414L13.5 18zM10 9.5v-1H8.883l.123 1.11zm4 0l.994.11l.123-1.11H14zM5.107 8.006a1 1 0 0 0-.214 1.988L5 9zm14 1.988a1 1 0 0 0-.214-1.988L19 9zm-5.459 2.672l-.994-.11zm1.416 2.985l-.625.78zM11 14h-1v7h2v-7zm2 0l-.625.78l2.064 1.652l.625-.781l.624-.78l-2.063-1.652zm2.105 2.395l-.707-.707l-1.605 1.605l.707.707l.707.707l1.605-1.605zM10 9.5l-.994.11l.352 3.166l.994-.11l.994-.11l-.352-3.166zm1.843 4.5v1h.314v-2h-.314zm1.805-1.334l.994.11l.352-3.166L14 9.5l-.994-.11l-.352 3.165zM10 9.5v1h4v-2h-4zM5 9l-.107.994h.004l.01.002l.04.004a124 124 0 0 0 2.586.246c1.455.125 3.244.254 4.467.254v-2c-1.128 0-2.84-.121-4.296-.246a142 142 0 0 1-2.546-.243l-.039-.004h-.01l-.001-.001h-.001zm7 .5v1c1.223 0 3.012-.129 4.467-.254A143 143 0 0 0 19.052 10l.04-.004l.011-.001h.003L19 9l-.107-.994h-.003l-.01.001l-.038.004l-.704.072c-.47.047-1.12.109-1.842.17C14.84 8.38 13.128 8.5 12 8.5zM14 5h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V6a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1V2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm.157 11v1a2.5 2.5 0 0 0 2.485-2.224l-.994-.11l-.994-.11a.5.5 0 0 1-.497.444zm-1.805-1.334l-.994.11A2.5 2.5 0 0 0 11.843 15v-2a.5.5 0 0 1-.497-.445zm4.712 2.985l-.625.78a.5.5 0 0 1-.041-.743l.707.707l.707.707a1.5 1.5 0 0 0-.123-2.232z"/></svg>Comment utiliser l'icône Hop Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:hop-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:hop-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:hop-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--hop-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:hop-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:hop-line"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/mingcute/hop-line.svg" alt="Icône Hop Line" width="24" height="24">Icônes similaires dans MingCute Icon
FAQ : Icône Hop Line
L'icône Hop 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 Hop Line dans React ?
Installez @iconify/react et affichez <Icon icon="mingcute:hop-line" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hop Line à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mingcute/hop-line.svg" alt="Icône Hop Line">, ou collez le code SVG directement dans la page pour le styliser en CSS.