Иконка Sun
noto-v1:sun
Иконка Sun (noto-v1:sun) — бесплатная 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 xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc21b" d="M64 30.34c-18.59 0-33.66 15.07-33.66 33.65c0 18.59 15.07 33.66 33.66 33.66s33.66-15.07 33.66-33.66c0-18.58-15.07-33.65-33.66-33.65m-7.24-6.13h14.49c.67 0 1.29-.33 1.68-.88c.38-.54.47-1.25.24-1.88L65.92 1.83C65.62 1.02 64.86.49 64 .49s-1.62.54-1.92 1.34l-7.25 19.63c-.23.63-.14 1.33.24 1.88c.39.55 1.02.87 1.69.87m40.5 16.78c.38.39.91.6 1.44.6q.18 0 .36-.03c.66-.12 1.21-.55 1.5-1.16l8.76-19.01c.36-.78.19-1.69-.41-2.3c-.61-.61-1.53-.77-2.31-.42l-19 8.77c-.61.28-1.04.84-1.16 1.5s.1 1.33.56 1.81zm28.92 21.09l-19.64-7.24c-.63-.23-1.33-.14-1.88.24s-.87 1-.87 1.67l.01 14.49c0 .67.33 1.3.88 1.68c.35.23.76.36 1.17.36c.24 0 .48-.04.71-.13l19.64-7.24c.8-.29 1.34-1.06 1.34-1.93c-.02-.84-.55-1.6-1.36-1.9M100.56 87.6a2.05 2.05 0 0 0-1.5-1.16c-.66-.11-1.34.1-1.8.57L87.01 97.26c-.47.47-.69 1.15-.57 1.81c.12.65.55 1.22 1.16 1.5l19.01 8.76c.27.13.56.18.86.18c.53 0 1.05-.21 1.44-.6c.61-.61.77-1.52.41-2.3zm-29.32 16.18l-14.49.01c-.67 0-1.29.33-1.67.88s-.47 1.25-.25 1.87l7.25 19.64c.3.8 1.06 1.34 1.92 1.34s1.62-.54 1.92-1.34l7.25-19.64c.23-.63.14-1.33-.24-1.88c-.39-.55-1.01-.88-1.69-.88m-40.5-16.77c-.47-.47-1.14-.68-1.8-.57c-.66.12-1.22.55-1.5 1.16l-8.76 19.01c-.36.78-.19 1.7.42 2.3a2.04 2.04 0 0 0 2.3.41l19.01-8.77a2.05 2.05 0 0 0 1.16-1.5c.12-.66-.1-1.33-.57-1.8zm-8.57-13.72c.41 0 .82-.13 1.17-.37c.55-.38.88-1.01.88-1.68l-.01-14.49a2.045 2.045 0 0 0-2.75-1.92L1.82 62.08a2.045 2.045 0 0 0 0 3.84l19.65 7.24c.23.09.46.13.7.13m5.28-32.89a2.05 2.05 0 0 0 3.31.59L41 30.74c.47-.48.68-1.15.56-1.81c-.12-.65-.55-1.21-1.16-1.49l-19.02-8.76c-.78-.36-1.69-.19-2.3.42s-.77 1.52-.41 2.3z"/></svg>
Как использовать иконку Sun
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:sun" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:sun" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:sun" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--sun]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:sun"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:sun"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/sun.svg" alt="Иконка Sun" width="24" height="24">
Похожие иконки в наборе Noto Emoji (v1)
Иконка Sun в других наборах
Вопросы и ответы: Иконка Sun
Можно ли бесплатно использовать иконку Sun в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sun в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:sun" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sun на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/sun.svg" alt="Иконка Sun">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Noto Emoji (v1) →
ICONYZ
