Ícone Sunshine
thesvg-color:sunshine
O ícone Sunshine (thesvg-color:sunshine) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 256 × 256. theSVG Color icons são publicados sob a licença MIT, 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
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 256 × 256
Código 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>Como usar o ícone 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sunshine"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sunshine.svg" alt="Ícone Sunshine" width="24" height="24">O ícone Sunshine em outras coleções
Perguntas frequentes sobre Ícone Sunshine
O ícone Sunshine é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sunshine no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:sunshine" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sunshine a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/sunshine.svg" alt="Ícone Sunshine">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.