Иконка Ice Cream
fluent-emoji:ice-cream
Иконка Ice Cream (fluent-emoji:ice-cream) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- icecream
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path stroke="url(#it6OEHd)" stroke-linecap="round" stroke-width="1.75" d="m26.09 3.898l-6.16 7.843"/><path stroke="url(#id37KPn)" stroke-linecap="round" stroke-width="1.75" d="m29.018 7.967l-8.048 4.467"/><circle cx="8.84" cy="17.75" r="6.75" fill="#8C604D"/><circle cx="8.84" cy="17.75" r="6.75" fill="url(#iEAwMFd)"/><circle cx="8.84" cy="17.75" r="6.75" fill="url(#ixfIKyd)"/><circle cx="22.26" cy="17.625" r="6.75" fill="url(#ialJzjF)"/><circle cx="22.26" cy="17.625" r="6.75" fill="url(#i9xmUjc)"/><g filter="url(#islCQrk)"><path stroke="url(#iz1eG6t)" stroke-linecap="round" stroke-width=".75" d="m21.844 9.313l4.062-5.22"/></g><g filter="url(#iH5nBMc)"><path stroke="url(#it6ZPNd)" stroke-linecap="round" stroke-width=".5" d="m21.906 9.438l4.313-5.532"/></g><g filter="url(#iLhleXp)"><path stroke="url(#iF7hg8b)" stroke-linecap="round" stroke-width=".5" d="m23.156 11.125l5.969-3.312"/></g><g filter="url(#if7K35n)"><path stroke="url(#im3iTud)" stroke-linecap="round" stroke-width=".75" d="m22.875 11.219l6.313-3.344"/></g><circle cx="16" cy="14.922" r="8.078" fill="url(#iwzseji)"/><circle cx="16" cy="14.922" r="8.078" fill="url(#i7VoLwc)"/><circle cx="16" cy="14.922" r="8.078" fill="url(#iGV2oQb)"/><path fill="url(#ircPhxc)" d="M2.722 21.042h25.494c.622 0 .97.71.58 1.194c-1.483 2.17-2.952 3.701-5.64 5.124c-.57.35-1.171.826-1.515 1.399l-.135.224a2 2 0 0 1-1.715.97h-8.644a2 2 0 0 1-1.715-.97l-.134-.224a4.2 4.2 0 0 0-1.397-1.4c-2.682-1.453-4.088-2.734-5.759-5.123a.734.734 0 0 1 .58-1.195"/><path fill="url(#ilpZDxI)" d="M2.722 21.042h25.494c.622 0 .97.71.58 1.194c-1.483 2.17-2.952 3.701-5.64 5.124c-.57.35-1.171.826-1.515 1.399l-.135.224a2 2 0 0 1-1.715.97h-8.644a2 2 0 0 1-1.715-.97l-.134-.224a4.2 4.2 0 0 0-1.397-1.4c-2.682-1.453-4.088-2.734-5.759-5.123a.734.734 0 0 1 .58-1.195"/><path fill="url(#iMXNtSd)" d="M2.722 21.042h25.494c.622 0 .97.71.58 1.194c-1.483 2.17-2.952 3.701-5.64 5.124c-.57.35-1.171.826-1.515 1.399l-.135.224a2 2 0 0 1-1.715.97h-8.644a2 2 0 0 1-1.715-.97l-.134-.224a4.2 4.2 0 0 0-1.397-1.4c-2.682-1.453-4.088-2.734-5.759-5.123a.734.734 0 0 1 .58-1.195"/><path fill="url(#icATzzc)" d="M2.722 21.042h25.494c.622 0 .97.71.58 1.194c-1.483 2.17-2.952 3.701-5.64 5.124c-.57.35-1.171.826-1.515 1.399l-.135.224a2 2 0 0 1-1.715.97h-8.644a2 2 0 0 1-1.715-.97l-.134-.224a4.2 4.2 0 0 0-1.397-1.4c-2.682-1.453-4.088-2.734-5.759-5.123a.734.734 0 0 1 .58-1.195"/><path fill="url(#iAKnDNb)" d="M2.722 21.042h25.494c.622 0 .97.71.58 1.194c-1.483 2.17-2.952 3.701-5.64 5.124c-.57.35-1.171.826-1.515 1.399l-.135.224a2 2 0 0 1-1.715.97h-8.644a2 2 0 0 1-1.715-.97l-.134-.224a4.2 4.2 0 0 0-1.397-1.4c-2.682-1.453-4.088-2.734-5.759-5.123a.734.734 0 0 1 .58-1.195"/><path fill="url(#ifbrSzd)" d="M17.95 5.983c0 1.096-.725 1.863-1.984 1.863s-1.983-.767-1.983-1.863a1.983 1.983 0 1 1 3.966 0"/><path fill="url(#iUSazBc)" d="M17.95 5.983c0 1.096-.725 1.863-1.984 1.863s-1.983-.767-1.983-1.863a1.983 1.983 0 1 1 3.966 0"/><g filter="url(#igakRTc)"><ellipse cx="26.522" cy="3.669" fill="#DBAA7F" rx=".328" ry=".281" transform="rotate(38.79 26.522 3.669)"/></g><g filter="url(#i2USPFb)"><ellipse cx="29.354" cy="7.813" fill="#DBAA7F" rx=".328" ry=".289" transform="rotate(56.157 29.354 7.813)"/></g><defs><radialGradient id="iEAwMFd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.5 4.25 -2.68976 -.94932 4.625 15.563)" gradientUnits="userSpaceOnUse"><stop stop-color="#AB8171"/><stop offset="1" stop-color="#AA8172" stop-opacity="0"/></radialGradient><radialGradient id="ixfIKyd" cx="0" cy="0" r="1" gradientTransform="matrix(0 4.3125 -7.05059 0 9.563 20.875)" gradientUnits="userSpaceOnUse"><stop stop-color="#4D4637"/><stop offset="1" stop-color="#5B5143" stop-opacity="0"/></radialGradient><radialGradient id="ialJzjF" cx="0" cy="0" r="1" gradientTransform="matrix(1.37497 4.75 -6.96523 2.0162 26.063 15.813)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB1B3"/><stop offset=".355" stop-color="#FFA7AB"/><stop offset="1" stop-color="#FF8F9D"/></radialGradient><radialGradient id="i9xmUjc" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.3125 -7.98831 0 21.25 21.063)" gradientUnits="userSpaceOnUse"><stop offset=".159" stop-color="#BD7575"/><stop offset="1" stop-color="#F28F8F" stop-opacity="0"/></radialGradient><radialGradient id="iwzseji" cx="0" cy="0" r="1" gradientTransform="matrix(-8.875 3.875 -4.33085 -9.91905 20.75 12.625)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF0DE"/><stop offset=".306" stop-color="#FFE6C8"/><stop offset=".668" stop-color="#E9CFB2"/><stop offset="1" stop-color="#DDC3A6"/></radialGradient><radialGradient id="iGV2oQb" cx="0" cy="0" r="1" gradientTransform="matrix(.03125 1.09375 -2.19455 .0627 14.969 6.844)" gradientUnits="userSpaceOnUse"><stop offset=".55" stop-color="#B49B7E"/><stop offset="1" stop-color="#BBA185" stop-opacity="0"/></radialGradient><radialGradient id="ilpZDxI" cx="0" cy="0" r="1" gradientTransform="matrix(0 8.91136 -16.625 0 26.5 21.041)" gradientUnits="userSpaceOnUse"><stop stop-color="#85EFFF"/><stop offset=".613" stop-color="#73C5FF" stop-opacity=".391"/><stop offset="1" stop-color="#67AAFF" stop-opacity="0"/></radialGradient><radialGradient id="iMXNtSd" cx="0" cy="0" r="1" gradientTransform="matrix(0 .32813 -8.03099 0 23.5 21.313)" gradientUnits="userSpaceOnUse"><stop stop-color="#91F7FF"/><stop offset="1" stop-color="#91F7FF" stop-opacity="0"/></radialGradient><radialGradient id="icATzzc" cx="0" cy="0" r="1" gradientTransform="rotate(56.174 -11.868 38.383)scale(3.70502 11.9958)" gradientUnits="userSpaceOnUse"><stop stop-color="#8E9AFF"/><stop offset="1" stop-color="#939CFF" stop-opacity="0"/></radialGradient><radialGradient id="iAKnDNb" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.5625 -7.5625 0 19.063 28.625)" gradientUnits="userSpaceOnUse"><stop stop-color="#4C9BFF"/><stop offset="1" stop-color="#4B98FF" stop-opacity="0"/></radialGradient><radialGradient id="ifbrSzd" cx="0" cy="0" r="1" gradientTransform="rotate(135.881 7.299 6.05)scale(2.87296 2.96331)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6FB3"/><stop offset=".481" stop-color="#FE3E8B"/><stop offset="1" stop-color="#E64260"/></radialGradient><radialGradient id="iUSazBc" cx="0" cy="0" r="1" gradientTransform="matrix(.875 .625 -.82973 1.16162 14.813 5.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#EF6175"/><stop offset="1" stop-color="#ED6374" stop-opacity="0"/></radialGradient><linearGradient id="it6OEHd" x1="21.813" x2="26.375" y1="9.5" y2="3.898" gradientUnits="userSpaceOnUse"><stop stop-color="#F0AF78"/><stop offset="1" stop-color="#BC8755"/></linearGradient><linearGradient id="id37KPn" x1="23.43" x2="25.103" y1="11.157" y2="6.444" gradientUnits="userSpaceOnUse"><stop stop-color="#D9A26A"/><stop offset=".446" stop-color="#DC9B60"/><stop offset="1" stop-color="#BC8755"/></linearGradient><linearGradient id="iz1eG6t" x1="26.156" x2="24.098" y1="3.938" y2="10.487" gradientUnits="userSpaceOnUse"><stop stop-color="#D5966A" stop-opacity="0"/><stop offset=".504" stop-color="#F3AF74"/></linearGradient><linearGradient id="it6ZPNd" x1="25.938" x2="22.063" y1="3.875" y2="9.031" gradientUnits="userSpaceOnUse"><stop stop-color="#D09468"/><stop offset="1" stop-color="#F3B075"/></linearGradient><linearGradient id="iF7hg8b" x1="27.281" x2="23.406" y1="5.892" y2="11.048" gradientUnits="userSpaceOnUse"><stop stop-color="#D09468"/><stop offset="1" stop-color="#F3B075"/></linearGradient><linearGradient id="im3iTud" x1="29.31" x2="24.748" y1="7.927" y2="13.057" gradientUnits="userSpaceOnUse"><stop stop-color="#D5966A" stop-opacity="0"/><stop offset=".504" stop-color="#F3AF74"/></linearGradient><linearGradient id="i7VoLwc" x1="16" x2="16" y1="6.844" y2="23" gradientUnits="userSpaceOnUse"><stop offset=".756" stop-color="#E3C9AC" stop-opacity="0"/><stop offset=".872" stop-color="#CAB193"/></linearGradient><linearGradient id="ircPhxc" x1="15.469" x2="15.469" y1="21.041" y2="29.953" gradientUnits="userSpaceOnUse"><stop offset=".058" stop-color="#7FD4FF"/><stop offset=".115" stop-color="#69C0F9"/><stop offset=".5" stop-color="#6189FF"/><stop offset=".704" stop-color="#597CFF"/><stop offset=".865" stop-color="#427AFF"/><stop offset="1" stop-color="#716DFF"/></linearGradient><filter id="islCQrk" width="6.813" height="7.969" x="20.469" y="2.719" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30281" stdDeviation=".5"/></filter><filter id="iH5nBMc" width="5.313" height="6.531" x="21.406" y="3.406" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30281" stdDeviation=".125"/></filter><filter id="iLhleXp" width="6.969" height="4.313" x="22.656" y="7.313" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30281" stdDeviation=".125"/></filter><filter id="if7K35n" width="9.063" height="6.094" x="21.5" y="6.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30281" stdDeviation=".5"/></filter><filter id="igakRTc" width="1.121" height="1.101" x="25.961" y="3.118" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30281" stdDeviation=".125"/></filter><filter id="i2USPFb" width="1.103" height="1.133" x="28.802" y="7.246" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30281" stdDeviation=".125"/></filter></defs></g></svg>Как использовать иконку Ice Cream
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:ice-cream" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:ice-cream" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:ice-cream" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--ice-cream]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:ice-cream"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:ice-cream"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/ice-cream.svg" alt="Иконка Ice Cream" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Ice Cream в других наборах
Вопросы и ответы: Иконка Ice Cream
Можно ли бесплатно использовать иконку Ice Cream в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Ice Cream в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:ice-cream" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ice Cream на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/ice-cream.svg" alt="Иконка Ice Cream">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.