Icône Line
lineicons:line
L'icône Line (lineicons:line) est une icône SVG gratuite de la collection Lineicons. Elle est dessinée sur une grille de 24 × 24. Les Lineicons sont publiées sous la licence MIT, 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
- Lineicons
- Auteur
- Lineicons
- Licence
- MIT
- Taille
- 24 × 24
- Catégorie
- Normal
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 10.622c0-4.484-4.516-8.161-10-8.161S2 6.106 2 10.622c0 4 3.548 7.355 8.355 8c.322.032.774.226.87.484c.098.226.033.645.033.903c0 0-.129.742-.129.871c-.032.226-.194 1 .871.484c1.032-.451 5.742-3.42 7.871-5.806C21.323 14.009 22 12.396 22 10.622M8.452 12.977a.21.21 0 0 1-.194.194H5.452c-.033 0-.097-.033-.13-.033c-.032-.032-.032-.096-.032-.129V8.622c0-.097.097-.193.194-.193h.677c.097 0 .194.096.194.193v3.452h1.903c.097 0 .194.097.194.193zm1.677 0a.21.21 0 0 1-.194.194h-.677a.21.21 0 0 1-.193-.194V8.622c0-.097.096-.193.193-.193h.677c.097 0 .194.096.194.193zm4.871 0a.21.21 0 0 1-.194.194h-.709c-.032 0-.032-.033-.032-.033L12 10.428v2.581a.21.21 0 0 1-.194.194h-.677a.21.21 0 0 1-.194-.194V8.654c0-.096.097-.193.194-.193h.678l.032.032l2 2.678V8.59c0-.097.096-.194.193-.194h.774c.097 0 .194.097.194.194zm3.871-3.645a.21.21 0 0 1-.194.193h-1.903v.742h1.903c.097 0 .194.097.194.194v.677a.21.21 0 0 1-.194.194h-1.903v.677h1.903c.097 0 .194.097.194.194v.677a.21.21 0 0 1-.194.194h-2.806c-.032 0-.097-.032-.13-.032c-.031-.033-.031-.097-.031-.13V8.559c0-.033.032-.097.032-.13c.032-.032.097-.032.129-.032h2.806c.097 0 .194.097.194.194z"/></svg>
Comment utiliser l'icône Line
React
import { Icon } from "@iconify/react";
<Icon icon="lineicons:line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lineicons:line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lineicons:line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:line"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lineicons:line"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/lineicons/line.svg" alt="Icône Line" width="24" height="24">
Icônes similaires dans Lineicons
L'icône Line dans d'autres collections
FAQ : Icône Line
L'icône Line est-elle gratuite pour un usage commercial ?
Oui. Les Lineicons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Line dans React ?
Installez @iconify/react et affichez <Icon icon="lineicons:line" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Line à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/lineicons/line.svg" alt="Icône Line">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Lineicons →
ICONYZ
