---
title: "Snowflake animated icon"
description: "Snowflake animated icon (Weather). Snow falls. Light: the flake drops away, tumbling, and fades while the next flake fades in above it and floats down into its place, swaying on the way, and lands softly with one small swing. Strong: the flake drops away tumbling harder, and the next one drifts down along a side-to-side path, is lifted once by the air and sways twice before it settles into place. Both flakes stay rigid."
canonical: https://generativeicons.com/icons/snowflake/
---

# Snowflake animated icon

Snow falls. Light: the flake drops away, tumbling, and fades while the next flake fades in above it and floats down into its place, swaying on the way, and lands softly with one small swing. Strong: the flake drops away tumbling harder, and the next one drifts down along a side-to-side path, is lifted once by the air and sways twice before it settles into place. Both flakes stay rigid.

- Id: `snowflake`
- Category: Weather
- Search terms: winter, cold, freezing, frozen, freeze, frost, ice, icy, chill, christmas, holiday season
- One action, back to rest
- Styles: outline, solid, duotone; outline weights 1.5, 2, 2.5 (any from 1 to 3); motion light or strong
- File: https://generativeicons.com/assets/snowflake.lottie (dotLottie, 4187 bytes, sha256 8f3ece44fbcc4839fbb38f953e7380a2ae0901191014ab705801b326d9320124)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add snowflake
```

## React

```tsx
// npm install @lottiefiles/generative-icons-react
'use client';
import { AnimatedIcon } from '@lottiefiles/generative-icons-react';
import icon, { src } from './generative-icons/snowflake.mjs';

export function SnowflakeIcon() {
  return <AnimatedIcon icon={icon} src={src} size={32}
    color="#ffffff" variant="outline" weight={2}
    motion="light" theme="dark" />;
}
```

## JavaScript

```js
import { createIcon } from '@lottiefiles/generative-icons-runtime';
import icon, { src } from './generative-icons/snowflake.mjs';

const handle = await createIcon(canvas, {
  icon, src,
  color: '#ffffff', style: 'outline', weight: 2,
  motion: 'light', theme: 'dark'
});
button.addEventListener('click', () => handle.play());
// On removal: handle.destroy();
```

More: https://generativeicons.com/icons/snowflake/ · https://generativeicons.com/api/icons/snowflake