Color

Advanced editing in SVG Editor

Carbon Icons

Snowflake Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: snowflake

The Snowflake icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/318892.svg" alt="Snowflake icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/318892.svg" alt="Snowflake icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/318892.svg"
  alt="Snowflake icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-snowflake {
  background-image: url('https://proicons.com/icon/318892.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>snowflake</title><path d="M21.4148,12H28V10H23.4148l4.5857-4.5854L26.5864,4,22,8.5869V4H20v6.5869L18.5867,12H17V8H15v4H13.4133L12,10.5869V4H10V8.5869L5.4136,4,4,5.4146,8.5852,10H4v2h6.5852L12,13.415V15H8v2h4v1.5869L10.5867,20H4v2H8.5867L4,26.5864l1.4141,1.4141L10,23.415V28h2V21.415L13.4148,20H15v4h2V20h1.5852L20,21.415V28h2V23.415l4.5854,4.5855L28,26.5864,23.4133,22H28V20H21.4133L20,18.5869V17h4V15H20V13.415ZM18,18H14V14h4Z"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/></svg>

Snowflake in other icon packs

Tabler Icons Outline

Phosphor Icons

Lucide Icons

Simple Icons

MynaUI Icons Filled

MynaUI Icons

Copied!

Snowflake Icon

More from Carbon Icons

Snowflake in other icon packs