Snowing Heavy icon
material-symbols:snowing-heavy
The Snowing Heavy icon (material-symbols:snowing-heavy) is a free SVG icon from the Material Symbols set by Google. It is drawn on a 24 × 24 grid. Material Symbols icons are released under the Apache 2.0 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
- Material Symbols
- Author
- License
- Apache-2.0
- Size
- 24 × 24
- Category
- Social
- Tags
- snowingheavy, snowing heavy outline, snowing heavy sharp, snowing heavy outline rounded, snowing heavy outline sharp, snowing heavy rounded
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.288 18.713Q4 18.425 4 18t.288-.712T5 17t.713.288T6 18t-.288.713T5 19t-.712-.288m4.5 0Q8.5 18.426 8.5 18t.288-.712T9.5 17t.713.288t.287.712t-.288.713T9.5 19t-.712-.288m4.5 0Q13 18.426 13 18t.288-.712T14 17t.713.288T15 18t-.288.713T14 19t-.712-.288m4.5 0Q17.5 18.426 17.5 18t.288-.712T18.5 17t.713.288t.287.712t-.288.713T18.5 19t-.712-.288m-15.5-4Q2 14.425 2 14t.288-.712T3 13t.713.288T4 14t-.288.713T3 15t-.712-.288m4.5 0Q6.5 14.426 6.5 14t.288-.712T7.5 13t.713.288T8.5 14t-.288.713T7.5 15t-.712-.288m4.5 0Q11 14.426 11 14t.288-.712T12 13t.713.288T13 14t-.288.713T12 15t-.712-.288m4.5 0Q15.5 14.426 15.5 14t.288-.712T16.5 13t.713.288t.287.712t-.288.713T16.5 15t-.712-.288m4.5 0Q20 14.426 20 14t.288-.712T21 13t.713.288T22 14t-.288.713T21 15t-.712-.288m-16-4Q4 10.426 4 10t.288-.712T5 9t.713.288T6 10t-.288.713T5 11t-.712-.288m4.5 0Q8.5 10.426 8.5 10t.288-.712T9.5 9t.713.288t.287.712t-.288.713T9.5 11t-.712-.288m4.5 0Q13 10.426 13 10t.288-.712T14 9t.713.288T15 10t-.288.713T14 11t-.712-.288m4.5 0Q17.5 10.426 17.5 10t.288-.712T18.5 9t.713.288t.287.712t-.288.713T18.5 11t-.712-.288m-15.5-4Q2 6.426 2 6t.288-.712T3 5t.713.288T4 6t-.288.713T3 7t-.712-.288m4.5 0Q6.5 6.426 6.5 6t.288-.712T7.5 5t.713.288T8.5 6t-.288.713T7.5 7t-.712-.288m4.5 0Q11 6.426 11 6t.288-.712T12 5t.713.288T13 6t-.288.713T12 7t-.712-.288m4.5 0Q15.5 6.426 15.5 6t.288-.712T16.5 5t.713.288T17.5 6t-.288.713T16.5 7t-.712-.288m4.5 0Q20 6.426 20 6t.288-.712T21 5t.713.288T22 6t-.288.713T21 7t-.712-.288"/></svg>How to use the Snowing Heavy icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:snowing-heavy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:snowing-heavy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:snowing-heavy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--snowing-heavy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:snowing-heavy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:snowing-heavy"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-symbols/snowing-heavy.svg" alt="Snowing Heavy icon" width="24" height="24">Related icons in Material Symbols
Snowing Heavy icon in other icon sets
Snowing Heavy icon FAQ
Is the Snowing Heavy icon free for commercial use?
Yes. Material Symbols icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Snowing Heavy icon in React?
Install @iconify/react and render <Icon icon="material-symbols:snowing-heavy" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Snowing Heavy icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-symbols/snowing-heavy.svg" alt="Snowing Heavy icon">, or paste the SVG code inline to style it with CSS.