Icône Lineicons

lineicons:lineicons

L'icône Lineicons (lineicons:lineicons) 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
Mots-clés: lineicon

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="M7.496 7.558a.93.93 0 0 0-.88-.245a.92.92 0 0 0-.671.625l-3.9 12.143a.928.928 0 0 0 1.17 1.17l12.152-3.9a.95.95 0 0 0 .626-.67a.93.93 0 0 0-.245-.88zM4.376 18.93l2.875-8.97l6.094 6.095zm8.126-9.36a.94.94 0 0 0 .925.817c.407 0 .821-.093 1.224-.145a2.36 2.36 0 0 0 2.05-2.34v-.29a.495.495 0 0 1 .49-.49h1.541a.933.933 0 0 0 .934-.934a.933.933 0 0 0-.934-.934H17.19a2.354 2.354 0 0 0-2.349 2.358v.29a.48.48 0 0 1-.426.48l-1.106.146a.937.937 0 0 0-.807 1.042m9.132 1.307c-2.358-1.805-4.907-.209-5.931.888a.93.93 0 0 0 .045 1.315a.93.93 0 0 0 1.315-.036c.072-.082 1.84-1.913 3.437-.69a.927.927 0 0 0 1.306-.171a.927.927 0 0 0-.172-1.306M11.422 7.612c1.043-.798 2.095-2.666.726-4.525a.93.93 0 0 0-1.306-.2a.93.93 0 0 0-.2 1.306c.717.97-.1 1.741-.362 1.95a.936.936 0 0 0-.173 1.306c.32.415.906.465 1.315.163"/></svg>

Comment utiliser l'icône Lineicons

React

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

<Icon icon="lineicons:lineicons" width="24" />

Vue

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

<template>
  <Icon icon="lineicons:lineicons" width="24" />
</template>

Svelte

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

<Icon icon="lineicons:lineicons" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="lineicons:lineicons"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/lineicons/lineicons.svg" alt="Icône Lineicons" width="24" height="24">

FAQ : Icône Lineicons

L'icône Lineicons 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 Lineicons dans React ?

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

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

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

Voir toutes les Lineicons →