Icône First Quarter Moon
fluent-emoji:first-quarter-moon
L'icône First Quarter Moon (fluent-emoji:first-quarter-moon) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji 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
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- firstquarter, quartermoon, firstquartermoon
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="16.326" cy="16.335" r="14" fill="url(#i7i9hCc)"/><circle cx="16.326" cy="16.335" r="14" fill="url(#iyUoxUb)"/><circle cx="16.326" cy="16.335" r="14" fill="url(#iLyu84c)"/><circle cx="9.826" cy="12.835" r="3.5" fill="url(#iDpIhhY)"/><g filter="url(#i4mpjke)"><path stroke="url(#iENBflb)" stroke-width=".1" d="M16.276 24.285v.04l.04.009q.247.05.51.051a2.55 2.55 0 1 0-.51-5.049l-.04.008z"/></g><g filter="url(#iidpDGb)"><circle cx="22.826" cy="11.835" r="2.5" fill="url(#iN9Y9Vd)"/><circle cx="22.826" cy="11.835" r="2.6" stroke="url(#isnfuKb)" stroke-width=".2"/></g><circle cx="16.826" cy="21.835" r="2.5" fill="url(#iQDhaAd)"/><path fill="url(#iJOdNMb)" fill-rule="evenodd" d="M10.515 29.076a14.05 14.05 0 0 1-5.439-4.407a3.5 3.5 0 1 1 5.439 4.406" clip-rule="evenodd"/><g filter="url(#izxYTAe)"><path stroke="url(#ipj7Bvb)" stroke-width=".3" d="M29.09 21.57c-.887 2.158-2.255 3.962-4.032 5.421c-.548-.618-.732-1.265-.732-2.156a3.5 3.5 0 0 1 3.5-3.5c.52 0 .82.031 1.264.234Z"/></g><path fill="url(#if3Xk3b)" fill-rule="evenodd" d="M29.281 21.651a14.04 14.04 0 0 1-4.073 5.506a3.5 3.5 0 0 1 4.074-5.506" clip-rule="evenodd"/><path fill="url(#it78wSS)" fill-rule="evenodd" d="M29.281 21.651a14.04 14.04 0 0 1-4.073 5.506a3.5 3.5 0 0 1 4.074-5.506" clip-rule="evenodd"/><path fill="url(#iuAVpTc)" fill-rule="evenodd" d="M29.281 21.651a14.04 14.04 0 0 1-4.073 5.506a3.5 3.5 0 0 1 4.074-5.506" clip-rule="evenodd"/><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#iZNv76b)"><path fill="url(#iTsZFEd)" d="M16.326 2.335v28c-7.732 0-14-6.268-14-14s6.268-14 14-14"/><path fill="url(#idN5sdb)" d="M16.326 2.335v28c-7.732 0-14-6.268-14-14s6.268-14 14-14"/></g><g filter="url(#i7ZxAic)"><circle cx="9.826" cy="12.835" r="3.5" stroke="url(#ij51fxb)" stroke-width=".2"/></g><circle cx="9.826" cy="12.835" r="3.5" fill="url(#igB3gle)"/><circle cx="9.826" cy="12.835" r="3.5" fill="url(#iQZrzvc)"/><circle cx="9.826" cy="12.835" r="3.5" fill="url(#iy1wFZd)"/><path fill="url(#is1nfFT)" fill-rule="evenodd" d="M10.515 29.076a14.05 14.05 0 0 1-5.439-4.407a3.5 3.5 0 1 1 5.439 4.406" clip-rule="evenodd"/><path fill="url(#ipUHIOe)" d="M16.326 24.285q.243.05.5.05a2.5 2.5 0 1 0-.5-4.95z"/><path fill="url(#iVfKTHI)" d="M16.326 24.285q.243.05.5.05a2.5 2.5 0 1 0-.5-4.95z"/><path fill="url(#i7wJHde)" d="M16.326 19.385a2.5 2.5 0 0 0 0 4.9z"/><path fill="url(#iLqZLTj)" d="M16.326 19.385a2.5 2.5 0 0 0 0 4.9z"/><g filter="url(#iaN5zof)"><path fill="url(#iiRhFPb)" fill-rule="evenodd" d="M16.326 7.24V4.355c.659.21 1.13.776 1.13 1.443c0 .666-.471 1.233-1.13 1.442" clip-rule="evenodd"/></g><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#iWOUoxh)"><path fill="url(#i3AHKpd)" d="M16.326 4.355a1.9 1.9 0 0 0-.56-.086c-.935 0-1.692.684-1.692 1.529s.757 1.528 1.691 1.528q.297-.001.561-.086z"/><path fill="url(#iAKq0Kb)" d="M16.326 4.355a1.9 1.9 0 0 0-.56-.086c-.935 0-1.692.684-1.692 1.529s.757 1.528 1.691 1.528q.297-.001.561-.086z"/></g><defs><radialGradient id="i7i9hCc" cx="0" cy="0" r="1" gradientTransform="rotate(130.452 9.843 11.38)scale(15.6055 21.1847)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF8AB"/><stop offset="1" stop-color="#FFB74E"/></radialGradient><radialGradient id="iyUoxUb" cx="0" cy="0" r="1" gradientTransform="matrix(6.25003 -9.81248 14.44979 9.20376 13.513 29.335)" gradientUnits="userSpaceOnUse"><stop stop-color="#FA9F56"/><stop offset="1" stop-color="#FA9F56" stop-opacity="0"/></radialGradient><radialGradient id="iLyu84c" cx="0" cy="0" r="1" gradientTransform="rotate(75.771 .59 17.029)scale(18.0538)" gradientUnits="userSpaceOnUse"><stop offset=".837" stop-color="#D7908F" stop-opacity="0"/><stop offset="1" stop-color="#D7908F"/></radialGradient><radialGradient id="iN9Y9Vd" cx="0" cy="0" r="1" gradientTransform="matrix(6.91643 -5.39316 1.77476 2.27603 20.326 13.73)" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#FFF8B1"/><stop offset="1" stop-color="#FFD975"/></radialGradient><radialGradient id="it78wSS" cx="0" cy="0" r="1" gradientTransform="matrix(-.87214 -5.64197 4.67917 -.72331 27.676 27.157)" gradientUnits="userSpaceOnUse"><stop offset=".85" stop-color="#DFA14C" stop-opacity="0"/><stop offset="1" stop-color="#C28255"/></radialGradient><radialGradient id="iuAVpTc" cx="0" cy="0" r="1" gradientTransform="rotate(122.849 7.343 19.21)scale(4.72413 4.02056)" gradientUnits="userSpaceOnUse"><stop offset=".718" stop-color="#FFE38A" stop-opacity="0"/><stop offset=".952" stop-color="#FFE38A"/></radialGradient><radialGradient id="iTsZFEd" cx="0" cy="0" r="1" gradientTransform="rotate(123.566 5.307 9.704)scale(16.0517 18.3343)" gradientUnits="userSpaceOnUse"><stop stop-color="#764E9F"/><stop offset="1" stop-color="#59357A"/></radialGradient><radialGradient id="idN5sdb" cx="0" cy="0" r="1" gradientTransform="matrix(8.9375 -3.4375 8.08151 21.01194 2.638 18.272)" gradientUnits="userSpaceOnUse"><stop stop-color="#4B4255"/><stop offset="1" stop-color="#4B4255" stop-opacity="0"/></radialGradient><radialGradient id="igB3gle" cx="0" cy="0" r="1" gradientTransform="matrix(5.38392 .98706 -1.14913 6.26797 8.394 12.556)" gradientUnits="userSpaceOnUse"><stop stop-color="#6D4A8D"/><stop offset="1" stop-color="#60427C"/></radialGradient><radialGradient id="iQZrzvc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.79743 -.92775 1.02753 -4.20584 10.123 12.835)" gradientUnits="userSpaceOnUse"><stop offset=".886" stop-color="#8260A1" stop-opacity="0"/><stop offset="1" stop-color="#8260A1"/></radialGradient><radialGradient id="iy1wFZd" cx="0" cy="0" r="1" gradientTransform="rotate(109.781 2.771 8.643)scale(7.83707)" gradientUnits="userSpaceOnUse"><stop offset=".82" stop-color="#614879" stop-opacity="0"/><stop offset="1" stop-color="#614879"/></radialGradient><radialGradient id="ipUHIOe" cx="0" cy="0" r="1" gradientTransform="rotate(-80.322 23.15 2.314)scale(3.76967 3.09254)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCC72"/><stop offset=".898" stop-color="#F6A465"/></radialGradient><radialGradient id="iVfKTHI" cx="0" cy="0" r="1" gradientTransform="matrix(2.04525 -2.62137 2.40434 1.87591 16.603 22.701)" gradientUnits="userSpaceOnUse"><stop offset=".74" stop-color="#D9895F" stop-opacity="0"/><stop offset="1" stop-color="#D9895F"/></radialGradient><radialGradient id="i7wJHde" cx="0" cy="0" r="1" gradientTransform="matrix(1.56253 -3.96874 2.43251 .9577 15.326 23.773)" gradientUnits="userSpaceOnUse"><stop offset=".222" stop-color="#724D94"/><stop offset="1" stop-color="#6F4197"/></radialGradient><radialGradient id="iLqZLTj" cx="0" cy="0" r="1" gradientTransform="matrix(0 4.27245 -2.77244 0 16.326 20.339)" gradientUnits="userSpaceOnUse"><stop offset=".692" stop-color="#8B70A4" stop-opacity="0"/><stop offset="1" stop-color="#8B70A4"/></radialGradient><radialGradient id="iiRhFPb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.03438 0 0 -1.31655 16.692 5.798)" gradientUnits="userSpaceOnUse"><stop stop-color="#F5BE69"/><stop offset="1" stop-color="#C99C56"/></radialGradient><radialGradient id="i3AHKpd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.49282 0 0 -2.78166 16.884 5.798)" gradientUnits="userSpaceOnUse"><stop offset=".286" stop-color="#79529B"/><stop offset="1" stop-color="#A276C9"/></radialGradient><radialGradient id="iAKq0Kb" cx="0" cy="0" r="1" gradientTransform="matrix(2.13059 0 0 1.92488 15.326 5.798)" gradientUnits="userSpaceOnUse"><stop offset=".711" stop-color="#664581" stop-opacity="0"/><stop offset="1" stop-color="#664581"/></radialGradient><linearGradient id="iDpIhhY" x1="12.159" x2="7.493" y1="10.502" y2="15.168" gradientUnits="userSpaceOnUse"><stop stop-color="#F5C224"/><stop offset="1" stop-color="#FFEF71"/></linearGradient><linearGradient id="iENBflb" x1="18.951" x2="16.92" y1="19.335" y2="24.584" gradientUnits="userSpaceOnUse"><stop stop-color="#FEAE52"/><stop offset="1" stop-color="#FFB654"/></linearGradient><linearGradient id="isnfuKb" x1="20.903" x2="23.972" y1="9.335" y2="14.335" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF9AC"/><stop offset=".492" stop-color="#FFF9AC" stop-opacity="0"/><stop offset="1" stop-color="#FFF9AC"/></linearGradient><linearGradient id="iQDhaAd" x1="18.493" x2="15.159" y1="20.168" y2="23.502" gradientUnits="userSpaceOnUse"><stop stop-color="#F5C224"/><stop offset="1" stop-color="#FFEF71"/></linearGradient><linearGradient id="iJOdNMb" x1="11.326" x2="4.326" y1="24.835" y2="26.335" gradientUnits="userSpaceOnUse"><stop stop-color="#F5C224"/><stop offset="1" stop-color="#FCE35D"/></linearGradient><linearGradient id="ipj7Bvb" x1="28.308" x2="24.965" y1="20.991" y2="26.648" gradientUnits="userSpaceOnUse"><stop stop-color="#F5BD64"/><stop offset="1" stop-color="#FFDC75"/></linearGradient><linearGradient id="if3Xk3b" x1="26.385" x2="26.241" y1="22.161" y2="26.321" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD36A"/><stop offset="1" stop-color="#EFB872"/></linearGradient><linearGradient id="ij51fxb" x1="13.326" x2="6.898" y1="10.28" y2="15.4" gradientUnits="userSpaceOnUse"><stop stop-color="#603D83"/><stop offset="1" stop-color="#603D83" stop-opacity="0"/></linearGradient><linearGradient id="is1nfFT" x1="11.326" x2="4.326" y1="24.835" y2="26.335" gradientUnits="userSpaceOnUse"><stop stop-color="#0F0F0F"/><stop offset="1" stop-color="#704E8D"/></linearGradient><filter id="i4mpjke" width="3.6" height="5.6" x="16.026" y="19.035" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_13917" stdDeviation=".1"/></filter><filter id="iidpDGb" width="5.8" height="5.8" x="19.926" y="8.935" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_13917" stdDeviation=".1"/></filter><filter id="izxYTAe" width="5.707" height="6.614" x="23.876" y="20.885" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_13917" stdDeviation=".15"/></filter><filter id="iZNv76b" width="14.25" height="28.4" x="2.326" y="1.935" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.4"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.498039 0 0 0 0 0.466667 0 0 0 0 0.529412 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_13917"/></filter><filter id="i7ZxAic" width="7.6" height="7.6" x="6.026" y="9.035" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_13917" stdDeviation=".1"/></filter><filter id="iaN5zof" width="1.331" height="3.085" x="16.226" y="4.255" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_13917" stdDeviation=".05"/></filter><filter id="iWOUoxh" width="2.452" height="3.256" x="13.974" y="4.169" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_13917" stdDeviation=".05"/></filter></defs></g></svg>Comment utiliser l'icône First Quarter Moon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:first-quarter-moon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:first-quarter-moon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:first-quarter-moon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--first-quarter-moon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:first-quarter-moon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:first-quarter-moon"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/first-quarter-moon.svg" alt="Icône First Quarter Moon" width="24" height="24">Icônes similaires dans Fluent Emoji
L'icône First Quarter Moon dans d'autres collections
FAQ : Icône First Quarter Moon
L'icône First Quarter Moon est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône First Quarter Moon dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:first-quarter-moon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône First Quarter Moon à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/first-quarter-moon.svg" alt="Icône First Quarter Moon">, ou collez le code SVG directement dans la page pour le styliser en CSS.