Иконка Sunset

noto-v1:sunset

Иконка Sunset (noto-v1:sunset) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Noto Emoji (v1)
Автор: Google Inc
Лицензия: Apache-2.0
Размер: 128 × 128
Категория: Путешествия и места

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/noto-v1/sunset.svg" alt="Иконка Sunset" width="24" height="24">

Иконка Sunset в других наборах

Вопросы и ответы: Иконка Sunset

Можно ли бесплатно использовать иконку Sunset в коммерческих проектах?

Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Sunset в React?

Установите @iconify/react и выведите <Icon icon="noto-v1:sunset" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Sunset на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/sunset.svg" alt="Иконка Sunset">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Noto Emoji (v1) →