Icône Nightlio Light
selfhst:nightlio-light
L'icône Nightlio Light (selfhst:nightlio-light) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/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
- selfh.st/icons
- Auteur
- selfh.st
- Licence
- CC-BY-4.0
- Taille
- 512 × 512
- Mots-clés
- nightliolight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M501.1 340.1c-.7-2.1-2.5-7.6-7.3-11.6c-9.7-8-27-4.9-40.9-2.3c-2.2.4-4.3.8-6.3 1.1l-.6.1c-27.3 3.3-69.3 3.3-114.9-15.3c-19.4-8-68.4-32.2-104-85.5l-.2-.3c-26.9-40.2-40.8-81.8-41.3-123.8c-.2-12.5.9-24.6 1.8-36.2c2-23.3 3.7-43.3-6.1-51.1c-.4-.3-3.7-2.5-8.1-3.5c-1.1-.3-2.5-.4-4.1-.4c-9.4 0-26.2 5.1-48.3 19.9C75.5 61.7 17.5 127.5 3.3 212.6C-15.2 323.4 51.4 408.2 59 417.5c69.3 84.3 166.6 94.1 205.2 94.5c29 .3 85.9-4.6 140.8-39.3c29-18.4 56.4-44.4 75.2-71.4c17.5-25.1 25.3-47.9 20.9-61.2M268.4 461.3c-.6 0-1.3 0-2.1.1c-3.2.1-6.3.2-9.4.2c-64.1 0-108.9-29.4-135.6-54.8c-63.7-60.5-68.3-135-68.2-156.3c0-7 5.7-12.6 12.7-12.6h.1c7 0 12.7 5.7 12.6 12.8c-.1 13.4 2.5 83 60.2 137.8c35.5 33.7 78.1 49.8 126.4 47.6c1 0 1.8-.1 2.5-.1c7-.1 12.8 5.3 13 12.3c.3 6.9-5.2 12.8-12.2 13M484.9 78.1h-51v-51c0-15-12.1-27.1-27.1-27.1s-27.1 12.1-27.1 27.1v51h-51c-15 0-27.1 12.1-27.1 27.1s12.1 27.1 27.1 27.1h51v51c0 15 12.1 27.1 27.1 27.1s27.1-12.1 27.1-27.1v-51h51c15 0 27.1-12.1 27.1-27.1s-12.2-27.1-27.1-27.1m1 39.9h-66.3v66.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V118h-66.3c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h66.3V26.1c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v66.3h66.3c7.1 0 12.9 5.8 12.9 12.9c0 7-5.8 12.7-12.9 12.7"/></svg>Comment utiliser l'icône Nightlio Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:nightlio-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:nightlio-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:nightlio-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--nightlio-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:nightlio-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:nightlio-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/selfhst/nightlio-light.svg" alt="Icône Nightlio Light" width="24" height="24">Icônes similaires dans selfh.st/icons
FAQ : Icône Nightlio Light
L'icône Nightlio Light est-elle gratuite pour un usage commercial ?
Oui. Les selfh.st/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 Nightlio Light dans React ?
Installez @iconify/react et affichez <Icon icon="selfhst:nightlio-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Nightlio Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/nightlio-light.svg" alt="Icône Nightlio Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.