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

Phosphor Icons

MynaUI Icons Filled

MynaUI Icons

Iconoir

Gravity UI Icons

Unicons Outline

Copied!

Snowflake Icon

More from Carbon Icons

Snowflake in other icon packs