Icône Sleeping Linear
solar:sleeping-linear
L'icône Sleeping Linear (solar:sleeping-linear) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Solar
- Auteur
- 480 Design
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Interface
- Mots-clés
- sleepinglinear
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2 6V18"/><path stroke-linecap="round" stroke-linejoin="round" d="M22 18V15.6429C22 13.6479 22 12.6505 21.7194 11.8486C21.2169 10.4124 20.0876 9.28314 18.6514 8.78058C17.8495 8.5 16.8521 8.5 14.8571 8.5C14.0592 8.5 13.6602 8.5 13.3394 8.61223C12.7649 8.81326 12.3133 9.26495 12.1122 9.83944C12 10.1602 12 10.5592 12 11.3571V16"/><path stroke-linecap="round" stroke-linejoin="round" d="M2 16H22"/><path d="M9.5 11C9.5 12.3807 8.38071 13.5 7 13.5C5.61929 13.5 4.5 12.3807 4.5 11C4.5 9.61929 5.61929 8.5 7 8.5C8.38071 8.5 9.5 9.61929 9.5 11Z"/></g></svg>
Comment utiliser l'icône Sleeping Linear
React
import { Icon } from "@iconify/react";
<Icon icon="solar:sleeping-linear" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:sleeping-linear" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:sleeping-linear" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sleeping-linear]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sleeping-linear"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:sleeping-linear"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/solar/sleeping-linear.svg" alt="Icône Sleeping Linear" width="24" height="24">
Icônes similaires dans Solar
FAQ : Icône Sleeping Linear
L'icône Sleeping Linear est-elle gratuite pour un usage commercial ?
Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Sleeping Linear dans React ?
Installez @iconify/react et affichez <Icon icon="solar:sleeping-linear" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sleeping Linear à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/sleeping-linear.svg" alt="Icône Sleeping Linear">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Solar →
