Icône Zero Size

lineicons:zero-size

L'icône Zero Size (lineicons:zero-size) 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: zerosize

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" fill-rule="evenodd" d="M8.23 2.575a.75.75 0 0 0-1.46.35l.316 1.314a3.75 3.75 0 0 1-.448 2.833l-.604.987a9 9 0 0 0-.665 8.08l2.186 5.393a.75.75 0 0 0 1.39-.564L6.76 15.576c-.24-.59-.4-1.2-.483-1.818c1.569.14 2.828.605 3.72 1.056a9 9 0 0 1 1.254.768v5.668a.75.75 0 0 0 1.5 0v-5.669l.113-.082c.254-.182.638-.43 1.14-.685a10.3 10.3 0 0 1 3.72-1.056a7.5 7.5 0 0 1-.482 1.818l-2.186 5.392a.75.75 0 0 0 1.39.564l2.186-5.393a9 9 0 0 0-.665-8.08l-.604-.987a3.75 3.75 0 0 1-.448-2.833l.315-1.314a.75.75 0 1 0-1.458-.35l-.316 1.314a5.25 5.25 0 0 0 .628 3.966l.03.048a10 10 0 0 1-.814.377c-.857.352-2.022.694-3.299.694s-2.442-.342-3.3-.694a10 10 0 0 1-.812-.377l.029-.048a5.25 5.25 0 0 0 .628-3.966zm2.444 10.9a11.8 11.8 0 0 0-4.447-1.226c.072-1.06.37-2.104.885-3.059c.264.14.609.31 1.02.478c.97.398 2.334.806 3.868.806s2.899-.408 3.869-.806c.41-.169.755-.338 1.019-.478c.516.955.813 1.999.885 3.059a11.8 11.8 0 0 0-4.447 1.227a10.4 10.4 0 0 0-1.327.796a10.4 10.4 0 0 0-1.325-.796" clip-rule="evenodd"/><path fill="currentColor" d="M3.28 3.193a.75.75 0 0 0-1.06 1.061l.97.97l-.97.97a.75.75 0 0 0 1.06 1.06l1.5-1.5a.75.75 0 0 0 0-1.06zm18.5 1.061a.75.75 0 0 0-1.06-1.06l-1.5 1.5a.75.75 0 0 0 0 1.06l1.5 1.5a.75.75 0 1 0 1.06-1.06l-.97-.97zm-9.03 2.469a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0"/></svg>

Comment utiliser l'icône Zero Size

React

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

<Icon icon="lineicons:zero-size" width="24" />

Vue

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

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

Svelte

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

<Icon icon="lineicons:zero-size" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/lineicons/zero-size.svg" alt="Icône Zero Size" width="24" height="24">

FAQ : Icône Zero Size

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

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

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

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

Voir toutes les Lineicons →