snowflake icon
snowflake-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- snowflake-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
All snowflake icons →snowflakeCarbonsnowflakeEmoji One (Colored)snowflakeFont Awesome 6 RegularsnowflakeFont Awesome 6 SolidsnowflakeFont Awesome RegularsnowflakeFont Awesome SolidsnowflakeFluent EmojisnowflakeFluent Emoji FlatsnowflakeFluent Emoji High ContrastsnowflakeFirefox OS EmojisnowflakeHuge IconssnowflakeIconParksnowflakeIconPark OutlinesnowflakeJam IconssnowflakeKeyline IconssnowflakeLine AwesomesnowflakeLobeHub AI IconssnowflakeSVG LogossnowflakeLucidesnowflakeMaterial SymbolssnowflakeMaterial Symbols LightsnowflakeMaterial Design IconssnowflakeMeteoconssnowflakeMyna UI Icons
Use the snowflake icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 3v18m-9-9h18M8 5l4 4l4-4M5 16l4-4l-4-4m3 11l4-4l4 4m3-3l-4-4l4-4"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteSnowflakeLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="2" d="M12 3v18m-9-9h18M8 5l4 4l4-4M5 16l4-4l-4-4m3 11l4-4l4 4m3-3l-4-4l4-4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 3v18m-9-9h18M8 5l4 4l4-4M5 16l4-4l-4-4m3 11l4-4l4 4m3-3l-4-4l4-4"/></svg> </template>
CSS
.icon-snowflake-line {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%203v18m-9-9h18M8%205l4%204l4-4M5%2016l4-4l-4-4m3%2011l4-4l4%204m3-3l-4-4l4-4%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%203v18m-9-9h18M8%205l4%204l4-4M5%2016l4-4l-4-4m3%2011l4-4l4%204m3-3l-4-4l4-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/snowflake-line.svg?color=%231a73e8&size=48
