snow icon

snow from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: snow
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

snowBootstrap Icons snowCarbon snowFramework7 Icons snowHuge Icons snowHumbleicons snowIconoir snow-fillMingCute Icon

Use the snow icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m461 349l-34-19.64a89.5 89.5 0 0 1 20.94-16a22 22 0 0 0-21.28-38.51a133.6 133.6 0 0 0-38.55 32.1L300 256l88.09-50.86a133.5 133.5 0 0 0 38.55 32.1a22 22 0 1 0 21.28-38.51a89.7 89.7 0 0 1-20.94-16l34-19.64A22 22 0 1 0 439 125l-34 19.63a89.7 89.7 0 0 1-3.42-26.15A22 22 0 0 0 380 96h-.41a22 22 0 0 0-22 21.59a133.6 133.6 0 0 0 8.5 49.41L278 217.89V116.18a133.5 133.5 0 0 0 47.07-17.33a22 22 0 0 0-22.71-37.69A89.6 89.6 0 0 1 278 71.27V38a22 22 0 0 0-44 0v33.27a89.6 89.6 0 0 1-24.36-10.11a22 22 0 1 0-22.71 37.69A133.5 133.5 0 0 0 234 116.18v101.71L145.91 167a133.6 133.6 0 0 0 8.52-49.43a22 22 0 0 0-22-21.59H132a22 22 0 0 0-21.59 22.41a89.7 89.7 0 0 1-3.41 26.19L73 125a22 22 0 1 0-22 38.1l34 19.64a89.7 89.7 0 0 1-20.94 16a22 22 0 1 0 21.28 38.51a133.6 133.6 0 0 0 38.55-32.1L212 256l-88.09 50.86a133.6 133.6 0 0 0-38.55-32.1a22 22 0 1 0-21.28 38.51a89.7 89.7 0 0 1 20.94 16L51 349a22 22 0 1 0 22 38.1l34-19.63a89.7 89.7 0 0 1 3.42 26.15A22 22 0 0 0 132 416h.41a22 22 0 0 0 22-21.59a133.6 133.6 0 0 0-8.5-49.41L234 294.11v101.71a133.5 133.5 0 0 0-47.07 17.33a22 22 0 1 0 22.71 37.69A89.6 89.6 0 0 1 234 440.73V474a22 22 0 0 0 44 0v-33.27a89.6 89.6 0 0 1 24.36 10.11a22 22 0 0 0 22.71-37.69A133.5 133.5 0 0 0 278 395.82V294.11L366.09 345a133.6 133.6 0 0 0-8.52 49.43a22 22 0 0 0 22 21.59h.43a22 22 0 0 0 21.59-22.41a89.7 89.7 0 0 1 3.41-26.19l34 19.63A22 22 0 1 0 461 349"/></svg>

React

import type { SVGProps } from "react";

