Icône Sunshine
thesvg-color:sunshine
L'icône Sunshine (thesvg-color:sunshine) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 256 × 256. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 256 × 256
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sunshine.svg" alt="Icône Sunshine" width="24" height="24">L'icône Sunshine dans d'autres collections
FAQ : Icône Sunshine
L'icône Sunshine est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Sunshine dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:sunshine" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sunshine à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/sunshine.svg" alt="Icône Sunshine">, ou collez le code SVG directement dans la page pour le styliser en CSS.