Иконка Sunshine
thesvg-color:sunshine
Иконка Sunshine (thesvg-color:sunshine) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 256 × 256. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 256 × 256
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#fdd107" d="M118.769 20.712s-63.833 26-74.333 83.833s37.166 91.5 86.333 75.334s70.333-51 81.833-87c0 0-9.333 100.5-96.166 115.5s-118.167-50-82.167-119.834c10-21.5 46.25-58.916 84.5-67.833"/><path fill="#f89a1c" d="M118.769 20.712s-41.125 3.667-83.25 61.042s-28.125 139.125 34.25 149.375s115.875-44.875 133.5-82.375s15.167-61.459 9.75-77.875c0 0 .667 36.416-13.333 59.666s-29.75 46.334-65.084 62.167s-74.166 13.75-95.416-19.25s-5.917-76.083-.292-85.333s33.5-54.334 79.875-67.417"/><path fill="#ef3e23" d="M73.019 39.629s38.125-28.125 76.875-28.125s63 28.25 68.5 52.25s6 54.125-11.5 87.625s-37.375 56-79.125 76.125s-84.625 2.75-84.625 2.75s25.977 25.875 71.05 16.5c45.075-9.375 82.242-40.875 98.408-69.5s28.792-57.375 27.667-92.25s-23.75-54.5-31.25-60.25S185.83 6.94 150.83 8.19S86.456 29.816 73.02 39.63"/><path fill="#f26222" d="M73.019 39.629s35-32.813 82.437-32.813s69.188 24.813 78.875 44.688s21.813 70-12.187 123s-74.625 67.375-93.625 71.625s-42.431 4.269-59.112-1.23c0 0 35.195 8.396 66.779-7.437s51.666-32.167 74.083-68.833s25.917-72.75 22.167-93.917s-12.167-42.417-36.5-56.333s-56.73-10.532-74.48-4.532S91.988 26.41 73.02 39.63"/></svg>Как использовать иконку Sunshine
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sunshine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sunshine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sunshine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sunshine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sunshine"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sunshine"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sunshine.svg" alt="Иконка Sunshine" width="24" height="24">Иконка Sunshine в других наборах
Вопросы и ответы: Иконка Sunshine
Можно ли бесплатно использовать иконку Sunshine в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sunshine в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:sunshine" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sunshine на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/sunshine.svg" alt="Иконка Sunshine">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.