snowflake icon
snowflake-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- snowflake-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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 Iconssnowflake-fillMingCute IconsnowflakeMyna UI IconssnowflakeNoto EmojisnowflakeOpenMoji
Use the snowflake icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m42.37 119.22l18.94-6.76a8 8 0 1 1 5.38 15.08l-15.48 5.52l4.52 16.87a8 8 0 0 1-5.66 9.8a8.2 8.2 0 0 1-2.07.27a8 8 0 0 1-7.73-5.93l-5.57-20.8l-26.7-15.41v30.83l13.66 13.65a8 8 0 0 1-11.32 11.32L128 187.31l-10.34 10.35a8 8 0 0 1-11.32-11.32L120 172.69v-30.83l-26.7 15.41l-5.57 20.8A8 8 0 0 1 80 184a8.2 8.2 0 0 1-2.07-.27a8 8 0 0 1-5.66-9.8l4.52-16.87l-15.48-5.52a8 8 0 0 1 5.38-15.08l18.94 6.76L112 128l-26.37-15.22l-18.94 6.76A8.2 8.2 0 0 1 64 120a8 8 0 0 1-2.69-15.54l15.48-5.52l-4.52-16.87a8 8 0 0 1 15.46-4.14l5.57 20.8l26.7 15.41V83.31l-13.66-13.65a8 8 0 0 1 11.32-11.32L128 68.69l10.34-10.35a8 8 0 0 1 11.32 11.32L136 83.31v30.83l26.7-15.41l5.57-20.8a8 8 0 0 1 15.46 4.14l-4.52 16.87l15.48 5.52A8 8 0 0 1 192 120a8.2 8.2 0 0 1-2.69-.46l-18.94-6.76L144 128Z"/></svg>
React
import type { SVGProps } from "react";
export function PhSnowflakeFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m42.37 119.22l18.94-6.76a8 8 0 1 1 5.38 15.08l-15.48 5.52l4.52 16.87a8 8 0 0 1-5.66 9.8a8.2 8.2 0 0 1-2.07.27a8 8 0 0 1-7.73-5.93l-5.57-20.8l-26.7-15.41v30.83l13.66 13.65a8 8 0 0 1-11.32 11.32L128 187.31l-10.34 10.35a8 8 0 0 1-11.32-11.32L120 172.69v-30.83l-26.7 15.41l-5.57 20.8A8 8 0 0 1 80 184a8.2 8.2 0 0 1-2.07-.27a8 8 0 0 1-5.66-9.8l4.52-16.87l-15.48-5.52a8 8 0 0 1 5.38-15.08l18.94 6.76L112 128l-26.37-15.22l-18.94 6.76A8.2 8.2 0 0 1 64 120a8 8 0 0 1-2.69-15.54l15.48-5.52l-4.52-16.87a8 8 0 0 1 15.46-4.14l5.57 20.8l26.7 15.41V83.31l-13.66-13.65a8 8 0 0 1 11.32-11.32L128 68.69l10.34-10.35a8 8 0 0 1 11.32 11.32L136 83.31v30.83l26.7-15.41l5.57-20.8a8 8 0 0 1 15.46 4.14l-4.52 16.87l15.48 5.52A8 8 0 0 1 192 120a8.2 8.2 0 0 1-2.69-.46l-18.94-6.76L144 128Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m42.37 119.22l18.94-6.76a8 8 0 1 1 5.38 15.08l-15.48 5.52l4.52 16.87a8 8 0 0 1-5.66 9.8a8.2 8.2 0 0 1-2.07.27a8 8 0 0 1-7.73-5.93l-5.57-20.8l-26.7-15.41v30.83l13.66 13.65a8 8 0 0 1-11.32 11.32L128 187.31l-10.34 10.35a8 8 0 0 1-11.32-11.32L120 172.69v-30.83l-26.7 15.41l-5.57 20.8A8 8 0 0 1 80 184a8.2 8.2 0 0 1-2.07-.27a8 8 0 0 1-5.66-9.8l4.52-16.87l-15.48-5.52a8 8 0 0 1 5.38-15.08l18.94 6.76L112 128l-26.37-15.22l-18.94 6.76A8.2 8.2 0 0 1 64 120a8 8 0 0 1-2.69-15.54l15.48-5.52l-4.52-16.87a8 8 0 0 1 15.46-4.14l5.57 20.8l26.7 15.41V83.31l-13.66-13.65a8 8 0 0 1 11.32-11.32L128 68.69l10.34-10.35a8 8 0 0 1 11.32 11.32L136 83.31v30.83l26.7-15.41l5.57-20.8a8 8 0 0 1 15.46 4.14l-4.52 16.87l15.48 5.52A8 8 0 0 1 192 120a8.2 8.2 0 0 1-2.69-.46l-18.94-6.76L144 128Z"/></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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2024a104%20104%200%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024m42.37%20119.22l18.94-6.76a8%208%200%201%201%205.38%2015.08l-15.48%205.52l4.52%2016.87a8%208%200%200%201-5.66%209.8a8.2%208.2%200%200%201-2.07.27a8%208%200%200%201-7.73-5.93l-5.57-20.8l-26.7-15.41v30.83l13.66%2013.65a8%208%200%200%201-11.32%2011.32L128%20187.31l-10.34%2010.35a8%208%200%200%201-11.32-11.32L120%20172.69v-30.83l-26.7%2015.41l-5.57%2020.8A8%208%200%200%201%2080%20184a8.2%208.2%200%200%201-2.07-.27a8%208%200%200%201-5.66-9.8l4.52-16.87l-15.48-5.52a8%208%200%200%201%205.38-15.08l18.94%206.76L112%20128l-26.37-15.22l-18.94%206.76A8.2%208.2%200%200%201%2064%20120a8%208%200%200%201-2.69-15.54l15.48-5.52l-4.52-16.87a8%208%200%200%201%2015.46-4.14l5.57%2020.8l26.7%2015.41V83.31l-13.66-13.65a8%208%200%200%201%2011.32-11.32L128%2068.69l10.34-10.35a8%208%200%200%201%2011.32%2011.32L136%2083.31v30.83l26.7-15.41l5.57-20.8a8%208%200%200%201%2015.46%204.14l-4.52%2016.87l15.48%205.52A8%208%200%200%201%20192%20120a8.2%208.2%200%200%201-2.69-.46l-18.94-6.76L144%20128Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2024a104%20104%200%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024m42.37%20119.22l18.94-6.76a8%208%200%201%201%205.38%2015.08l-15.48%205.52l4.52%2016.87a8%208%200%200%201-5.66%209.8a8.2%208.2%200%200%201-2.07.27a8%208%200%200%201-7.73-5.93l-5.57-20.8l-26.7-15.41v30.83l13.66%2013.65a8%208%200%200%201-11.32%2011.32L128%20187.31l-10.34%2010.35a8%208%200%200%201-11.32-11.32L120%20172.69v-30.83l-26.7%2015.41l-5.57%2020.8A8%208%200%200%201%2080%20184a8.2%208.2%200%200%201-2.07-.27a8%208%200%200%201-5.66-9.8l4.52-16.87l-15.48-5.52a8%208%200%200%201%205.38-15.08l18.94%206.76L112%20128l-26.37-15.22l-18.94%206.76A8.2%208.2%200%200%201%2064%20120a8%208%200%200%201-2.69-15.54l15.48-5.52l-4.52-16.87a8%208%200%200%201%2015.46-4.14l5.57%2020.8l26.7%2015.41V83.31l-13.66-13.65a8%208%200%200%201%2011.32-11.32L128%2068.69l10.34-10.35a8%208%200%200%201%2011.32%2011.32L136%2083.31v30.83l26.7-15.41l5.57-20.8a8%208%200%200%201%2015.46%204.14l-4.52%2016.87l15.48%205.52A8%208%200%200%201%20192%20120a8.2%208.2%200%200%201-2.69-.46l-18.94-6.76L144%20128Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/snowflake-fill.svg?color=%231a73e8&size=48
