Icône Snowman Without Snow
fluent-emoji:snowman-without-snow
L'icône Snowman Without Snow (fluent-emoji:snowman-without-snow) 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
- snowmanwithout, withoutsnow, snowmanwithoutsnow
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><mask id="i9uJbed" fill="#fff"><path d="M14.04 9.845c-.23 0-.41-.17-.41-.38v-.71c0-.21.19-.38.41-.38c.23 0 .41.17.41.38v.71c0 .21-.19.38-.41.38"/></mask><mask id="iFINRHt" fill="#fff"><path d="M17.04 9.845c-.23 0-.41-.17-.41-.38v-.71c0-.21.19-.38.41-.38c.23 0 .41.17.41.38v.71c0 .21-.19.38-.41.38"/></mask><g fill="none"><path stroke="#433B6B" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M6 15.995v-2.42m-1.92 1.03l5.16 4.51m15.78-3.12v-2.42m1.92 1.03l-5.16 4.51m2-1.57h2.24m-21.07-.01h2.24"/><path fill="url(#iQxgzce)" d="M25.74 23.235c0 5.63-4.57 6.8-10.2 6.8s-10.2-1.17-10.2-6.8s4.57-10.2 10.2-10.2s10.2 4.57 10.2 10.2"/><path fill="url(#iqD6Zwb)" d="M17.03 25.015a.49.49 0 0 1-.49-.49v-1.02a.49.49 0 0 1 .98 0v1.02c0 .27-.22.49-.49.49"/><path fill="url(#idedz9c)" d="M19.04 25.025a.49.49 0 0 1-.49-.49v-1.03a.49.49 0 0 1 .98 0v1.03c0 .26-.22.49-.49.49"/><path fill="url(#iZ5g8Vd)" d="M21.03 25.025a.49.49 0 0 1-.49-.49v-1.03a.49.49 0 0 1 .98 0v1.03c0 .26-.22.49-.49.49"/><path fill="url(#iJXgy4c)" d="M20.89 24.035h-3.73c-.36 0-.65-.29-.65-.65v-5.35h5.03v5.35c0 .36-.29.65-.65.65"/><path fill="url(#iLXrrmd)" d="M22.66 15.695c0 3.93-3.19 4.39-7.12 4.39s-7.12-.46-7.12-4.39s3.19-.64 7.12-.64s7.12-3.29 7.12.64"/><path fill="url(#iLMt6gd)" d="M22.62 12.155c0 3.91-3.21 3.85-7.13 3.85s-7.04.07-7.04-3.85s3.17-7.08 7.08-7.08s7.09 3.17 7.09 7.08"/><path fill="url(#iCucEsc)" d="m15.56 5.045l-5.52 2.37l-.78-1.81c-.44-1.03.03-2.22 1.06-2.66l1.81-.78c1.03-.44 2.21.03 2.65 1.06z"/><path fill="url(#igZbShH)" d="m14.98 5.295l-4.36 1.88c-.32.13-.7-.01-.83-.33l-.53-1.24l5.53-2.37l.53 1.24c.13.31-.02.68-.34.82"/><path fill="url(#iApQ2nb)" d="m16.1 5.615l-6.04 2.59a.715.715 0 0 1-.94-.37c-.15-.36.01-.79.38-.94l6.04-2.59a.711.711 0 1 1 .56 1.31"/><path fill="#433B6B" d="M14.04 9.845c-.23 0-.41-.17-.41-.38v-.71c0-.21.19-.38.41-.38c.23 0 .41.17.41.38v.71c0 .21-.19.38-.41.38"/><path fill="#433B6B" d="M14.04 8.845c.255 0 .59.213.59.62h-2c0 .827.695 1.38 1.41 1.38zm.59.62v-.71h-2v.71zm0-.71c0 .207-.095.37-.202.468a.57.57 0 0 1-.388.152v-2c-.689 0-1.41.537-1.41 1.38zm-.59.62a.61.61 0 0 1-.59-.62h2c0-.827-.695-1.38-1.41-1.38zm-.59-.62v.71h2v-.71zm0 .71c0-.208.095-.37.202-.469a.57.57 0 0 1 .388-.151v2c.689 0 1.41-.538 1.41-1.38z" mask="url(#i9uJbed)"/><path fill="#433B6B" d="M17.04 9.845c-.23 0-.41-.17-.41-.38v-.71c0-.21.19-.38.41-.38c.23 0 .41.17.41.38v.71c0 .21-.19.38-.41.38"/><path fill="#433B6B" d="M17.04 8.845c.255 0 .59.213.59.62h-2c0 .827.695 1.38 1.41 1.38zm.59.62v-.71h-2v.71zm0-.71c0 .207-.095.37-.202.468a.57.57 0 0 1-.388.152v-2c-.689 0-1.41.537-1.41 1.38zm-.59.62a.61.61 0 0 1-.59-.62h2c0-.827-.695-1.38-1.41-1.38zm-.59-.62v.71h2v-.71zm0 .71c0-.208.095-.37.202-.469a.57.57 0 0 1 .388-.151v2c.689 0 1.41-.538 1.41-1.38z" mask="url(#iFINRHt)"/><path fill="url(#iLbytJe)" d="m19.69 11.135l-4.06-.42c-.45 0-.81.36-.81.81s.36.81.81.81l4.06-.42c.22 0 .4-.18.4-.4s-.18-.38-.4-.38"/><defs><linearGradient id="iqD6Zwb" x1="17.523" x2="16.835" y1="25.376" y2="23.485" gradientUnits="userSpaceOnUse"><stop offset=".48" stop-color="#1B75BB"/><stop offset=".989" stop-color="#2B3990"/></linearGradient><linearGradient id="idedz9c" x1="19.534" x2="18.843" y1="25.383" y2="23.482" gradientUnits="userSpaceOnUse"><stop offset=".48" stop-color="#1B75BB"/><stop offset=".989" stop-color="#2B3990"/></linearGradient><linearGradient id="iZ5g8Vd" x1="21.528" x2="20.837" y1="25.383" y2="23.482" gradientUnits="userSpaceOnUse"><stop offset=".48" stop-color="#1B75BB"/><stop offset=".989" stop-color="#2B3990"/></linearGradient><linearGradient id="iJXgy4c" x1="20.026" x2="18.564" y1="26.306" y2="18.195" gradientUnits="userSpaceOnUse"><stop offset=".48" stop-color="#1B75BB"/><stop offset=".989" stop-color="#2B3990"/></linearGradient><linearGradient id="iLXrrmd" x1="27.746" x2="3.097" y1="19.916" y2="12.916" gradientUnits="userSpaceOnUse"><stop offset=".48" stop-color="#1B75BB"/><stop offset=".989" stop-color="#2B3990"/></linearGradient><linearGradient id="iCucEsc" x1="9.246" x2="14.772" y1="5.58" y2="3.209" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#513468"/><stop offset="1" stop-color="#1C1C1C"/></linearGradient><linearGradient id="igZbShH" x1="16.174" x2="8.072" y1="3.938" y2="6.881" gradientUnits="userSpaceOnUse"><stop offset=".48" stop-color="#1B75BB"/><stop offset=".989" stop-color="#2B3990"/></linearGradient><linearGradient id="iApQ2nb" x1="9.12" x2="16.477" y1="7.83" y2="4.673" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#513468"/><stop offset="1" stop-color="#1C1C1C"/></linearGradient><linearGradient id="iLbytJe" x1="14.815" x2="20.085" y1="11.534" y2="11.534" gradientUnits="userSpaceOnUse"><stop stop-color="#FF2C00"/><stop offset="1" stop-color="#FF8C00"/></linearGradient><radialGradient id="iQxgzce" cx="0" cy="0" r="1" gradientTransform="translate(20.374 20.223)scale(18.5752)" gradientUnits="userSpaceOnUse"><stop stop-color="#F1F2F2"/><stop offset="1" stop-color="#BCBEC0"/></radialGradient><radialGradient id="iLMt6gd" cx="0" cy="0" r="1" gradientTransform="translate(17.374 7.939)scale(10.7049)" gradientUnits="userSpaceOnUse"><stop stop-color="#F1F2F2"/><stop offset="1" stop-color="#BCBEC0"/></radialGradient></defs></g></svg>Comment utiliser l'icône Snowman Without Snow
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:snowman-without-snow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:snowman-without-snow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:snowman-without-snow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--snowman-without-snow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:snowman-without-snow"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:snowman-without-snow"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/snowman-without-snow.svg" alt="Icône Snowman Without Snow" width="24" height="24">Icônes similaires dans Fluent Emoji
L'icône Snowman Without Snow dans d'autres collections
FAQ : Icône Snowman Without Snow
L'icône Snowman Without Snow 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 Snowman Without Snow dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:snowman-without-snow" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Snowman Without Snow à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/snowman-without-snow.svg" alt="Icône Snowman Without Snow">, ou collez le code SVG directement dans la page pour le styliser en CSS.