Icône Skylight
logos:skylight
L'icône Skylight (logos:skylight) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 256 × 289. Les SVG Logos icons sont publiées sous la licence CC0, 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
- SVG Logos
- Auteur
- Gil Barbara
- Licence
- CC0-1.0
- Taille
- 256 × 289
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="289" viewBox="0 0 256 289"><path fill="#bac4c5" d="M239.348 64.287L128 0L16.652 64.287A33.3 33.3 0 0 0 0 93.129v109.345a33.3 33.3 0 0 0 16.652 28.842l89.177 51.487a44.34 44.34 0 0 0 44.342 0l89.177-51.487A33.3 33.3 0 0 0 256 202.474V93.129a33.3 33.3 0 0 0-16.652-28.842m-17.28 122.846c0 8.805-4.65 16.942-12.198 21.344l-63.805 37.216a35.25 35.25 0 0 1-35.518 0l-63.806-37.216c-7.548-4.402-12.198-12.539-12.198-21.344v-80.919c0-8.806 4.65-16.942 12.198-21.345l81.565-47.574l81.564 47.574c7.548 4.403 12.198 12.539 12.198 21.345z"/><path fill="#ed1a3b" d="m160.404 110.041l-.654.459l-30.125 31.969l-.402.593l.152.063l30.984.047l.045-.11l29.389-27.966z"/><path fill="#c2315d" d="m160.404 176.083l-.185.042l-30.875-32.688l-.121-.375h31.181l29.389 27.62z"/><path fill="#94407e" d="m129.223 143.062l31.181 33.021l-1.44 25.677l-29.741-29.363l-.077-.272l-.063-28.667z"/><path fill="#577f9f" d="m96.206 174.241l-.039-.304l32.666-30.645l.394-.232l-.004 29.337l-29.53 29.363z"/><path fill="#00aec5" d="m129.227 143.06l-33.021 31.181l-27.511-3.645l31.197-27.536l.171-.143l28.791-.021z"/><path fill="#93c483" d="m129.227 143.064l-.394-.647l-32.125-30.5l-.502-.034l-27.511 3.907l31.197 27.274z"/><path fill="#fcde11" d="m96.206 111.883l33.021 31.181l.148-.772v-28l-.152-.565l-29.568-29.346z"/><path fill="#f78e36" d="m129.223 143.062l31.181-33.021l-1.766-25.66l-29.415 29.346z"/></svg>Comment utiliser l'icône Skylight
React
import { Icon } from "@iconify/react";
<Icon icon="logos:skylight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:skylight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:skylight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--skylight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:skylight"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:skylight"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/logos/skylight.svg" alt="Icône Skylight" width="24" height="24">L'icône Skylight dans d'autres collections
FAQ : Icône Skylight
L'icône Skylight est-elle gratuite pour un usage commercial ?
Oui. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Skylight dans React ?
Installez @iconify/react et affichez <Icon icon="logos:skylight" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Skylight à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/skylight.svg" alt="Icône Skylight">, ou collez le code SVG directement dans la page pour le styliser en CSS.