Icône Sun Min
f7:sun-min
L'icône Sun Min (f7:sun-min) est une icône SVG gratuite de la collection Framework7 Icons par Vladimir Kharlampidi. Elle est dessinée sur une grille de 56 × 56. Les Framework7 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
- Framework7 Icons
- Auteur
- Vladimir Kharlampidi
- Licence
- MIT
- Taille
- 56 × 56
- Mots-clés
- sunmin
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M28 10c1.5 0 2.742-1.242 2.742-2.766A2.76 2.76 0 0 0 28 4.492a2.746 2.746 0 0 0-2.742 2.742C25.258 8.758 26.477 10 28 10m12.75 5.273c1.055 1.055 2.79 1.055 3.867 0a2.744 2.744 0 0 0 0-3.89c-1.078-1.078-2.812-1.078-3.867 0a2.744 2.744 0 0 0 0 3.89m-29.39.024c1.054 1.055 2.789 1.055 3.867 0c1.101-1.102 1.101-2.813 0-3.89c-1.078-1.079-2.813-1.079-3.867 0c-1.079 1.077-1.079 2.788 0 3.89M28 40c6.516 0 11.93-5.414 11.93-11.953c0-6.516-5.414-11.93-11.93-11.93c-6.539 0-11.953 5.414-11.953 11.93C16.047 34.586 21.461 40 28 40m0-3.562c-4.594 0-8.39-3.797-8.39-8.391c0-4.547 3.796-8.367 8.39-8.367c4.57 0 8.367 3.797 8.367 8.367c0 4.594-3.797 8.39-8.367 8.39M7.235 30.789c1.5 0 2.742-1.242 2.742-2.766a2.76 2.76 0 0 0-2.743-2.742a2.746 2.746 0 0 0-2.742 2.742c0 1.524 1.219 2.766 2.742 2.766m41.53.164c1.5 0 2.743-1.242 2.743-2.765a2.76 2.76 0 0 0-2.742-2.743a2.746 2.746 0 0 0-2.742 2.742c0 1.524 1.218 2.766 2.742 2.766M11.384 44.641c1.055 1.078 2.789 1.078 3.867 0a2.744 2.744 0 0 0 0-3.891c-1.078-1.055-2.812-1.055-3.867 0a2.703 2.703 0 0 0 0 3.89m29.226.117c1.079 1.078 2.79 1.078 3.891 0c1.055-1.055 1.055-2.79 0-3.867c-1.102-1.078-2.812-1.078-3.89 0s-1.079 2.812 0 3.867M28 51.508c1.5 0 2.742-1.219 2.742-2.742A2.76 2.76 0 0 0 28 46.023a2.746 2.746 0 0 0-2.742 2.743A2.73 2.73 0 0 0 28 51.508"/></svg>
Comment utiliser l'icône Sun Min
React
import { Icon } from "@iconify/react";
<Icon icon="f7:sun-min" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:sun-min" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:sun-min" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--sun-min]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:sun-min"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:sun-min"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/f7/sun-min.svg" alt="Icône Sun Min" width="24" height="24">
Icônes similaires dans Framework7 Icons
FAQ : Icône Sun Min
L'icône Sun Min est-elle gratuite pour un usage commercial ?
Oui. Les Framework7 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Sun Min dans React ?
Installez @iconify/react et affichez <Icon icon="f7:sun-min" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sun Min à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/f7/sun-min.svg" alt="Icône Sun Min">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Framework7 Icons →
ICONYZ
