snowflake icon
snowflake from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- snowflake
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
snowflakeCarbonsnowflakeEmoji One (Colored)snowflakeFont Awesome 6 RegularsnowflakeFont Awesome 6 SolidsnowflakeFluent EmojisnowflakeFluent Emoji FlatsnowflakeFluent Emoji High ContrastsnowflakeHuge IconssnowflakeLine AwesomesnowflakeSVG LogossnowflakeLucidesnowflakeMaterial SymbolssnowflakeMaterial Design Iconssnowflake-fillMingCute IconsnowflakeNoto EmojisnowflakeOpenMojisnowflakePhosphorsnowflakePixelarticonssnowflake-fillRemix IconsnowflakeSimple Iconssnowflake-boldSolarsnowflakeStreamline EmojissnowflakeTabler IconssnowflakeTwitter Emoji
Use the snowflake icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><path fill="currentColor" d="M9 6.126V1a1 1 0 1 1 2 0v5.126c.367.094.714.24 1.032.428l2.21-2.21a1 1 0 1 1 1.415 1.413l-2.21 2.211c.187.318.333.665.427 1.032H19a1 1 0 0 1 0 2h-5.126a4 4 0 0 1-.428 1.032l2.21 2.21a1 1 0 1 1-1.413 1.415l-2.211-2.21a4 4 0 0 1-1.032.427V19a1 1 0 0 1-2 0v-5.126a4 4 0 0 1-1.032-.428l-2.21 2.21a1 1 0 0 1-1.415-1.413l2.21-2.211A4 4 0 0 1 6.127 11H1a1 1 0 0 1 0-2h5.126a4 4 0 0 1 .428-1.032l-2.21-2.21a1 1 0 0 1 1.413-1.415l2.211 2.21A4 4 0 0 1 9 6.127zM10 12a2 2 0 1 1 0-4a2 2 0 0 1 0 4m-1 5.318l-.393.393a.985.985 0 0 1-1.393-1.393L9 14.532zm2-2.786l1.786 1.786a.985.985 0 0 1-1.393 1.393L11 17.318zm0-11.85l.393-.393a.985.985 0 0 1 1.393 1.393L11 5.468zM9 5.468L7.214 3.682a.985.985 0 0 1 1.393-1.393L9 2.682zM17.318 11l.393.393a.985.985 0 0 1-1.393 1.393L14.532 11zm-2.786-2l1.786-1.786a.985.985 0 0 1 1.393 1.393L17.318 9zM2.682 9l-.393-.393a.985.985 0 0 1 1.393-1.393L5.468 9zm2.786 2l-1.786 1.786a.985.985 0 0 1-1.393-1.393L2.682 11z"/></svg>
React
import type { SVGProps } from "react";
export function JamSnowflake(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><path fill="currentColor" d="M9 6.126V1a1 1 0 1 1 2 0v5.126c.367.094.714.24 1.032.428l2.21-2.21a1 1 0 1 1 1.415 1.413l-2.21 2.211c.187.318.333.665.427 1.032H19a1 1 0 0 1 0 2h-5.126a4 4 0 0 1-.428 1.032l2.21 2.21a1 1 0 1 1-1.413 1.415l-2.211-2.21a4 4 0 0 1-1.032.427V19a1 1 0 0 1-2 0v-5.126a4 4 0 0 1-1.032-.428l-2.21 2.21a1 1 0 0 1-1.415-1.413l2.21-2.211A4 4 0 0 1 6.127 11H1a1 1 0 0 1 0-2h5.126a4 4 0 0 1 .428-1.032l-2.21-2.21a1 1 0 0 1 1.413-1.415l2.211 2.21A4 4 0 0 1 9 6.127zM10 12a2 2 0 1 1 0-4a2 2 0 0 1 0 4m-1 5.318l-.393.393a.985.985 0 0 1-1.393-1.393L9 14.532zm2-2.786l1.786 1.786a.985.985 0 0 1-1.393 1.393L11 17.318zm0-11.85l.393-.393a.985.985 0 0 1 1.393 1.393L11 5.468zM9 5.468L7.214 3.682a.985.985 0 0 1 1.393-1.393L9 2.682zM17.318 11l.393.393a.985.985 0 0 1-1.393 1.393L14.532 11zm-2.786-2l1.786-1.786a.985.985 0 0 1 1.393 1.393L17.318 9zM2.682 9l-.393-.393a.985.985 0 0 1 1.393-1.393L5.468 9zm2.786 2l-1.786 1.786a.985.985 0 0 1-1.393-1.393L2.682 11z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><path fill="currentColor" d="M9 6.126V1a1 1 0 1 1 2 0v5.126c.367.094.714.24 1.032.428l2.21-2.21a1 1 0 1 1 1.415 1.413l-2.21 2.211c.187.318.333.665.427 1.032H19a1 1 0 0 1 0 2h-5.126a4 4 0 0 1-.428 1.032l2.21 2.21a1 1 0 1 1-1.413 1.415l-2.211-2.21a4 4 0 0 1-1.032.427V19a1 1 0 0 1-2 0v-5.126a4 4 0 0 1-1.032-.428l-2.21 2.21a1 1 0 0 1-1.415-1.413l2.21-2.211A4 4 0 0 1 6.127 11H1a1 1 0 0 1 0-2h5.126a4 4 0 0 1 .428-1.032l-2.21-2.21a1 1 0 0 1 1.413-1.415l2.211 2.21A4 4 0 0 1 9 6.127zM10 12a2 2 0 1 1 0-4a2 2 0 0 1 0 4m-1 5.318l-.393.393a.985.985 0 0 1-1.393-1.393L9 14.532zm2-2.786l1.786 1.786a.985.985 0 0 1-1.393 1.393L11 17.318zm0-11.85l.393-.393a.985.985 0 0 1 1.393 1.393L11 5.468zM9 5.468L7.214 3.682a.985.985 0 0 1 1.393-1.393L9 2.682zM17.318 11l.393.393a.985.985 0 0 1-1.393 1.393L14.532 11zm-2.786-2l1.786-1.786a.985.985 0 0 1 1.393 1.393L17.318 9zM2.682 9l-.393-.393a.985.985 0 0 1 1.393-1.393L5.468 9zm2.786 2l-1.786 1.786a.985.985 0 0 1-1.393-1.393L2.682 11z"/></svg> </template>
CSS
.icon-snowflake {
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%22-2%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%206.126V1a1%201%200%201%201%202%200v5.126c.367.094.714.24%201.032.428l2.21-2.21a1%201%200%201%201%201.415%201.413l-2.21%202.211c.187.318.333.665.427%201.032H19a1%201%200%200%201%200%202h-5.126a4%204%200%200%201-.428%201.032l2.21%202.21a1%201%200%201%201-1.413%201.415l-2.211-2.21a4%204%200%200%201-1.032.427V19a1%201%200%200%201-2%200v-5.126a4%204%200%200%201-1.032-.428l-2.21%202.21a1%201%200%200%201-1.415-1.413l2.21-2.211A4%204%200%200%201%206.127%2011H1a1%201%200%200%201%200-2h5.126a4%204%200%200%201%20.428-1.032l-2.21-2.21a1%201%200%200%201%201.413-1.415l2.211%202.21A4%204%200%200%201%209%206.127zM10%2012a2%202%200%201%201%200-4a2%202%200%200%201%200%204m-1%205.318l-.393.393a.985.985%200%200%201-1.393-1.393L9%2014.532zm2-2.786l1.786%201.786a.985.985%200%200%201-1.393%201.393L11%2017.318zm0-11.85l.393-.393a.985.985%200%200%201%201.393%201.393L11%205.468zM9%205.468L7.214%203.682a.985.985%200%200%201%201.393-1.393L9%202.682zM17.318%2011l.393.393a.985.985%200%200%201-1.393%201.393L14.532%2011zm-2.786-2l1.786-1.786a.985.985%200%200%201%201.393%201.393L17.318%209zM2.682%209l-.393-.393a.985.985%200%200%201%201.393-1.393L5.468%209zm2.786%202l-1.786%201.786a.985.985%200%200%201-1.393-1.393L2.682%2011z%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%22-2%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%206.126V1a1%201%200%201%201%202%200v5.126c.367.094.714.24%201.032.428l2.21-2.21a1%201%200%201%201%201.415%201.413l-2.21%202.211c.187.318.333.665.427%201.032H19a1%201%200%200%201%200%202h-5.126a4%204%200%200%201-.428%201.032l2.21%202.21a1%201%200%201%201-1.413%201.415l-2.211-2.21a4%204%200%200%201-1.032.427V19a1%201%200%200%201-2%200v-5.126a4%204%200%200%201-1.032-.428l-2.21%202.21a1%201%200%200%201-1.415-1.413l2.21-2.211A4%204%200%200%201%206.127%2011H1a1%201%200%200%201%200-2h5.126a4%204%200%200%201%20.428-1.032l-2.21-2.21a1%201%200%200%201%201.413-1.415l2.211%202.21A4%204%200%200%201%209%206.127zM10%2012a2%202%200%201%201%200-4a2%202%200%200%201%200%204m-1%205.318l-.393.393a.985.985%200%200%201-1.393-1.393L9%2014.532zm2-2.786l1.786%201.786a.985.985%200%200%201-1.393%201.393L11%2017.318zm0-11.85l.393-.393a.985.985%200%200%201%201.393%201.393L11%205.468zM9%205.468L7.214%203.682a.985.985%200%200%201%201.393-1.393L9%202.682zM17.318%2011l.393.393a.985.985%200%200%201-1.393%201.393L14.532%2011zm-2.786-2l1.786-1.786a.985.985%200%200%201%201.393%201.393L17.318%209zM2.682%209l-.393-.393a.985.985%200%200%201%201.393-1.393L5.468%209zm2.786%202l-1.786%201.786a.985.985%200%200%201-1.393-1.393L2.682%2011z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/snowflake.svg?color=%231a73e8&size=48
