Icône First Quarter Moon Face

noto:first-quarter-moon-face

L'icône First Quarter Moon Face (noto:first-quarter-moon-face) est une icône SVG gratuite de la collection Noto Emoji par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji icons sont publiées sous la licence Apache 2.0, 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: Noto Emoji
Auteur: Google Inc
Licence: Apache-2.0
Taille: 128 × 128
Catégorie: Voyage et lieux
Mots-clés: firstquarter, quartermoon, moonface, firstquartermoonface

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGmvQVncuU" fill="#FFE558" d="M30.31 95.25a50.5 50.5 0 0 0 17.33-3.6c1.79-.72 3.58-1.47 5.28-2.37c.66-.35 1.49-.69 1.97-1.29c.43-.54.51-1.27.73-1.91c.87-2.54 2.99-2.75 3.47-2.99c1.3-.66 3.8-2.51 3.07-4.22c-.47-1.09-7.77-4.5-6.28-10.76c.73-3.05 2.98-1.7 10.24-4.34c3.11-1.13 5.66-3.46 7.63-6.12c6.55-8.81 7.17-17.68 4.12-28c-2.42-8.2-6.93-15.73-12.99-21.76c-1.53-1.52-.31-4.12 1.83-3.87c30.88 3.59 54.62 30.54 53.1 62.71c-1.45 30.56-26.09 55.44-56.63 57.17c-23.08 1.3-43.53-10.4-54.71-28.46c-1.13-1.83.69-4.04 2.71-3.3c5.93 2.19 12.39 3.3 19.13 3.11"/></defs><use href="#SVGmvQVncuU"/><use href="#SVGmvQVncuU"/><path fill="#FBC02D" d="M16.68 103.59c12.13 10.53 30.16 16.12 44.5 15.31c30.54-1.73 55.18-26.61 56.63-57.17c.41-8.73-1.3-17.54-4.69-25.67c4.74 9.11 7.22 19.58 6.69 30.67c-1.45 30.56-26.09 55.44-56.63 57.17c-23.08 1.3-43.53-10.4-54.71-28.46c-.35-.56-.42-1.16-.28-1.7c2.24 3.64 5.14 6.93 8.49 9.85"/><radialGradient id="SVGbZBWuOyR" cx="44.647" cy="28.696" r="40.935" gradientTransform="matrix(-1 0 0 1.0553 128 -1.586)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FFF7B3"/><stop offset="1" stop-color="#FFF7B2" stop-opacity="0"/></radialGradient><path fill="url(#SVGbZBWuOyR)" d="M66.71 4.02s12.22 10.15 16.64 22.49c3.63 10.14 6.27 30.8-17.73 39.31l17.21 16.73c.6-.5-.05-6.82 10.78-12.14c3.32-1.63 10.67 1.46 14.15.23c16.74-5.93 7.71-29.92 6.57-32.09C96.64 4.62 66.71 4.02 66.71 4.02"/><path fill="#5D4037" d="M87.32 69.06c-3.5.61-6.3-2.29-6.68-5.53c-.3-2.59.73-4.97 1.96-6.02c5.14-4.39 15.08.01 14.81 8.69c-.02.56-.22 1.15-.67 1.49c-.38-.73-1.07-4.05-4.08-5.4c-.22-.1-.51-.1-.71.04c-.27.19.38 5.86-4.63 6.73M65.86 93.19c6.52 0 10.05-2.89 11.61-4.88c.54-.68.38-1.67-.32-2.18c-.47-.34-1.1-.39-1.61-.11c-4.83 2.67-11.37 3.17-16.86.31c-1.09-.57-1.85-1.94-2.59-1.22c-.75.72-.51 2.48.28 3.59c1.28 1.83 3.87 4.49 9.49 4.49"/><path fill="#F2A600" d="M62.25 79.83c.06-.32.04-.64-.1-.96c-.47-1.09-7.77-4.5-6.28-10.76c.08-.32.17-.58.29-.81l.03.02c.48 2.75 2.43 5.11 4.85 6.51c.73.42 1.5.77 2.16 1.29s1.21 1.26 1.25 2.1c.06 1.07-.75 2.06-1.74 2.47c-.15.07-.3.1-.46.14"/><radialGradient id="SVGFEC73bjq" cx="-2352.885" cy="72.755" r="16.135" gradientTransform="matrix(.9201 -.3918 .3131 .7354 2233.814 -902.55)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FBC02D"/><stop offset="1" stop-color="#FBC02D" stop-opacity="0"/></radialGradient><path fill="url(#SVGFEC73bjq)" d="M82.83 82.55c1.55 3.75 7.63 4.79 13.58 2.32c5.95-2.46 9.52-7.5 7.97-11.24c-1.55-3.75-7.63-4.79-13.58-2.32c-5.95 2.46-9.52 7.49-7.97 11.24"/></svg>

Comment utiliser l'icône First Quarter Moon Face

React

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

<Icon icon="noto:first-quarter-moon-face" width="24" />

Vue

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

<template>
  <Icon icon="noto:first-quarter-moon-face" width="24" />
</template>

Svelte

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

<Icon icon="noto:first-quarter-moon-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--first-quarter-moon-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:first-quarter-moon-face"></div>

Web component

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

<iconify-icon icon="noto:first-quarter-moon-face"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/noto/first-quarter-moon-face.svg" alt="Icône First Quarter Moon Face" width="24" height="24">

Icônes similaires dans Noto Emoji

L'icône First Quarter Moon Face dans d'autres collections

FAQ : Icône First Quarter Moon Face

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

Oui. Les Noto Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône First Quarter Moon Face dans React ?

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

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

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

Voir toutes les Icônes Noto Emoji →