Icône Full Moon

streamline-emojis:full-moon

L'icône Full Moon (streamline-emojis:full-moon) est une icône SVG gratuite de la collection Streamline Emojis par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Streamline Emojis icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Streamline Emojis
Auteur: Streamline
Licence: CC-BY-4.0
Taille: 48 × 48
Catégorie: Animaux et nature
Mots-clés: fullmoon

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M10.97 45.3a13.03 1.7 0 1 0 26.06 0a13.03 1.7 0 1 0-26.06 0" opacity=".15"/><path fill="#ffe500" d="M4.74 24a19.26 19.26 0 1 0 38.52 0a19.26 19.26 0 1 0-38.52 0"/><path fill="#fff48c" d="M24 9.27a19.25 19.25 0 0 1 19.11 17a19 19 0 0 0 .15-2.27a19.26 19.26 0 0 0-38.52 0a19 19 0 0 0 .15 2.27A19.25 19.25 0 0 1 24 9.27"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M4.74 24a19.26 19.26 0 1 0 38.52 0a19.26 19.26 0 1 0-38.52 0"/><path fill="#fff48c" d="M38.24 18.6c-1.26.92-3.33.24-4.62-1.53s-1.31-4 0-4.87s3.33-.24 4.62 1.53s1.27 3.95 0 4.87"/><path fill="#ebcb00" d="M33.57 14.57c1.26-.92 3.33-.24 4.62 1.53a5.1 5.1 0 0 1 .81 1.56a4.24 4.24 0 0 0-.78-3.9c-1.29-1.76-3.36-2.45-4.62-1.53a2.92 2.92 0 0 0-.73 3.31a2.1 2.1 0 0 1 .7-.97"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.24 18.64c-1.26.92-3.33.23-4.62-1.54s-1.31-4 0-4.87s3.33-.23 4.62 1.53s1.27 3.95 0 4.88"/><path fill="#fff48c" d="M9 20.81c.88.33 2-.46 2.5-1.78s.2-2.65-.68-3s-2 .46-2.5 1.78s-.16 2.66.68 3"/><path fill="#ebcb00" d="M8.36 19.51c.5-1.31 1.62-2.11 2.5-1.77a1.37 1.37 0 0 1 .79.92c.32-1.18 0-2.31-.79-2.62s-2 .46-2.5 1.78a3.15 3.15 0 0 0-.11 2.06c.03-.12.07-.24.11-.37"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9 20.81c.88.33 2-.46 2.5-1.78s.2-2.65-.68-3s-2 .46-2.5 1.78s-.16 2.66.68 3"/><path fill="#fff48c" d="M23.87 38.88c-.35 1.36-2.36 2-4.48 1.46s-3.55-2.1-3.19-3.47s2.36-2 4.48-1.46s3.55 2.11 3.19 3.47"/><path fill="#ebcb00" d="M20.68 37a4.54 4.54 0 0 1 3 2.2a1.3 1.3 0 0 0 .16-.36c.36-1.36-1.07-2.92-3.19-3.47s-4.13.1-4.48 1.46a1.9 1.9 0 0 0 .16 1.27c.67-1.1 2.43-1.56 4.35-1.1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.87 38.88c-.35 1.36-2.36 2-4.48 1.46s-3.55-2.1-3.19-3.47s2.36-2 4.48-1.46s3.55 2.11 3.19 3.47"/><path fill="#fff48c" d="M35.9 27.12a1.98 1.98 0 1 0 3.96 0a1.98 1.98 0 1 0-3.96 0"/><path fill="#ebcb00" d="M37.88 26.62a2 2 0 0 1 1.83 1.24a2 2 0 0 0 .15-.74a2 2 0 1 0-4 0a2 2 0 0 0 .15.74a2 2 0 0 1 1.87-1.24"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.9 27.12a1.98 1.98 0 1 0 3.96 0a1.98 1.98 0 1 0-3.96 0"/><path fill="#fff48c" d="M13.81 25.42a1.98 1.98 0 1 0 3.96 0a1.98 1.98 0 1 0-3.96 0"/><path fill="#ebcb00" d="M15.79 24.85a2 2 0 0 1 1.84 1.27a1.8 1.8 0 0 0 .14-.7a2 2 0 1 0-4 0a2 2 0 0 0 .13.7a2 2 0 0 1 1.89-1.27"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.81 25.42a1.98 1.98 0 1 0 3.96 0a1.98 1.98 0 1 0-3.96 0"/><path fill="#fff48c" d="M15.5 14.37a3.4 3.4 0 1 0 6.8 0a3.4 3.4 0 1 0-6.8 0"/><path fill="#ebcb00" d="M18.9 13.1a3.39 3.39 0 0 1 3.22 2.33A3.37 3.37 0 0 0 18.9 11a3.35 3.35 0 0 0-3.21 4.46a3.39 3.39 0 0 1 3.21-2.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.54 14.37a3.4 3.4 0 1 0 6.8 0a3.4 3.4 0 1 0-6.8 0"/><path fill="#fff48c" d="M24.57 30.23a2.83 2.83 0 1 0 5.66 0a2.83 2.83 0 1 0-5.66 0"/><path fill="#ebcb00" d="M27.4 29.1a2.83 2.83 0 0 1 2.69 2a3 3 0 0 0 .14-.85a2.83 2.83 0 1 0-5.66 0a2.7 2.7 0 0 0 .14.85a2.81 2.81 0 0 1 2.69-2"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24.57 30.23a2.83 2.83 0 1 0 5.66 0a2.83 2.83 0 1 0-5.66 0"/></svg>

Comment utiliser l'icône Full Moon

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-emojis:full-moon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-emojis:full-moon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-emojis:full-moon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--full-moon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:full-moon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-emojis:full-moon"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/full-moon.svg" alt="Icône Full Moon" width="24" height="24">

Icônes similaires dans Streamline Emojis

L'icône Full Moon dans d'autres collections

FAQ : Icône Full Moon

L'icône Full Moon est-elle gratuite pour un usage commercial ?

Oui. Les Streamline Emojis icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Full Moon dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-emojis:full-moon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Full Moon à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-emojis/full-moon.svg" alt="Icône Full Moon">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Streamline Emojis →