Icône Leptonai
thesvg:leptonai
L'icône Leptonai (thesvg:leptonai) est une icône SVG gratuite de la collection theSVG par thesvg.org. Elle est dessinée sur une grille de 24 × 24. Les theSVG 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
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M21.473 13.1V9.937c0-.56 0-.875-.014-1.106a1 1 0 0 0-.021-.196a.8.8 0 0 0-.12-.21a1 1 0 0 0-.16-.112a21 21 0 0 0-.953-.568l-2.744-1.582c-.483-.28-.756-.434-.966-.538a.7.7 0 0 0-.175-.077a.7.7 0 0 0-.245 0c-.021 0-.07.027-.175.077c-.21.104-.476.258-.967.538L12.19 7.744c-.483.28-.756.434-.952.568c-.098.063-.14.098-.161.112a.5.5 0 0 0-.12.21c0 .021-.013.077-.02.196c-.014.23-.014.546-.014 1.106v3.165c0 .56 0 .875.014 1.106c.007.119.014.175.02.195a.8.8 0 0 0 .12.21c.013.015.055.05.16.113c.197.126.463.287.953.567l2.744 1.582c.483.28.756.434.966.54a.7.7 0 0 0 .176.076a.7.7 0 0 0 .245 0c.02 0 .07-.028.175-.077c.21-.105.476-.259.966-.539l2.744-1.582c.483-.28.756-.434.953-.567c.098-.063.14-.098.16-.112a.5.5 0 0 0 .12-.21c0-.022.014-.077.02-.196c.015-.231.015-.546.015-1.106zm1.715-6.377c-.336-.371-.798-.638-1.715-1.17l-2.745-1.582c-.924-.532-1.38-.798-1.87-.903a3.2 3.2 0 0 0-1.316 0c-.49.105-.952.371-1.869.903L10.93 5.553c-.925.532-1.38.799-1.715 1.17a3.2 3.2 0 0 0-.659 1.134c-.154.475-.154 1.008-.154 2.072v3.164c0 1.065 0 1.597.154 2.073c.14.42.365.812.659 1.134c.335.37.798.637 1.715 1.169l2.744 1.582c.925.532 1.38.798 1.87.903c.434.09.881.09 1.316 0c.49-.105.952-.371 1.87-.903l2.744-1.582c.924-.532 1.38-.798 1.715-1.17c.294-.328.518-.713.658-1.133c.154-.476.154-1.008.154-2.073V9.93c0-1.064 0-1.597-.154-2.072a3.1 3.1 0 0 0-.658-1.135z" clip-rule="evenodd"/><path d="M13.071 13.1V9.937c0-.56 0-.875-.014-1.106a1 1 0 0 0-.02-.196a.8.8 0 0 0-.12-.21a1 1 0 0 0-.16-.112a21 21 0 0 0-.953-.568L9.059 6.162c-.483-.28-.755-.434-.966-.538a.7.7 0 0 0-.175-.077a.7.7 0 0 0-.245 0c-.02 0-.07.027-.175.077c-.21.104-.476.258-.966.538L3.788 7.744c-.483.28-.756.434-.953.568c-.098.063-.14.098-.16.112a.5.5 0 0 0-.12.21c0 .021-.014.077-.02.196c-.015.23-.015.546-.015 1.106v3.165c0 .56 0 .875.014 1.106c0 .119.014.175.021.195q.043.117.12.21a1 1 0 0 0 .16.113c.196.126.462.287.953.567l2.744 1.582c.483.28.756.434.966.54a.7.7 0 0 0 .175.076a.7.7 0 0 0 .245 0c.021 0 .07-.028.175-.077c.21-.105.476-.259.966-.539l2.745-1.582c.483-.28.756-.434.952-.567c.098-.063.14-.098.161-.112a.5.5 0 0 0 .12-.21c0-.022.013-.077.02-.196c.014-.231.014-.546.014-1.106zm1.716-6.377c-.336-.371-.799-.638-1.716-1.17l-2.744-1.582c-.924-.532-1.38-.798-1.87-.903a3.2 3.2 0 0 0-1.316 0c-.49.105-.952.371-1.87.903L2.528 5.553c-.924.532-1.379.799-1.715 1.17a3.2 3.2 0 0 0-.658 1.134C0 8.332 0 8.865 0 9.929v3.164c0 1.065 0 1.597.154 2.073c.14.42.364.812.658 1.134c.336.37.798.637 1.715 1.169l2.745 1.582c.924.532 1.38.798 1.87.903c.433.09.881.09 1.316 0c.49-.105.952-.371 1.869-.903l2.744-1.582c.925-.532 1.38-.798 1.716-1.17a3.2 3.2 0 0 0 .658-1.133c.154-.476.154-1.008.154-2.073V9.93c0-1.064 0-1.597-.154-2.072a3.1 3.1 0 0 0-.658-1.135" clip-rule="evenodd"/><path d="M12.007 15.173q.094.05.196.112l2.276 1.316c-.308.245-.736.49-1.4.876l-1.072.615l-1.07-.615c-.666-.385-1.093-.63-1.4-.876l2.275-1.316c.07-.042.132-.077.195-.112"/></g></svg>Comment utiliser l'icône Leptonai
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:leptonai" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:leptonai" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:leptonai" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--leptonai]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:leptonai"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:leptonai"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg/leptonai.svg" alt="Icône Leptonai" width="24" height="24">L'icône Leptonai dans d'autres collections
FAQ : Icône Leptonai
L'icône Leptonai est-elle gratuite pour un usage commercial ?
Oui. Les theSVG icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Leptonai dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg:leptonai" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Leptonai à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg/leptonai.svg" alt="Icône Leptonai">, ou collez le code SVG directement dans la page pour le styliser en CSS.