Ícone Night With Stars
noto-v1:night-with-stars
O ícone Night With Stars (noto-v1:night-with-stars) é um ícone SVG gratuito da coleção Noto Emoji (v1) de Google Inc. Ele é desenhado em uma grade de 128 × 128. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, 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
- Noto Emoji (v1)
- Autor
- Google Inc
- Licença
- Apache-2.0
- Tamanho
- 128 × 128
- Categoria
- Viagens e lugares
- Tags
- nightwith, withstars, nightwithstars, star
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc21b" d="M119.39 56.23H85.04v43.46h-37.4V85.24H11.76v37.41h24.35v.76h72.59v-5.35h10.69zm-48.2-21.28c.53.44.87 1.39.74 2.08l-.63 3.82c-.11.69.28.96.88.6l3.3-1.96c.59-.37 1.59-.38 2.19-.05l3.39 1.82c.62.33 1 .04.85-.65l-.8-3.78c-.14-.68.16-1.65.66-2.11l2.69-2.59c.51-.48.36-.96-.33-1.04l-3.78-.45c-.7-.07-1.52-.66-1.83-1.28l-1.68-3.31c-.31-.61-.8-.61-1.09.02l-1.51 3.38c-.29.65-1.08 1.26-1.78 1.37l-3.78.61c-.68.1-.82.59-.29 1.05zm17.92-21.27c.53.44.87 1.39.74 2.08l-.63 3.82c-.11.69.28.96.88.6l3.3-1.96c.59-.37 1.59-.38 2.19-.05l3.39 1.82c.62.33 1 .04.85-.65l-.8-3.78c-.14-.68.16-1.65.66-2.11l2.69-2.59c.51-.48.36-.96-.33-1.04l-3.78-.45c-.7-.07-1.52-.66-1.83-1.28l-1.68-3.31c-.31-.61-.8-.61-1.09.02l-1.51 3.38c-.29.65-1.08 1.26-1.78 1.37l-3.78.61c-.68.11-.82.59-.29 1.05zM56.15 52.93c1.49-.31 5.26-1.38 5.08-3.44c-.21-2.5-5.54-3.01-7.35-3.53c-14.73-4.16-17.63-26.29-6.8-36.16c1.63-1.49 3.46-2.75 5.22-4.07c1.04-.78 4.46-1.92 4.14-3.63C55.95.05 50.09.05 48.6.06c-5.59.02-11.2 1.28-16.17 3.88c-7.21 3.77-11.95 11.65-12.65 19.59c-.7 7.88.23 14.56 6 20.4c8.36 8.45 18.87 11.42 30.37 9"/><path fill="#006ca2" d="M112.99 50.69H87.8c-5.24 0-9.52 4.29-9.52 9.52v31.76H51.1v-5.45c0-5.24-4.29-9.52-9.52-9.52H15.01c-5.24 0-9.52 4.29-9.52 9.52v31.91c0 .28.06.54.08.82v8.7H122.5V60.21c.01-5.23-4.28-9.52-9.51-9.52m-91.91 63.89c0 1.44-1.18 2.62-2.62 2.62H15.4c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62zm0-14.89c0 1.44-1.18 2.62-2.62 2.62H15.4c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62zm11.66 14.89c0 1.44-1.18 2.62-2.62 2.62h-3.06c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62zm0-14.89c0 1.44-1.18 2.62-2.62 2.62h-3.06c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62zm11.66 0c0 1.21-.84 2.18-1.96 2.48c-.22.06-.43.14-.66.14h-3.06c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c.23 0 .44.07.66.14c1.11.3 1.96 1.28 1.96 2.48zm11.66 14.89c0 1.44-1.18 2.62-2.62 2.62h-3.05c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62v4.86zM95 68.96c0 1.44-1.18 2.62-2.62 2.62h-3.06c-1.44 0-2.62-1.18-2.62-2.62V64.1c0-1.44 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62zm9.26 31.59c0 .48-1.18 1.66-2.62 1.66h-3.06c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.44 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 1.66zM115.46 86c0 .48-1.18 1.66-2.62 1.66h-3.06c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 1.66zm0-16.08c0 .48-1.18 1.66-2.62 1.66h-3.06c-1.44 0-2.62-1.18-2.62-2.62V64.1c0-1.44 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 1.66z"/></svg>Como usar o ícone Night With Stars
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:night-with-stars" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:night-with-stars" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:night-with-stars" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--night-with-stars]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:night-with-stars"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:night-with-stars"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/night-with-stars.svg" alt="Ícone Night With Stars" width="24" height="24">O ícone Night With Stars em outras coleções
Perguntas frequentes sobre Ícone Night With Stars
O ícone Night With Stars é grátis para uso comercial?
Sim. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Night With Stars no React?
Instale @iconify/react e renderize <Icon icon="noto-v1:night-with-stars" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Night With Stars a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/noto-v1/night-with-stars.svg" alt="Ícone Night With Stars">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.