Icône Moon

token-branded:moon

L'icône Moon (token-branded:moon) est une icône SVG gratuite de la collection Web3 Icons Branded par 0xa3k5. Elle est dessinée sur une grille de 24 × 24. Les Web3 Icons Branded 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: Web3 Icons Branded
Auteur: 0xa3k5
Licence: MIT
Taille: 24 × 24

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#000" d="M9.643 3.921a.9.9 0 0 1 .778-.762c.37-.096 1.499-.25 2.98-.09c.287.037.816.254.88.826a8.4 8.4 0 0 1 2.594 1.238c.265-.158.762-.285 1.26.212c.339.297 1.238 1.255 2.133 2.732c.186.318.387 1.043-.211 1.435a8.4 8.4 0 0 1 .349 3.102c.291.143.662.46.582.98c-.02.36-.227 1.376-.857 2.588a.99.99 0 0 1-1.096.45a8.5 8.5 0 0 1-1.35 1.572c.127.297.185.858-.365 1.234a10.2 10.2 0 0 1-2.86 1.43c-.317.09-.995.105-1.296-.546a8.5 8.5 0 0 1-1.573.069c-.264.646-.984.656-1.334.572a12.2 12.2 0 0 1-3.23-1.334a1.016 1.016 0 0 1-.513-1.26a8.7 8.7 0 0 1-1.34-1.456c-.671.185-1.116-.381-1.26-.71a12.1 12.1 0 0 1-.9-3.372c-.09-.651.276-.99.578-1.128A8.6 8.6 0 0 1 4.1 9.088c-.46-.397-.307-.995-.159-1.265a10.4 10.4 0 0 1 1.933-2.457c.434-.423.9-.317 1.164-.158A8.4 8.4 0 0 1 9.643 3.92"/><path fill="#d9b86c" d="M13.323 4.022a6.8 6.8 0 0 0-2.764.052l-.19.805l3.271-.063zm4.012 1.927l-.677.285l2.298 3.31l.455-.842a7.8 7.8 0 0 0-2.076-2.753m1.97 9.683l-.868.148l.868-2.928l.688.609a8.6 8.6 0 0 1-.688 2.17m-5.241 4.272l-.726-.583l3.405-1.757v1.059a7.8 7.8 0 0 1-2.68 1.28m-3.415.111l.609-.635l-3.854-1.726v1.022a8 8 0 0 0 3.245 1.339m-5.712-4.098h.83L4.752 12.01l-.804.561c.174 1.811.736 2.986.99 3.346M4.75 8.373l.466.784L7.515 6.35l-.948-.302a7.3 7.3 0 0 0-1.816 2.324"/><path fill="#efda8d" d="M12 19.454c4.14 0 7.496-3.351 7.496-7.486s-3.356-7.486-7.497-7.486c-4.14 0-7.496 3.352-7.496 7.486s3.356 7.486 7.496 7.486"/><path fill="#f4eebe" d="M11.999 18.168c.81 0 1.583-.16 2.292-.434c.794.2 1.906-.17 2.811-1.017c1.15-1.08 1.552-2.53.943-3.314a6.2 6.2 0 0 0-.217-3.6c.122-.773-.228-1.779-.99-2.615c-.921-1.017-2.144-1.456-2.965-1.144a6.22 6.22 0 0 0-8.09 5.919c0 1.525.551 2.922 1.467 4.002a2.9 2.9 0 0 0 1.445 1.96c.953.57 2.028.63 2.711.21q.293.033.593.033"/><path fill="#c29e58" d="M17.227 9.816c.452-.429.108-1.524-.767-2.447c-.876-.923-1.952-1.323-2.404-.894s-.108 1.524.768 2.446c.875.923 1.951 1.323 2.403.895"/><path fill="#a07e41" d="M13.873 7.192c.535-.053 1.329.35 2.012 1.059c.481.468.813 1.069.953 1.726c-.54.053-1.334-.35-2.012-1.059a3.4 3.4 0 0 1-.953-1.726"/><path fill="#c29e58" d="M7.89 16.016c-.221.444.334 1.17 1.241 1.619s1.822.454 2.043.009s-.335-1.17-1.241-1.62s-1.822-.453-2.043-.008"/><path fill="#a07e41" d="M11.12 17.05c-.387.185-1.09.106-1.79-.243a2.7 2.7 0 0 1-1.185-1.027c.386-.186 1.09-.106 1.789.243a2.7 2.7 0 0 1 1.186 1.027"/><path fill="#c29e58" d="M13.634 16.908c.65.725 2.077.51 3.187-.482s1.482-2.383.833-3.108c-.65-.725-2.076-.51-3.186.482s-1.483 2.383-.834 3.108"/><path fill="#a07e41" d="M16.923 12.916c0 .624-.53 1.535-1.408 2.313c-.742.662-1.541 1.07-2.15 1.138c-.254-.667.185-1.73 1.112-2.551c.82-.742 1.795-1.075 2.446-.9"/><path fill="#c29e58" d="M9.558 13.556c1.603 0 2.902-1.351 2.902-3.018s-1.3-3.017-2.902-3.017s-2.9 1.35-2.9 3.017s1.298 3.018 2.9 3.018"/><path fill="#a07e41" d="M9.564 13.556a2.966 2.966 0 0 0 2.896-3.017c0-.53-.133-1.033-.366-1.472a2.8 2.8 0 0 0-.677-.08a2.965 2.965 0 0 0-2.901 3.018c0 .53.132 1.032.37 1.472c.212.053.44.08.673.08z"/></g></svg>

Comment utiliser l'icône Moon

React

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

<Icon icon="token-branded:moon" width="24" />

Vue

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

<template>
  <Icon icon="token-branded:moon" width="24" />
</template>

Svelte

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

<Icon icon="token-branded:moon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--moon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:moon"></div>

Web component

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

<iconify-icon icon="token-branded:moon"></iconify-icon>

Image HTML

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

Icônes similaires dans Web3 Icons Branded

L'icône Moon dans d'autres collections

FAQ : Icône Moon

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

Oui. Les Web3 Icons Branded icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Moon dans React ?

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

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

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

Voir toutes les Icônes Web3 Icons Branded →