Icône Sun
raphael:sun
L'icône Sun (raphael:sun) est une icône SVG gratuite de la collection Raphael par Dmitry Baranovskiy. Elle est dessinée sur une grille de 32 × 32. Les Raphael 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
- Raphael
- Auteur
- Dmitry Baranovskiy
- Licence
- MIT
- Taille
- 32 × 32
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.502 7.504a7.87 7.87 0 0 0-7.873 7.873a7.87 7.87 0 1 0 15.742-.001a7.87 7.87 0 0 0-7.87-7.873zm0 13.746a5.884 5.884 0 0 1-5.874-5.872a5.884 5.884 0 0 1 5.874-5.874a5.88 5.88 0 0 1 5.87 5.874a5.88 5.88 0 0 1-5.87 5.872m0-14.273a1 1 0 0 0 1-1V1.124a1.001 1.001 0 0 0-2 .002v4.85c0 .55.447 1 1 1zm3.213.638a.995.995 0 0 0 1.307-.541l1.856-4.483a1 1 0 0 0-.54-1.305a1.005 1.005 0 0 0-1.31.54L18.175 6.31a1 1 0 0 0 .54 1.305m2.725 1.82a.997.997 0 0 0 1.414 0l3.43-3.433a1 1 0 1 0-1.415-1.413l-3.43 3.43a1.003 1.003 0 0 0 0 1.416zm1.823 2.725a.996.996 0 0 0 1.306.539l4.48-1.858a1 1 0 1 0-.767-1.847l-4.48 1.857c-.51.212-.752.798-.54 1.308zm6.49 2.21l-4.852.002c-.55 0-1 .448-.997 1c0 .554.447 1 .998 1l4.853-.002a1.001 1.001 0 0 0 0-2zm-.7 5.53l-4.48-1.855a1 1 0 0 0-1.308.54c-.21.512.03 1.097.54 1.31l4.483 1.853a1.001 1.001 0 1 0 .767-1.849zm-6.193 1.41a1 1 0 0 0-1.414 1.414l3.434 3.43a1 1 0 0 0 1.414-.001c.39-.392.39-1.025 0-1.415zm-2.83 2.363a1 1 0 0 0-1.848.767l1.86 4.48a1 1 0 0 0 1.308.54c.51-.21.752-.797.54-1.31zm-4.518.103a1 1 0 0 0-1 1l.004 4.85a1 1 0 0 0 1 1c.553 0 1-.448.998-1l-.003-4.852c0-.55-.448-1-.998-.998zm-3.216-.636a1 1 0 0 0-1.306.543l-1.852 4.483a1.003 1.003 0 0 0 .926 1.383a1 1 0 0 0 .924-.618l1.853-4.485a1 1 0 0 0-.544-1.305zM9.57 21.325a1 1 0 0 0-1.415.002L4.73 24.76a1 1 0 1 0 1.415 1.414l3.427-3.434a1 1 0 0 0-.002-1.415m-1.824-2.72a1 1 0 0 0-1.307-.54l-4.48 1.86a1.001 1.001 0 0 0 .767 1.847l4.48-1.86c.508-.215.75-.8.54-1.31zM7.1 15.39a1 1 0 0 0-1-1l-4.85.007a1 1 0 1 0 0 1.998l4.852-.006c.552 0 1-.45.998-1zm-5.156-4.52l4.485 1.85a1 1 0 1 0 .761-1.849L2.71 9.02a1.002 1.002 0 0 0-.764 1.849zm6.193-1.42a1 1 0 0 0 1.415-.003a1 1 0 0 0-.005-1.414L6.113 4.61a1 1 0 0 0-1.414.002a1 1 0 0 0 0 1.414zm2.827-2.366a1 1 0 0 0 1.847-.77l-1.863-4.48a1 1 0 0 0-1.848.77z"/></svg>
Comment utiliser l'icône Sun
React
import { Icon } from "@iconify/react";
<Icon icon="raphael:sun" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="raphael:sun" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="raphael:sun" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--sun]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/raphael -->
<div class="i-raphael:sun"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="raphael:sun"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/raphael/sun.svg" alt="Icône Sun" width="24" height="24">
L'icône Sun dans d'autres collections
FAQ : Icône Sun
L'icône Sun est-elle gratuite pour un usage commercial ?
Oui. Les Raphael icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Sun dans React ?
Installez @iconify/react et affichez <Icon icon="raphael:sun" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sun à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/raphael/sun.svg" alt="Icône Sun">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Raphael →
ICONYZ