export function IonSnow(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m461 349l-34-19.64a89.5 89.5 0 0 1 20.94-16a22 22 0 0 0-21.28-38.51a133.6 133.6 0 0 0-38.55 32.1L300 256l88.09-50.86a133.5 133.5 0 0 0 38.55 32.1a22 22 0 1 0 21.28-38.51a89.7 89.7 0 0 1-20.94-16l34-19.64A22 22 0 1 0 439 125l-34 19.63a89.7 89.7 0 0 1-3.42-26.15A22 22 0 0 0 380 96h-.41a22 22 0 0 0-22 21.59a133.6 133.6 0 0 0 8.5 49.41L278 217.89V116.18a133.5 133.5 0 0 0 47.07-17.33a22 22 0 0 0-22.71-37.69A89.6 89.6 0 0 1 278 71.27V38a22 22 0 0 0-44 0v33.27a89.6 89.6 0 0 1-24.36-10.11a22 22 0 1 0-22.71 37.69A133.5 133.5 0 0 0 234 116.18v101.71L145.91 167a133.6 133.6 0 0 0 8.52-49.43a22 22 0 0 0-22-21.59H132a22 22 0 0 0-21.59 22.41a89.7 89.7 0 0 1-3.41 26.19L73 125a22 22 0 1 0-22 38.1l34 19.64a89.7 89.7 0 0 1-20.94 16a22 22 0 1 0 21.28 38.51a133.6 133.6 0 0 0 38.55-32.1L212 256l-88.09 50.86a133.6 133.6 0 0 0-38.55-32.1a22 22 0 1 0-21.28 38.51a89.7 89.7 0 0 1 20.94 16L51 349a22 22 0 1 0 22 38.1l34-19.63a89.7 89.7 0 0 1 3.42 26.15A22 22 0 0 0 132 416h.41a22 22 0 0 0 22-21.59a133.6 133.6 0 0 0-8.5-49.41L234 294.11v101.71a133.5 133.5 0 0 0-47.07 17.33a22 22 0 1 0 22.71 37.69A89.6 89.6 0 0 1 234 440.73V474a22 22 0 0 0 44 0v-33.27a89.6 89.6 0 0 1 24.36 10.11a22 22 0 0 0 22.71-37.69A133.5 133.5 0 0 0 278 395.82V294.11L366.09 345a133.6 133.6 0 0 0-8.52 49.43a22 22 0 0 0 22 21.59h.43a22 22 0 0 0 21.59-22.41a89.7 89.7 0 0 1 3.41-26.19l34 19.63A22 22 0 1 0 461 349"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m461 349l-34-19.64a89.5 89.5 0 0 1 20.94-16a22 22 0 0 0-21.28-38.51a133.6 133.6 0 0 0-38.55 32.1L300 256l88.09-50.86a133.5 133.5 0 0 0 38.55 32.1a22 22 0 1 0 21.28-38.51a89.7 89.7 0 0 1-20.94-16l34-19.64A22 22 0 1 0 439 125l-34 19.63a89.7 89.7 0 0 1-3.42-26.15A22 22 0 0 0 380 96h-.41a22 22 0 0 0-22 21.59a133.6 133.6 0 0 0 8.5 49.41L278 217.89V116.18a133.5 133.5 0 0 0 47.07-17.33a22 22 0 0 0-22.71-37.69A89.6 89.6 0 0 1 278 71.27V38a22 22 0 0 0-44 0v33.27a89.6 89.6 0 0 1-24.36-10.11a22 22 0 1 0-22.71 37.69A133.5 133.5 0 0 0 234 116.18v101.71L145.91 167a133.6 133.6 0 0 0 8.52-49.43a22 22 0 0 0-22-21.59H132a22 22 0 0 0-21.59 22.41a89.7 89.7 0 0 1-3.41 26.19L73 125a22 22 0 1 0-22 38.1l34 19.64a89.7 89.7 0 0 1-20.94 16a22 22 0 1 0 21.28 38.51a133.6 133.6 0 0 0 38.55-32.1L212 256l-88.09 50.86a133.6 133.6 0 0 0-38.55-32.1a22 22 0 1 0-21.28 38.51a89.7 89.7 0 0 1 20.94 16L51 349a22 22 0 1 0 22 38.1l34-19.63a89.7 89.7 0 0 1 3.42 26.15A22 22 0 0 0 132 416h.41a22 22 0 0 0 22-21.59a133.6 133.6 0 0 0-8.5-49.41L234 294.11v101.71a133.5 133.5 0 0 0-47.07 17.33a22 22 0 1 0 22.71 37.69A89.6 89.6 0 0 1 234 440.73V474a22 22 0 0 0 44 0v-33.27a89.6 89.6 0 0 1 24.36 10.11a22 22 0 0 0 22.71-37.69A133.5 133.5 0 0 0 278 395.82V294.11L366.09 345a133.6 133.6 0 0 0-8.52 49.43a22 22 0 0 0 22 21.59h.43a22 22 0 0 0 21.59-22.41a89.7 89.7 0 0 1 3.41-26.19l34 19.63A22 22 0 1 0 461 349"/></svg>
</template>

CSS

.icon-snow {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m461%20349l-34-19.64a89.5%2089.5%200%200%201%2020.94-16a22%2022%200%200%200-21.28-38.51a133.6%20133.6%200%200%200-38.55%2032.1L300%20256l88.09-50.86a133.5%20133.5%200%200%200%2038.55%2032.1a22%2022%200%201%200%2021.28-38.51a89.7%2089.7%200%200%201-20.94-16l34-19.64A22%2022%200%201%200%20439%20125l-34%2019.63a89.7%2089.7%200%200%201-3.42-26.15A22%2022%200%200%200%20380%2096h-.41a22%2022%200%200%200-22%2021.59a133.6%20133.6%200%200%200%208.5%2049.41L278%20217.89V116.18a133.5%20133.5%200%200%200%2047.07-17.33a22%2022%200%200%200-22.71-37.69A89.6%2089.6%200%200%201%20278%2071.27V38a22%2022%200%200%200-44%200v33.27a89.6%2089.6%200%200%201-24.36-10.11a22%2022%200%201%200-22.71%2037.69A133.5%20133.5%200%200%200%20234%20116.18v101.71L145.91%20167a133.6%20133.6%200%200%200%208.52-49.43a22%2022%200%200%200-22-21.59H132a22%2022%200%200%200-21.59%2022.41a89.7%2089.7%200%200%201-3.41%2026.19L73%20125a22%2022%200%201%200-22%2038.1l34%2019.64a89.7%2089.7%200%200%201-20.94%2016a22%2022%200%201%200%2021.28%2038.51a133.6%20133.6%200%200%200%2038.55-32.1L212%20256l-88.09%2050.86a133.6%20133.6%200%200%200-38.55-32.1a22%2022%200%201%200-21.28%2038.51a89.7%2089.7%200%200%201%2020.94%2016L51%20349a22%2022%200%201%200%2022%2038.1l34-19.63a89.7%2089.7%200%200%201%203.42%2026.15A22%2022%200%200%200%20132%20416h.41a22%2022%200%200%200%2022-21.59a133.6%20133.6%200%200%200-8.5-49.41L234%20294.11v101.71a133.5%20133.5%200%200%200-47.07%2017.33a22%2022%200%201%200%2022.71%2037.69A89.6%2089.6%200%200%201%20234%20440.73V474a22%2022%200%200%200%2044%200v-33.27a89.6%2089.6%200%200%201%2024.36%2010.11a22%2022%200%200%200%2022.71-37.69A133.5%20133.5%200%200%200%20278%20395.82V294.11L366.09%20345a133.6%20133.6%200%200%200-8.52%2049.43a22%2022%200%200%200%2022%2021.59h.43a22%2022%200%200%200%2021.59-22.41a89.7%2089.7%200%200%201%203.41-26.19l34%2019.63A22%2022%200%201%200%20461%20349%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m461%20349l-34-19.64a89.5%2089.5%200%200%201%2020.94-16a22%2022%200%200%200-21.28-38.51a133.6%20133.6%200%200%200-38.55%2032.1L300%20256l88.09-50.86a133.5%20133.5%200%200%200%2038.55%2032.1a22%2022%200%201%200%2021.28-38.51a89.7%2089.7%200%200%201-20.94-16l34-19.64A22%2022%200%201%200%20439%20125l-34%2019.63a89.7%2089.7%200%200%201-3.42-26.15A22%2022%200%200%200%20380%2096h-.41a22%2022%200%200%200-22%2021.59a133.6%20133.6%200%200%200%208.5%2049.41L278%20217.89V116.18a133.5%20133.5%200%200%200%2047.07-17.33a22%2022%200%200%200-22.71-37.69A89.6%2089.6%200%200%201%20278%2071.27V38a22%2022%200%200%200-44%200v33.27a89.6%2089.6%200%200%201-24.36-10.11a22%2022%200%201%200-22.71%2037.69A133.5%20133.5%200%200%200%20234%20116.18v101.71L145.91%20167a133.6%20133.6%200%200%200%208.52-49.43a22%2022%200%200%200-22-21.59H132a22%2022%200%200%200-21.59%2022.41a89.7%2089.7%200%200%201-3.41%2026.19L73%20125a22%2022%200%201%200-22%2038.1l34%2019.64a89.7%2089.7%200%200%201-20.94%2016a22%2022%200%201%200%2021.28%2038.51a133.6%20133.6%200%200%200%2038.55-32.1L212%20256l-88.09%2050.86a133.6%20133.6%200%200%200-38.55-32.1a22%2022%200%201%200-21.28%2038.51a89.7%2089.7%200%200%201%2020.94%2016L51%20349a22%2022%200%201%200%2022%2038.1l34-19.63a89.7%2089.7%200%200%201%203.42%2026.15A22%2022%200%200%200%20132%20416h.41a22%2022%200%200%200%2022-21.59a133.6%20133.6%200%200%200-8.5-49.41L234%20294.11v101.71a133.5%20133.5%200%200%200-47.07%2017.33a22%2022%200%201%200%2022.71%2037.69A89.6%2089.6%200%200%201%20234%20440.73V474a22%2022%200%200%200%2044%200v-33.27a89.6%2089.6%200%200%201%2024.36%2010.11a22%2022%200%200%200%2022.71-37.69A133.5%20133.5%200%200%200%20278%20395.82V294.11L366.09%20345a133.6%20133.6%200%200%200-8.52%2049.43a22%2022%200%200%200%2022%2021.59h.43a22%2022%200%200%200%2021.59-22.41a89.7%2089.7%200%200%201%203.41-26.19l34%2019.63A22%2022%200%201%200%20461%20349%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/snow.svg?color=%231a73e8&size=48