Ícone Sunset

noto-v1:sunset

O ícone Sunset (noto-v1:sunset) é 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

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGa6oq7bqe" d="M127.99 115.89c0 6.65-5.44 12.1-12.1 12.1H12.1c-6.65 0-12.1-5.44-12.1-12.1V12.1C0 5.44 5.44 0 12.1 0h103.8c6.65 0 12.1 5.44 12.1 12.1v103.79z"/></defs><linearGradient id="SVGwnsMVcES" x1="63.995" x2="63.995" y1=".637" y2="127.582" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ed6c30"/><stop offset=".534" stop-color="#f79329"/><stop offset="1" stop-color="#fcc21b"/></linearGradient><use fill="url(#SVGwnsMVcES)" href="#SVGa6oq7bqe"/><clipPath id="SVG40e1Ibpt"><use href="#SVGa6oq7bqe"/></clipPath><g clip-path="url(#SVG40e1Ibpt)"><defs><path id="SVGL78zyzFf" d="M94.67 43.45c0 16.94-13.73 30.67-30.67 30.67S33.33 60.39 33.33 43.45S47.06 12.78 64 12.78c16.93 0 30.67 13.73 30.67 30.67"/></defs><use fill="#fcc21b" href="#SVGL78zyzFf"/></g><g clip-path="url(#SVG40e1Ibpt)"><path fill="#2f2f2f" d="M8.58 109.28h111.49v19.87H8.58z"/><path fill="#2f2f2f" d="M51.99 89.69c0-4.99-4.08-9.07-9.07-9.07h-25.3c-4.99 0-9.07 4.08-9.07 9.07v30.39c0 4.99 4.08 9.07 9.07 9.07h25.3c4.99 0 9.07-4.08 9.07-9.07z"/><path fill="#2f2f2f" d="M43.75 94.87h42.14v34.28H43.75z"/><path fill="#2f2f2f" d="M120.02 64.62c0-4.99-4.08-9.07-9.07-9.07H86.96c-4.99 0-9.07 4.08-9.07 9.07v55.46c0 4.99 4.08 9.07 9.07 9.07h23.99c4.99 0 9.07-4.08 9.07-9.07z"/><path fill="#fcc21b" d="M93.82 72.95c0 1.37-1.12 2.5-2.49 2.5h-2.92c-1.37 0-2.49-1.12-2.49-2.5v-4.63c0-1.37 1.12-2.49 2.49-2.49h2.92c1.37 0 2.49 1.12 2.49 2.49zm19.49.91c0 .46-1.12 1.58-2.49 1.58h-2.92c-1.37 0-2.5-1.12-2.5-2.5v-4.63c0-1.37 1.12-2.49 2.5-2.49h2.92c1.37 0 2.49 1.12 2.49 1.58z"/><path fill="#f79329" d="M113.31 89.18c0 .46-1.12 1.58-2.49 1.58h-2.92c-1.37 0-2.5-1.12-2.5-2.49v-4.63c0-1.37 1.12-2.5 2.5-2.5h2.92c1.37 0 2.49 1.12 2.49 1.58z"/><path fill="#fcc21b" d="M102.64 103.04c0 .46-1.12 1.58-2.49 1.58h-2.92c-1.37 0-2.5-1.12-2.5-2.49V97.5c0-1.37 1.12-2.5 2.5-2.5h2.92c1.37 0 2.49 1.13 2.49 1.58zm-79.24-.82c0 1.37-1.12 2.5-2.5 2.5h-2.91a2.5 2.5 0 0 1-2.5-2.5v-4.63c0-1.37 1.12-2.49 2.5-2.49h2.91c1.37 0 2.5 1.12 2.5 2.49z"/><path fill="#f79329" d="M34.51 102.22c0 1.37-1.12 2.5-2.5 2.5H29.1a2.5 2.5 0 0 1-2.5-2.5v-4.63c0-1.37 1.12-2.49 2.5-2.49h2.91c1.37 0 2.5 1.12 2.5 2.49z"/><path fill="#fcc21b" d="M45.62 102.22c0 1.37-1.12 2.5-2.5 2.5h-2.91a2.5 2.5 0 0 1-2.5-2.5v-4.63c0-1.37 1.12-2.49 2.5-2.49h2.91c1.37 0 2.5 1.12 2.5 2.49z"/><path fill="#f79329" d="M23.4 116.4c0 1.37-1.12 2.5-2.5 2.5h-2.91a2.5 2.5 0 0 1-2.5-2.5v-4.63c0-1.37 1.12-2.49 2.5-2.49h2.91c1.37 0 2.5 1.13 2.5 2.49z"/><path fill="#fcc21b" d="M34.51 116.4c0 1.37-1.12 2.5-2.5 2.5H29.1a2.5 2.5 0 0 1-2.5-2.5v-4.63c0-1.37 1.12-2.49 2.5-2.49h2.91c1.37 0 2.5 1.13 2.5 2.49z"/><path fill="#f79329" d="M56.73 116.4c0 1.37-1.12 2.5-2.5 2.5h-2.91a2.5 2.5 0 0 1-2.5-2.5v-4.63c0-1.37 1.12-2.49 2.5-2.49h2.91c1.37 0 2.5 1.13 2.5 2.49z"/></g></svg>

Como usar o ícone Sunset

React

import { Icon } from "@iconify/react";

<Icon icon="noto-v1:sunset" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="noto-v1:sunset" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="noto-v1:sunset" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--sunset]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:sunset"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="noto-v1:sunset"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/noto-v1/sunset.svg" alt="Ícone Sunset" width="24" height="24">

O ícone Sunset em outras coleções

Perguntas frequentes sobre Ícone Sunset

O ícone Sunset é 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 Sunset no React?

Instale @iconify/react e renderize <Icon icon="noto-v1:sunset" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Sunset a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/noto-v1/sunset.svg" alt="Ícone Sunset">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Noto Emoji (v1) →