snowflake icon
snowflake from Font Awesome 6 Regular by Dave Gandy · Regular · Hotel · CC-BY-4.0 Attribution required.
- Name
- snowflake
- Set
- Font Awesome 6 Regular
- Style
- Regular
- Category
- Hotel
- Viewbox
- 448×512
- License
- CC BY 4.0
The same icon in other sets
snowflakeCarbonsnowflakeEmoji One (Colored)snowflakeFont Awesome 6 SolidsnowflakeFont Awesome RegularsnowflakeFont Awesome SolidsnowflakeFluent EmojisnowflakeFluent Emoji FlatsnowflakeFluent Emoji High ContrastsnowflakeFirefox OS EmojisnowflakeHuge IconssnowflakeIconParksnowflakeIconPark OutlinesnowflakeJam IconssnowflakeLine AwesomesnowflakeSVG LogossnowflakeLucidesnowflakeMaterial SymbolssnowflakeMaterial Symbols LightsnowflakeMaterial Design Iconssnowflake-fillMingCute IconsnowflakeMyna UI IconssnowflakeNoto EmojisnowflakeOpenMojisnowflakePhosphor
Use the snowflake icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 0c13.3 0 24 10.7 24 24v46.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-57 57v76.5l66.2-38.2L335 98.5c3.4-12.8 16.6-20.4 29.4-17s20.4 16.6 17 29.4l-8.4 31.3l37.1-21.4c11.5-6.6 26.2-2.7 32.8 8.8s2.7 26.2-8.8 32.8L397 183.8l31.5 8.4c12.8 3.4 20.4 16.6 17 29.4s-16.6 20.4-29.4 17l-77.8-20.9L272 256l66.2 38.2l77.8-20.9c12.8-3.4 26 4.2 29.4 17s-4.2 26-17 29.4l-31.4 8.5l37.1 21.4c11.5 6.6 15.4 21.3 8.8 32.8s-21.3 15.4-32.8 8.8L373 369.8l8.4 31.5c3.4 12.8-4.2 26-17 29.4s-26-4.2-29.4-17l-20.9-77.8l-66.1-38.3v76.5l57 57c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-23-23v46.1c0 13.3-10.7 24-24 24s-24-10.7-24-24V442l-23 23c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l57-57v-76.5L134 335.8l-20.9 77.8c-3.4 12.8-16.6 20.4-29.4 17s-20.4-16.6-17-29.4l8.3-31.4l-37.1 21.4c-11.5 6.6-26.2 2.7-32.8-8.8s-2.7-26.2 8.8-32.8L51 328.2l-31.5-8.4c-12.8-3.4-20.4-16.6-17-29.4s16.6-20.4 29.4-17l77.8 20.9L176 256l-66.2-38.2l-77.9 20.8c-12.8 3.4-26-4.2-29.4-17s4.2-26 17-29.4l31.5-8.4l-37.1-21.4c-11.5-6.6-15.4-21.3-8.8-32.8s21.3-15.4 32.8-8.8L75 142.2l-8.4-31.5c-3.4-12.8 4.2-26 17-29.4s26 4.2 29.4 17l20.9 77.8l66.1 38.3v-76.5L143 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23L200 24c0-13.3 10.7-24 24-24"/></svg>
React
import type { SVGProps } from "react";
export function Fa6RegularSnowflake(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 0c13.3 0 24 10.7 24 24v46.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-57 57v76.5l66.2-38.2L335 98.5c3.4-12.8 16.6-20.4 29.4-17s20.4 16.6 17 29.4l-8.4 31.3l37.1-21.4c11.5-6.6 26.2-2.7 32.8 8.8s2.7 26.2-8.8 32.8L397 183.8l31.5 8.4c12.8 3.4 20.4 16.6 17 29.4s-16.6 20.4-29.4 17l-77.8-20.9L272 256l66.2 38.2l77.8-20.9c12.8-3.4 26 4.2 29.4 17s-4.2 26-17 29.4l-31.4 8.5l37.1 21.4c11.5 6.6 15.4 21.3 8.8 32.8s-21.3 15.4-32.8 8.8L373 369.8l8.4 31.5c3.4 12.8-4.2 26-17 29.4s-26-4.2-29.4-17l-20.9-77.8l-66.1-38.3v76.5l57 57c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-23-23v46.1c0 13.3-10.7 24-24 24s-24-10.7-24-24V442l-23 23c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l57-57v-76.5L134 335.8l-20.9 77.8c-3.4 12.8-16.6 20.4-29.4 17s-20.4-16.6-17-29.4l8.3-31.4l-37.1 21.4c-11.5 6.6-26.2 2.7-32.8-8.8s-2.7-26.2 8.8-32.8L51 328.2l-31.5-8.4c-12.8-3.4-20.4-16.6-17-29.4s16.6-20.4 29.4-17l77.8 20.9L176 256l-66.2-38.2l-77.9 20.8c-12.8 3.4-26-4.2-29.4-17s4.2-26 17-29.4l31.5-8.4l-37.1-21.4c-11.5-6.6-15.4-21.3-8.8-32.8s21.3-15.4 32.8-8.8L75 142.2l-8.4-31.5c-3.4-12.8 4.2-26 17-29.4s26 4.2 29.4 17l20.9 77.8l66.1 38.3v-76.5L143 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23L200 24c0-13.3 10.7-24 24-24"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 0c13.3 0 24 10.7 24 24v46.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-57 57v76.5l66.2-38.2L335 98.5c3.4-12.8 16.6-20.4 29.4-17s20.4 16.6 17 29.4l-8.4 31.3l37.1-21.4c11.5-6.6 26.2-2.7 32.8 8.8s2.7 26.2-8.8 32.8L397 183.8l31.5 8.4c12.8 3.4 20.4 16.6 17 29.4s-16.6 20.4-29.4 17l-77.8-20.9L272 256l66.2 38.2l77.8-20.9c12.8-3.4 26 4.2 29.4 17s-4.2 26-17 29.4l-31.4 8.5l37.1 21.4c11.5 6.6 15.4 21.3 8.8 32.8s-21.3 15.4-32.8 8.8L373 369.8l8.4 31.5c3.4 12.8-4.2 26-17 29.4s-26-4.2-29.4-17l-20.9-77.8l-66.1-38.3v76.5l57 57c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-23-23v46.1c0 13.3-10.7 24-24 24s-24-10.7-24-24V442l-23 23c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l57-57v-76.5L134 335.8l-20.9 77.8c-3.4 12.8-16.6 20.4-29.4 17s-20.4-16.6-17-29.4l8.3-31.4l-37.1 21.4c-11.5 6.6-26.2 2.7-32.8-8.8s-2.7-26.2 8.8-32.8L51 328.2l-31.5-8.4c-12.8-3.4-20.4-16.6-17-29.4s16.6-20.4 29.4-17l77.8 20.9L176 256l-66.2-38.2l-77.9 20.8c-12.8 3.4-26-4.2-29.4-17s4.2-26 17-29.4l31.5-8.4l-37.1-21.4c-11.5-6.6-15.4-21.3-8.8-32.8s21.3-15.4 32.8-8.8L75 142.2l-8.4-31.5c-3.4-12.8 4.2-26 17-29.4s26 4.2 29.4 17l20.9 77.8l66.1 38.3v-76.5L143 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23L200 24c0-13.3 10.7-24 24-24"/></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%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%200c13.3%200%2024%2010.7%2024%2024v46.1l23-23c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-57%2057v76.5l66.2-38.2L335%2098.5c3.4-12.8%2016.6-20.4%2029.4-17s20.4%2016.6%2017%2029.4l-8.4%2031.3l37.1-21.4c11.5-6.6%2026.2-2.7%2032.8%208.8s2.7%2026.2-8.8%2032.8L397%20183.8l31.5%208.4c12.8%203.4%2020.4%2016.6%2017%2029.4s-16.6%2020.4-29.4%2017l-77.8-20.9L272%20256l66.2%2038.2l77.8-20.9c12.8-3.4%2026%204.2%2029.4%2017s-4.2%2026-17%2029.4l-31.4%208.5l37.1%2021.4c11.5%206.6%2015.4%2021.3%208.8%2032.8s-21.3%2015.4-32.8%208.8L373%20369.8l8.4%2031.5c3.4%2012.8-4.2%2026-17%2029.4s-26-4.2-29.4-17l-20.9-77.8l-66.1-38.3v76.5l57%2057c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200l-23-23v46.1c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V442l-23%2023c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9l57-57v-76.5L134%20335.8l-20.9%2077.8c-3.4%2012.8-16.6%2020.4-29.4%2017s-20.4-16.6-17-29.4l8.3-31.4l-37.1%2021.4c-11.5%206.6-26.2%202.7-32.8-8.8s-2.7-26.2%208.8-32.8L51%20328.2l-31.5-8.4c-12.8-3.4-20.4-16.6-17-29.4s16.6-20.4%2029.4-17l77.8%2020.9L176%20256l-66.2-38.2l-77.9%2020.8c-12.8%203.4-26-4.2-29.4-17s4.2-26%2017-29.4l31.5-8.4l-37.1-21.4c-11.5-6.6-15.4-21.3-8.8-32.8s21.3-15.4%2032.8-8.8L75%20142.2l-8.4-31.5c-3.4-12.8%204.2-26%2017-29.4s26%204.2%2029.4%2017l20.9%2077.8l66.1%2038.3v-76.5L143%2081c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l23%2023L200%2024c0-13.3%2010.7-24%2024-24%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%200c13.3%200%2024%2010.7%2024%2024v46.1l23-23c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-57%2057v76.5l66.2-38.2L335%2098.5c3.4-12.8%2016.6-20.4%2029.4-17s20.4%2016.6%2017%2029.4l-8.4%2031.3l37.1-21.4c11.5-6.6%2026.2-2.7%2032.8%208.8s2.7%2026.2-8.8%2032.8L397%20183.8l31.5%208.4c12.8%203.4%2020.4%2016.6%2017%2029.4s-16.6%2020.4-29.4%2017l-77.8-20.9L272%20256l66.2%2038.2l77.8-20.9c12.8-3.4%2026%204.2%2029.4%2017s-4.2%2026-17%2029.4l-31.4%208.5l37.1%2021.4c11.5%206.6%2015.4%2021.3%208.8%2032.8s-21.3%2015.4-32.8%208.8L373%20369.8l8.4%2031.5c3.4%2012.8-4.2%2026-17%2029.4s-26-4.2-29.4-17l-20.9-77.8l-66.1-38.3v76.5l57%2057c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200l-23-23v46.1c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V442l-23%2023c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9l57-57v-76.5L134%20335.8l-20.9%2077.8c-3.4%2012.8-16.6%2020.4-29.4%2017s-20.4-16.6-17-29.4l8.3-31.4l-37.1%2021.4c-11.5%206.6-26.2%202.7-32.8-8.8s-2.7-26.2%208.8-32.8L51%20328.2l-31.5-8.4c-12.8-3.4-20.4-16.6-17-29.4s16.6-20.4%2029.4-17l77.8%2020.9L176%20256l-66.2-38.2l-77.9%2020.8c-12.8%203.4-26-4.2-29.4-17s4.2-26%2017-29.4l31.5-8.4l-37.1-21.4c-11.5-6.6-15.4-21.3-8.8-32.8s21.3-15.4%2032.8-8.8L75%20142.2l-8.4-31.5c-3.4-12.8%204.2-26%2017-29.4s26%204.2%2029.4%2017l20.9%2077.8l66.1%2038.3v-76.5L143%2081c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l23%2023L200%2024c0-13.3%2010.7-24%2024-24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-regular/snowflake.svg?color=%231a73e8&size=48
