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
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="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
