Ícone Skylight
logos:skylight
O ícone Skylight (logos:skylight) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 256 × 289. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- SVG Logos
- Autor
- Gil Barbara
- Licença
- CC0-1.0
- Tamanho
- 256 × 289
Código 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/logos/skylight.svg" alt="Ícone Skylight" width="24" height="24">O ícone Skylight em outras coleções
Perguntas frequentes sobre Ícone Skylight
O ícone Skylight é grátis para uso comercial?
Sim. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Skylight no React?
Instale @iconify/react e renderize <Icon icon="logos:skylight" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Skylight a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/logos/skylight.svg" alt="Ícone Skylight">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.