Icône Ledger
thesvg-color:ledger
L'icône Ledger (thesvg-color:ledger) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 383 × 128. Les theSVG Color icons 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
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 383 × 128
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="383" height="128" viewBox="0 0 383 128"><path d="M327.26 119.94V128h55.31V91.65h-8.06v28.29zm0-119.94v8.06h47.25v28.29h8.06V0zm-28.52 62.34V43.62h12.64c6.17 0 8.38 2.05 8.38 7.66v3.32c0 5.77-2.14 7.74-8.38 7.74zm20.07 3.32c5.76-1.5 9.8-6.88 9.8-13.27c0-4.03-1.59-7.67-4.59-10.6c-3.79-3.63-8.85-5.44-15.4-5.44h-17.78v55.3h7.9V69.61h11.85c6.09 0 8.54 2.53 8.54 8.85v13.2h8.05V79.71c0-8.69-2.05-12-8.37-12.95zm-66.53 1.82h24.34V60.2h-24.34V43.6h26.7v-7.26h-34.76v55.3h35.95v-7.27h-27.89zm-26.47 2.92v3.8c0 7.97-2.92 10.58-10.27 10.58h-1.74c-7.35 0-10.9-2.37-10.9-13.35V56.57c0-11.06 3.71-13.35 11.06-13.35h1.58c7.19 0 9.48 2.68 9.56 10.11h8.7c-.8-10.9-8.07-17.77-18.97-17.77c-5.3 0-9.72 1.66-13.04 4.81c-4.98 4.67-7.74 12.57-7.74 23.63c0 10.67 2.37 18.57 7.27 23.46a18 18 0 0 0 12.4 4.98c4.74 0 9.09-1.9 11.3-6h1.1v5.21h7.28V63.13h-21.42v7.27zm-69.68-26.79h8.6c8.15 0 12.57 2.06 12.57 13.12v14.54c0 11.06-4.42 13.11-12.56 13.11h-8.61zm9.32 48.04c15.1 0 20.7-11.45 20.7-27.65c0-16.43-6-27.65-20.86-27.65h-17.07v55.3zm-55.39-24.17h24.34V60.2h-24.34V43.6h26.7v-7.26H102v55.3h35.95v-7.27h-27.89zM63.45 36.35h-8.06v55.3h36.34v-7.27H63.45zM0 91.65V128h55.3v-8.06H8.07V91.65zM0 0v36.35h8.06V8.05H55.3V0z"/></svg>
Comment utiliser l'icône Ledger
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:ledger" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:ledger" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:ledger" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--ledger]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:ledger"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:ledger"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/ledger.svg" alt="Icône Ledger" width="24" height="24">
L'icône Ledger dans d'autres collections
FAQ : Icône Ledger
L'icône Ledger est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Ledger dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:ledger" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Ledger à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/ledger.svg" alt="Icône Ledger">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes theSVG Color →
ICONYZ
