Ice icon
fluent-emoji:ice
The Ice icon (fluent-emoji:ice) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#52C3E4" d="M2.016 23.969V8.079c0-1.032.78-1.329 1.265-1.532s11.666-4.266 12.016-4.39c.35-.126 1.052-.053 1.36 0C20.504 3.546 28.362 6.4 29 6.686c.637.288.901 1.047.953 1.391v15.766c0 .725-.547 1.36-.844 1.468l-12.593 4.641c-.263.088-.745.11-1.047 0a11639 11639 0 0 0-12.156-4.437c-1-.36-1.339-1.203-1.297-1.547"/><path fill="url(#i8k0bCe)" d="M16.656 2.156C20.506 3.546 28.625 6.531 29 6.687c.375.157.531.423.672.61L16 12.14L2.266 7.203c.271-.324.726-.535 1.015-.656c.485-.203 11.666-4.266 12.016-4.39c.35-.126 1.052-.053 1.36 0"/><path fill="url(#icDy2vc)" d="M16.656 2.156C20.506 3.546 28.625 6.531 29 6.687c.375.157.531.423.672.61L16 12.14L2.266 7.203c.271-.324.726-.535 1.015-.656c.485-.203 11.666-4.266 12.016-4.39c.35-.126 1.052-.053 1.36 0"/><path fill="url(#iRJQTjc)" d="M16.656 2.156C20.506 3.546 28.625 6.531 29 6.687c.375.157.531.423.672.61L16 12.14L2.266 7.203c.271-.324.726-.535 1.015-.656c.485-.203 11.666-4.266 12.016-4.39c.35-.126 1.052-.053 1.36 0"/><path fill="url(#iytFytc)" d="M16.656 2.156C20.506 3.546 28.625 6.531 29 6.687c.375.157.531.423.672.61L16 12.14L2.266 7.203c.271-.324.726-.535 1.015-.656c.485-.203 11.666-4.266 12.016-4.39c.35-.126 1.052-.053 1.36 0"/><path fill="url(#iFHQIhc)" d="M16.656 2.156C20.506 3.546 28.625 6.531 29 6.687c.375.157.531.423.672.61L16 12.14L2.266 7.203c.271-.324.726-.535 1.015-.656c.485-.203 11.666-4.266 12.016-4.39c.35-.126 1.052-.053 1.36 0"/><path fill="url(#iQa9Qid)" d="M16.656 2.156C20.506 3.546 28.625 6.531 29 6.687c.375.157.531.423.672.61L16 12.14L2.266 7.203c.271-.324.726-.535 1.015-.656c.485-.203 11.666-4.266 12.016-4.39c.35-.126 1.052-.053 1.36 0"/><path fill="url(#ieb23qb)" d="m29.11 25.313l-12.594 4.64c-.126.042-.303.07-.486.074l.001-18.02l13.6-4.752c.195.3.322.604.322.823v15.766c0 .725-.547 1.36-.844 1.468"/><path fill="url(#imLU2mc)" d="m29.11 25.313l-12.594 4.64c-.126.042-.303.07-.486.074l.001-18.02l13.6-4.752c.195.3.322.604.322.823v15.766c0 .725-.547 1.36-.844 1.468"/><path fill="url(#ifHhuie)" d="m29.11 25.313l-12.594 4.64c-.126.042-.303.07-.486.074l.001-18.02l13.6-4.752c.195.3.322.604.322.823v15.766c0 .725-.547 1.36-.844 1.468"/><path fill="url(#iaCzWge)" d="m29.11 25.313l-12.594 4.64c-.126.042-.303.07-.486.074l.001-18.02l13.6-4.752c.195.3.322.604.322.823v15.766c0 .725-.547 1.36-.844 1.468"/><path fill="url(#iwBNend)" d="M2.016 23.969V8.079c0-.415.125-.71.307-.93c0 0 10.426 3.942 13.707 4.843v18.035a1.6 1.6 0 0 1-.561-.074a11639 11639 0 0 0-12.156-4.437c-1-.36-1.339-1.203-1.297-1.547"/><path fill="url(#iz7EWkd)" d="M2.016 23.969V8.079c0-.415.125-.71.307-.93c0 0 10.426 3.942 13.707 4.843v18.035a1.6 1.6 0 0 1-.561-.074a11639 11639 0 0 0-12.156-4.437c-1-.36-1.339-1.203-1.297-1.547"/><path fill="url(#iYRfNAc)" d="M2.016 23.969V8.079c0-.415.125-.71.307-.93c0 0 10.426 3.942 13.707 4.843v18.035a1.6 1.6 0 0 1-.561-.074a11639 11639 0 0 0-12.156-4.437c-1-.36-1.339-1.203-1.297-1.547"/><path fill="url(#i6XzkKe)" d="M2.016 23.969V8.079c0-.415.125-.71.307-.93c0 0 10.426 3.942 13.707 4.843v18.035a1.6 1.6 0 0 1-.561-.074a11639 11639 0 0 0-12.156-4.437c-1-.36-1.339-1.203-1.297-1.547"/><g filter="url(#iacFVpb)"><path fill="#78DCFF" d="M20.151 14.381c.735.81 1.46 2.172 1.633 3.214c.35 2.088-2.658 3.077-3.019 1.344c-.283-1.36.449-3.357 1.05-4.508c.088-.167.254-.162.336-.05"/><path fill="#39B3FF" d="M20.151 14.381c.735.81 1.46 2.172 1.633 3.214c.35 2.088-2.658 3.077-3.019 1.344c-.283-1.36.449-3.357 1.05-4.508c.088-.167.254-.162.336-.05"/></g><path fill="#78DCFF" d="M20.653 13.481c.831.81 1.65 2.173 1.847 3.214c.395 2.088-3.006 3.077-3.414 1.344c-.32-1.36.507-3.357 1.187-4.508c.1-.167.287-.161.38-.05"/><path fill="url(#ijBGuae)" d="M20.653 13.481c.831.81 1.65 2.173 1.847 3.214c.395 2.088-3.006 3.077-3.414 1.344c-.32-1.36.507-3.357 1.187-4.508c.1-.167.287-.161.38-.05"/><path fill="url(#i9uF1wc)" d="M20.653 13.481c.831.81 1.65 2.173 1.847 3.214c.395 2.088-3.006 3.077-3.414 1.344c-.32-1.36.507-3.357 1.187-4.508c.1-.167.287-.161.38-.05"/><path fill="url(#icGBVBS)" d="M20.653 13.481c.831.81 1.65 2.173 1.847 3.214c.395 2.088-3.006 3.077-3.414 1.344c-.32-1.36.507-3.357 1.187-4.508c.1-.167.287-.161.38-.05"/><g filter="url(#iqrlsHb)"><path fill="#33B4FF" d="M26.255 20.42c1.328-.118 1.63 1.796.453 2.117c-.546.149-1.225-.123-1.29-.64c-.074-.596.389-1.438.837-1.477"/></g><path fill="url(#iat9R0b)" d="M26.523 19.79c1.329-.118 1.631 1.795.454 2.116c-.546.15-1.225-.123-1.29-.64c-.074-.596.388-1.437.836-1.477"/><path fill="url(#i1J8a6i)" d="M26.523 19.79c1.329-.118 1.631 1.795.454 2.116c-.546.15-1.225-.123-1.29-.64c-.074-.596.388-1.437.836-1.477"/><g filter="url(#iMRSXuc)"><path fill="#268BE7" d="M12.172 18.75c.025-.737.61-1.187.922-1.187c1.36.156 1.099 1.942.672 2.11c-.36.14-1.625 0-1.594-.923"/></g><path fill="url(#iVLyFSb)" d="M11.797 18.86c.025-.738.61-1.188.922-1.188c1.36.156 1.099 1.942.672 2.11c-.36.14-1.625 0-1.594-.923"/><path fill="url(#iPu2x4c)" d="M11.797 18.86c.025-.738.61-1.188.922-1.188c1.36.156 1.099 1.942.672 2.11c-.36.14-1.625 0-1.594-.923"/><g filter="url(#idDdtYF)"><path fill="#1D89E4" d="M7.818 23.337c-.213-1.013.562-1.625.937-1.625c1.484 0 1.462 2.176 1 2.437c-.462.262-1.725.2-1.937-.812"/></g><path fill="url(#iTtdBFe)" d="M7.375 23.547c-.213-1.013.563-1.625.938-1.625c1.484 0 1.462 2.176 1 2.437c-.463.262-1.726.2-1.938-.812"/><path fill="url(#iyq8OCc)" d="M7.375 23.547c-.213-1.013.563-1.625.938-1.625c1.484 0 1.462 2.176 1 2.437c-.463.262-1.726.2-1.938-.812"/><g filter="url(#iv2iOIC)"><path fill="#39E" d="M4.543 16c-.113-1.312.764-3.234 1.473-4.031c.203-.164.338-.163.53.047c.516.562 1.919 3.093 1.919 4.656c0 1.188-1.016 1.36-1.531 1.36c-.86 0-2.279-.72-2.391-2.032"/></g><path fill="#63A9ED" d="M3.86 16c-.113-1.312 1.275-3.234 1.984-4.031c.203-.164.339-.163.531.047c.516.562 1.406 3.093 1.406 4.656c0 1.188-1.015 1.36-1.531 1.36c-.86 0-2.278-.72-2.39-2.032"/><path fill="url(#i8wfxkc)" d="M3.86 16c-.113-1.312 1.275-3.234 1.984-4.031c.203-.164.339-.163.531.047c.516.562 1.406 3.093 1.406 4.656c0 1.188-1.015 1.36-1.531 1.36c-.86 0-2.278-.72-2.39-2.032"/><path fill="url(#i57gjjc)" d="M3.86 16c-.113-1.312 1.275-3.234 1.984-4.031c.203-.164.339-.163.531.047c.516.562 1.406 3.093 1.406 4.656c0 1.188-1.015 1.36-1.531 1.36c-.86 0-2.278-.72-2.39-2.032"/><path fill="url(#it2Eqcd)" d="M3.86 16c-.113-1.312 1.275-3.234 1.984-4.031c.203-.164.339-.163.531.047c.516.562 1.406 3.093 1.406 4.656c0 1.188-1.015 1.36-1.531 1.36c-.86 0-2.278-.72-2.39-2.032"/><g filter="url(#iktrgzc)"><path stroke="#73E7FF" stroke-linecap="round" stroke-width=".25" d="M28.406 6.75L15.5 11.125"/></g><defs><radialGradient id="iytFytc" cx="0" cy="0" r="1" gradientTransform="matrix(.125 .57812 -1.07478 .2324 16.328 11.906)" gradientUnits="userSpaceOnUse"><stop offset=".561" stop-color="#83F3FE"/><stop offset="1" stop-color="#82F3FE" stop-opacity="0"/></radialGradient><radialGradient id="i6XzkKe" cx="0" cy="0" r="1" gradientTransform="matrix(-.9375 .5 -.51723 -.96983 16.375 11.938)" gradientUnits="userSpaceOnUse"><stop offset=".422" stop-color="#86F8FF"/><stop offset="1" stop-color="#85F6FF" stop-opacity="0"/></radialGradient><radialGradient id="ijBGuae" cx="0" cy="0" r="1" gradientTransform="rotate(77.773 -1.828 21.747)scale(2.9512 1.87783)" gradientUnits="userSpaceOnUse"><stop stop-color="#67C9FF"/><stop offset="1" stop-color="#62C9FF" stop-opacity="0"/></radialGradient><radialGradient id="i9uF1wc" cx="0" cy="0" r="1" gradientTransform="matrix(0 4.34375 -.97288 0 21.047 13.672)" gradientUnits="userSpaceOnUse"><stop offset=".234" stop-color="#B0FFFF"/><stop offset=".799" stop-color="#B1FFFF" stop-opacity="0"/></radialGradient><radialGradient id="icGBVBS" cx="0" cy="0" r="1" gradientTransform="rotate(71.061 .679 22.51)scale(3.36993 1.23565)" gradientUnits="userSpaceOnUse"><stop stop-color="#B0FFFF"/><stop offset="1" stop-color="#AFFEFF" stop-opacity="0"/></radialGradient><radialGradient id="iat9R0b" cx="0" cy="0" r="1" gradientTransform="rotate(82.878 1.522 25.54)scale(1.08424 1.03065)" gradientUnits="userSpaceOnUse"><stop stop-color="#5ADBFF"/><stop offset="1" stop-color="#51E5FF"/></radialGradient><radialGradient id="i1J8a6i" cx="0" cy="0" r="1" gradientTransform="rotate(67.225 -1.822 30.63)scale(.444 .8617)" gradientUnits="userSpaceOnUse"><stop stop-color="#8CF5FF"/><stop offset="1" stop-color="#78EDFF" stop-opacity="0"/></radialGradient><radialGradient id="iVLyFSb" cx="0" cy="0" r="1" gradientTransform="rotate(107.942 -.186 14.02)scale(1.72449 1.97154)" gradientUnits="userSpaceOnUse"><stop stop-color="#59AFF3"/><stop offset=".462" stop-color="#52A7F3"/><stop offset=".801" stop-color="#64AEF1"/></radialGradient><radialGradient id="iPu2x4c" cx="0" cy="0" r="1" gradientTransform="matrix(-.29688 .20313 -.18253 -.26677 13.204 18.437)" gradientUnits="userSpaceOnUse"><stop offset=".227" stop-color="#82C6FF"/><stop offset="1" stop-color="#83C6FF" stop-opacity="0"/></radialGradient><radialGradient id="iTtdBFe" cx="0" cy="0" r="1" gradientTransform="rotate(107.533 -3.977 14.705)scale(2.04986 2.297)" gradientUnits="userSpaceOnUse"><stop stop-color="#59AFF3"/><stop offset=".462" stop-color="#52A7F3"/><stop offset=".801" stop-color="#64AEF1"/></radialGradient><radialGradient id="iyq8OCc" cx="0" cy="0" r="1" gradientTransform="rotate(144.96 .883 12.833)scale(.42149 .38205)" gradientUnits="userSpaceOnUse"><stop offset=".227" stop-color="#82C6FF"/><stop offset="1" stop-color="#83C6FF" stop-opacity="0"/></radialGradient><radialGradient id="i8wfxkc" cx="0" cy="0" r="1" gradientTransform="matrix(-.37041 4.8125 -3.05913 -.23546 6.188 14.063)" gradientUnits="userSpaceOnUse"><stop offset=".449" stop-color="#73ABEE" stop-opacity="0"/><stop offset=".846" stop-color="#70AFE2"/></radialGradient><radialGradient id="i57gjjc" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.4375 -2.57211 0 5.817 13.75)" gradientUnits="userSpaceOnUse"><stop offset=".405" stop-color="#73B3E4"/><stop offset="1" stop-color="#6FB0E0" stop-opacity="0"/></radialGradient><radialGradient id="it2Eqcd" cx="0" cy="0" r="1" gradientTransform="rotate(85.4 -3.656 9.832)scale(2.72754 .62241)" gradientUnits="userSpaceOnUse"><stop stop-color="#A1D0F5"/><stop offset="1" stop-color="#8DC1EA" stop-opacity="0"/></radialGradient><linearGradient id="i8k0bCe" x1="10.5" x2="15.969" y1="4.125" y2="8.5" gradientUnits="userSpaceOnUse"><stop stop-color="#70D9EA"/><stop offset="1" stop-color="#70DEF1"/></linearGradient><linearGradient id="icDy2vc" x1="20.844" x2="20.469" y1="10.5" y2="9.438" gradientUnits="userSpaceOnUse"><stop offset=".175" stop-color="#85F6FF"/><stop offset=".73" stop-color="#85F6FF" stop-opacity="0"/></linearGradient><linearGradient id="iRJQTjc" x1="8.875" x2="9.313" y1="9.688" y2="8.438" gradientUnits="userSpaceOnUse"><stop offset=".175" stop-color="#4CBFE2"/><stop offset=".73" stop-color="#60CAE4" stop-opacity="0"/></linearGradient><linearGradient id="iFHQIhc" x1="9.438" x2="9.719" y1="4.438" y2="5.188" gradientUnits="userSpaceOnUse"><stop stop-color="#66C5D6"/><stop offset="1" stop-color="#78D5E6" stop-opacity="0"/></linearGradient><linearGradient id="iQa9Qid" x1="9.438" x2="9.719" y1="4.438" y2="5.188" gradientUnits="userSpaceOnUse"><stop stop-color="#70C0CE"/><stop offset=".317" stop-color="#6DD1E1" stop-opacity="0"/></linearGradient><linearGradient id="ieb23qb" x1="18.375" x2="27.875" y1="12" y2="25.625" gradientUnits="userSpaceOnUse"><stop stop-color="#57E1FF"/><stop offset="1" stop-color="#3FC0FF"/></linearGradient><linearGradient id="imLU2mc" x1="24.375" x2="23.875" y1="27.219" y2="25.875" gradientUnits="userSpaceOnUse"><stop stop-color="#4AA3FF"/><stop offset="1" stop-color="#3CAEFF" stop-opacity="0"/></linearGradient><linearGradient id="ifHhuie" x1="16.03" x2="18.625" y1="23.375" y2="23.375" gradientUnits="userSpaceOnUse"><stop stop-color="#48ABFF"/><stop offset="1" stop-color="#45C3FF" stop-opacity="0"/></linearGradient><linearGradient id="iaCzWge" x1="22.063" x2="22.5" y1="9.75" y2="11" gradientUnits="userSpaceOnUse"><stop offset=".134" stop-color="#86F7FF"/><stop offset=".802" stop-color="#86F7FF" stop-opacity="0"/></linearGradient><linearGradient id="iwBNend" x1="3.188" x2="14.625" y1="8.75" y2="27.313" gradientUnits="userSpaceOnUse"><stop stop-color="#51B0D9"/><stop offset=".755" stop-color="#458EF3"/></linearGradient><linearGradient id="iz7EWkd" x1="13.375" x2="16.03" y1="24.125" y2="24.125" gradientUnits="userSpaceOnUse"><stop offset=".659" stop-color="#41A1FF" stop-opacity="0"/><stop offset="1" stop-color="#49ACFF"/></linearGradient><linearGradient id="iYRfNAc" x1="9.021" x2="8.438" y1="9.063" y2="10.688" gradientUnits="userSpaceOnUse"><stop offset=".307" stop-color="#4CBFE2"/><stop offset="1" stop-color="#4ABDE1" stop-opacity="0"/></linearGradient><filter id="iacFVpb" width="5.11" height="7.527" x="17.702" y="13.301" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30340" stdDeviation=".5"/></filter><filter id="iqrlsHb" width="4.031" height="4.163" x="24.411" y="19.414" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30340" stdDeviation=".5"/></filter><filter id="iMRSXuc" width="3.938" height="4.156" x="11.171" y="16.563" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30340" stdDeviation=".5"/></filter><filter id="idDdtYF" width="4.252" height="4.569" x="6.781" y="20.712" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30340" stdDeviation=".5"/></filter><filter id="iv2iOIC" width="5.932" height="8.18" x="3.533" y="10.851" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30340" stdDeviation=".5"/></filter><filter id="iktrgzc" width="13.656" height="5.125" x="15.125" y="6.375" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30340" stdDeviation=".125"/></filter></defs></g></svg>How to use the Ice icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:ice" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:ice" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:ice" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--ice]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:ice"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:ice"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/ice.svg" alt="Ice icon" width="24" height="24">Related icons in Fluent Emoji
Ice icon in other icon sets
Ice icon FAQ
Is the Ice icon free for commercial use?
Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Ice icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:ice" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ice icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/ice.svg" alt="Ice icon">, or paste the SVG code inline to style it with CSS.