snowflake icon
snowflake-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- snowflake-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
snowflakeCarbonsnowflakeEmoji One (Colored)snowflakeFont Awesome 6 RegularsnowflakeFont Awesome 6 SolidsnowflakeFont Awesome RegularsnowflakeFont Awesome SolidsnowflakeFluent EmojisnowflakeFluent Emoji FlatsnowflakeFluent Emoji High ContrastsnowflakeFirefox OS EmojisnowflakeHuge IconssnowflakeIconParksnowflakeIconPark OutlinesnowflakeJam IconssnowflakeLine AwesomesnowflakeSVG LogossnowflakeLucidesnowflakeMaterial SymbolssnowflakeMaterial Symbols LightsnowflakeMaterial Design IconssnowflakeMyna UI IconssnowflakeNoto EmojisnowflakeOpenMojisnowflakePhosphor
Use the snowflake icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.5A1.5 1.5 0 0 1 13.5 3v2.379l1.44-1.44a1.5 1.5 0 1 1 2.12 2.122L13.5 9.62v.879h.879l3.56-3.56a1.5 1.5 0 1 1 2.122 2.12l-1.44 1.44H21a1.5 1.5 0 0 1 0 3h-2.379l1.44 1.44a1.5 1.5 0 1 1-2.122 2.12l-3.56-3.56H13.5v.879l3.56 3.56a1.5 1.5 0 1 1-2.12 2.122l-1.44-1.44V21a1.5 1.5 0 0 1-3 0v-2.379l-1.44 1.44a1.5 1.5 0 1 1-2.12-2.122l3.56-3.56V13.5h-.879l-3.56 3.56a1.5 1.5 0 1 1-2.122-2.12l1.44-1.44H3a1.5 1.5 0 0 1 0-3h2.379l-1.44-1.44a1.5 1.5 0 1 1 2.122-2.12l3.56 3.56h.879v-.879l-3.56-3.56a1.5 1.5 0 1 1 2.12-2.122l1.44 1.44V3A1.5 1.5 0 0 1 12 1.5"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteSnowflakeFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.5A1.5 1.5 0 0 1 13.5 3v2.379l1.44-1.44a1.5 1.5 0 1 1 2.12 2.122L13.5 9.62v.879h.879l3.56-3.56a1.5 1.5 0 1 1 2.122 2.12l-1.44 1.44H21a1.5 1.5 0 0 1 0 3h-2.379l1.44 1.44a1.5 1.5 0 1 1-2.122 2.12l-3.56-3.56H13.5v.879l3.56 3.56a1.5 1.5 0 1 1-2.12 2.122l-1.44-1.44V21a1.5 1.5 0 0 1-3 0v-2.379l-1.44 1.44a1.5 1.5 0 1 1-2.12-2.122l3.56-3.56V13.5h-.879l-3.56 3.56a1.5 1.5 0 1 1-2.122-2.12l1.44-1.44H3a1.5 1.5 0 0 1 0-3h2.379l-1.44-1.44a1.5 1.5 0 1 1 2.122-2.12l3.56 3.56h.879v-.879l-3.56-3.56a1.5 1.5 0 1 1 2.12-2.122l1.44 1.44V3A1.5 1.5 0 0 1 12 1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.5A1.5 1.5 0 0 1 13.5 3v2.379l1.44-1.44a1.5 1.5 0 1 1 2.12 2.122L13.5 9.62v.879h.879l3.56-3.56a1.5 1.5 0 1 1 2.122 2.12l-1.44 1.44H21a1.5 1.5 0 0 1 0 3h-2.379l1.44 1.44a1.5 1.5 0 1 1-2.122 2.12l-3.56-3.56H13.5v.879l3.56 3.56a1.5 1.5 0 1 1-2.12 2.122l-1.44-1.44V21a1.5 1.5 0 0 1-3 0v-2.379l-1.44 1.44a1.5 1.5 0 1 1-2.12-2.122l3.56-3.56V13.5h-.879l-3.56 3.56a1.5 1.5 0 1 1-2.122-2.12l1.44-1.44H3a1.5 1.5 0 0 1 0-3h2.379l-1.44-1.44a1.5 1.5 0 1 1 2.122-2.12l3.56 3.56h.879v-.879l-3.56-3.56a1.5 1.5 0 1 1 2.12-2.122l1.44 1.44V3A1.5 1.5 0 0 1 12 1.5"/></svg> </template>
CSS
.icon-snowflake-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%201.5A1.5%201.5%200%200%201%2013.5%203v2.379l1.44-1.44a1.5%201.5%200%201%201%202.12%202.122L13.5%209.62v.879h.879l3.56-3.56a1.5%201.5%200%201%201%202.122%202.12l-1.44%201.44H21a1.5%201.5%200%200%201%200%203h-2.379l1.44%201.44a1.5%201.5%200%201%201-2.122%202.12l-3.56-3.56H13.5v.879l3.56%203.56a1.5%201.5%200%201%201-2.12%202.122l-1.44-1.44V21a1.5%201.5%200%200%201-3%200v-2.379l-1.44%201.44a1.5%201.5%200%201%201-2.12-2.122l3.56-3.56V13.5h-.879l-3.56%203.56a1.5%201.5%200%201%201-2.122-2.12l1.44-1.44H3a1.5%201.5%200%200%201%200-3h2.379l-1.44-1.44a1.5%201.5%200%201%201%202.122-2.12l3.56%203.56h.879v-.879l-3.56-3.56a1.5%201.5%200%201%201%202.12-2.122l1.44%201.44V3A1.5%201.5%200%200%201%2012%201.5%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%201.5A1.5%201.5%200%200%201%2013.5%203v2.379l1.44-1.44a1.5%201.5%200%201%201%202.12%202.122L13.5%209.62v.879h.879l3.56-3.56a1.5%201.5%200%201%201%202.122%202.12l-1.44%201.44H21a1.5%201.5%200%200%201%200%203h-2.379l1.44%201.44a1.5%201.5%200%201%201-2.122%202.12l-3.56-3.56H13.5v.879l3.56%203.56a1.5%201.5%200%201%201-2.12%202.122l-1.44-1.44V21a1.5%201.5%200%200%201-3%200v-2.379l-1.44%201.44a1.5%201.5%200%201%201-2.12-2.122l3.56-3.56V13.5h-.879l-3.56%203.56a1.5%201.5%200%201%201-2.122-2.12l1.44-1.44H3a1.5%201.5%200%200%201%200-3h2.379l-1.44-1.44a1.5%201.5%200%201%201%202.122-2.12l3.56%203.56h.879v-.879l-3.56-3.56a1.5%201.5%200%201%201%202.12-2.122l1.44%201.44V3A1.5%201.5%200%200%201%2012%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/snowflake-fill.svg?color=%231a73e8&size=48
