Icône Line
ls:line
L'icône Line (ls:line) est une icône SVG gratuite de la collection Ligature Symbols par Kazuyuki Motoyama. Elle est dessinée sur une grille de 684 × 677. Les Ligature Symbols icons sont publiées sous la Open Font License, 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
- Ligature Symbols
- Auteur
- Kazuyuki Motoyama
- Licence
- OFL-1.1
- Taille
- 684 × 677
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="684" height="677" viewBox="0 0 684 677"><path fill="currentColor" d="M341 25c190 0 343 124 343 278c0 75-37 141-95 193c-94 93-256 187-273 180c-28-11 21-71 1-97c-3-4-14-3-34-6C118 551 0 442 0 302C0 148 152 25 341 25M146 395h58c10 0 16-8 16-18c0-7-5-16-18-16h-47c-4 0-4-4-4-18V242c0-9-6-18-17-18c-10 0-17 8-17 18v122c0 27 13 31 29 31m131-14V242c0-9-7-18-18-18c-9 0-17 8-17 18v139c0 9 7 16 18 16c9 0 17-7 17-16m164-19V240c0-9-7-16-18-16c-8 0-17 5-17 16v88l-58-81c-8-14-18-23-30-23c-15 0-16 12-16 29v128c0 9 7 16 17 16c9 0 17-6 17-16v-91l58 81c13 17 16 26 32 26c11 0 15-10 15-35m112-69h-51v-29c0-3 1-7 6-7h45c11 0 18-6 18-17c0-13-10-17-19-17h-58c-18 0-27 12-27 28v113c0 20 8 31 27 31h59c13 0 18-8 18-18c0-13-10-17-18-17h-44c-4 0-7-3-7-6v-28h53c13 0 15-10 15-17c0-10-8-16-17-16"/></svg>
Comment utiliser l'icône Line
React
import { Icon } from "@iconify/react";
<Icon icon="ls:line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:line"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:line"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/ls/line.svg" alt="Icône Line" width="24" height="24">
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 Ligature Symbols icons sont publiées sous la Open Font License, 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="ls: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/ls/line.svg" alt="Icône Line">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Ligature Symbols →
ICONYZ
