Иконка Snowman Without Snow

fluent-emoji:snowman-without-snow

Иконка Snowman Without Snow (fluent-emoji:snowman-without-snow) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent Emoji
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 32 × 32
Теги: snowmanwithout, withoutsnow, snowmanwithoutsnow

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/snowman-without-snow.svg" alt="Иконка Snowman Without Snow" width="24" height="24">

Иконка Snowman Without Snow в других наборах

Вопросы и ответы: Иконка Snowman Without Snow

Можно ли бесплатно использовать иконку Snowman Without Snow в коммерческих проектах?

Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Snowman Without Snow в React?

Установите @iconify/react и выведите <Icon icon="fluent-emoji:snowman-without-snow" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Snowman Without Snow на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/snowman-without-snow.svg" alt="Иконка Snowman Without Snow">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent Emoji →