Icône Ringed Planet
fluent-emoji-high-contrast:ringed-planet
L'icône Ringed Planet (fluent-emoji-high-contrast:ringed-planet) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Voyage et lieux
- Mots-clés
- ringedplanet
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27.231 4.88c-.453-.527-1.06-.703-1.584-.718c-.496-.015-.99.109-1.425.264c-.875.312-1.86.883-2.811 1.522a33 33 0 0 0-1.279.906a10 10 0 0 0-4.105-.876C10.49 5.978 6 10.468 6 16.005c0 1.47.316 2.866.884 4.123a42 42 0 0 0-1.497 2.163c-.477.755-.924 1.573-1.119 2.35c-.2.801-.194 1.89.737 2.654c.59.484 1.298.504 1.803.435c.523-.07 1.068-.266 1.588-.504c1.023-.469 2.214-1.229 3.432-2.113c1.277.59 2.7.92 4.2.92c5.537 0 10.026-4.49 10.026-10.028a10 10 0 0 0-.852-4.052q.151-.203.296-.403c.836-1.155 1.55-2.308 1.95-3.338c.355-.914.678-2.29-.217-3.333m-3.515 4.688q-.554-.66-1.212-1.218q.178-.124.355-.243c.898-.602 1.67-1.03 2.237-1.233l.066-.023c-.027.11-.07.247-.137.42c-.24.617-.687 1.398-1.309 2.297m-2.62.212c.518.423.983.91 1.382 1.447c-1.471 1.855-3.307 3.843-4.995 5.55c-1.787 1.808-4.152 3.928-6.337 5.601a8 8 0 0 1-1.128-1.05c1.842-1.185 3.851-2.79 6.007-4.988c2.6-2.652 4.222-4.965 5.07-6.56m-13.01 5.05a8.03 8.03 0 0 1 6.693-6.756c-.443.91-1.262 2.17-2.822 3.835a14.1 14.1 0 0 1-3.871 2.92m7.836 9.201a8 8 0 0 1-2.232-.344a69 69 0 0 0 5.643-5.082c1.439-1.456 3.018-3.146 4.412-4.816a8 8 0 0 1 .305 1.947a35.5 35.5 0 0 1-3.455 4.56c-1.207 1.358-2.868 2.62-4.673 3.735m-7.537-1.535q.501.59 1.086 1.096c-.824.56-1.558.995-2.158 1.27q-.26.119-.452.185c.125-.34.362-.794.725-1.367c.236-.375.506-.77.799-1.184"/></svg>Comment utiliser l'icône Ringed Planet
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:ringed-planet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:ringed-planet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:ringed-planet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--ringed-planet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:ringed-planet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:ringed-planet"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ringed-planet.svg" alt="Icône Ringed Planet" width="24" height="24">L'icône Ringed Planet dans d'autres collections
FAQ : Icône Ringed Planet
L'icône Ringed Planet est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Ringed Planet dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:ringed-planet" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Ringed Planet à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ringed-planet.svg" alt="Icône Ringed Planet">, ou collez le code SVG directement dans la page pour le styliser en CSS.