snowflake icon
snowflake from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- snowflake
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
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 EmojisnowflakeIconParksnowflakeIconPark 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 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="M14.244 3.006c-.443.404-1.623 1.995-2.253 1.994c-.63 0-1.805-1.595-2.247-2m4.5 17.994c-.443-.404-1.623-1.995-2.253-1.994c-.63 0-1.805 1.596-2.247 2M20.908 9.452c-.571-.182-2.539-.408-2.853-.954c-.315-.547.479-2.361.608-2.946M5.33 18.446c.128-.586.916-2.403.6-2.948c-.316-.546-2.284-.766-2.855-.946m.001-5.1c.57-.182 2.539-.408 2.853-.954s-.479-2.361-.608-2.946m13.332 12.894c-.128-.586-.916-2.403-.6-2.948c.316-.546 2.284-.766 2.855-.946m-5.45-4.572l2.536-1.48m-6-.48V5m6 10.5l-2.536-1.48M5.994 15.5L8.566 14m3.428 5v-3.021M8.566 10L5.994 8.5"/><path d="M15.496 11.731c0-.845 0-1.267-.202-1.615c-.2-.349-.567-.56-1.299-.982l-.463-.268c-.732-.423-1.098-.634-1.5-.634s-.768.211-1.5.634l-.464.268c-.732.422-1.098.634-1.3.982c-.2.348-.2.77-.2 1.616v.536c0 .845 0 1.268.2 1.616c.202.348.568.56 1.3.982l.464.268c.732.422 1.098.634 1.5.634s.768-.212 1.5-.634l.464-.268c.732-.423 1.098-.634 1.299-.982s.2-.771.2-1.617z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSnowflake(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5"><path strokeLinecap="round" d="M14.244 3.006c-.443.404-1.623 1.995-2.253 1.994c-.63 0-1.805-1.595-2.247-2m4.5 17.994c-.443-.404-1.623-1.995-2.253-1.994c-.63 0-1.805 1.596-2.247 2M20.908 9.452c-.571-.182-2.539-.408-2.853-.954c-.315-.547.479-2.361.608-2.946M5.33 18.446c.128-.586.916-2.403.6-2.948c-.316-.546-2.284-.766-2.855-.946m.001-5.1c.57-.182 2.539-.408 2.853-.954s-.479-2.361-.608-2.946m13.332 12.894c-.128-.586-.916-2.403-.6-2.948c.316-.546 2.284-.766 2.855-.946m-5.45-4.572l2.536-1.48m-6-.48V5m6 10.5l-2.536-1.48M5.994 15.5L8.566 14m3.428 5v-3.021M8.566 10L5.994 8.5"/><path d="M15.496 11.731c0-.845 0-1.267-.202-1.615c-.2-.349-.567-.56-1.299-.982l-.463-.268c-.732-.423-1.098-.634-1.5-.634s-.768.211-1.5.634l-.464.268c-.732.422-1.098.634-1.3.982c-.2.348-.2.77-.2 1.616v.536c0 .845 0 1.268.2 1.616c.202.348.568.56 1.3.982l.464.268c.732.422 1.098.634 1.5.634s.768-.212 1.5-.634l.464-.268c.732-.423 1.098-.634 1.299-.982s.2-.771.2-1.617z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="M14.244 3.006c-.443.404-1.623 1.995-2.253 1.994c-.63 0-1.805-1.595-2.247-2m4.5 17.994c-.443-.404-1.623-1.995-2.253-1.994c-.63 0-1.805 1.596-2.247 2M20.908 9.452c-.571-.182-2.539-.408-2.853-.954c-.315-.547.479-2.361.608-2.946M5.33 18.446c.128-.586.916-2.403.6-2.948c-.316-.546-2.284-.766-2.855-.946m.001-5.1c.57-.182 2.539-.408 2.853-.954s-.479-2.361-.608-2.946m13.332 12.894c-.128-.586-.916-2.403-.6-2.948c.316-.546 2.284-.766 2.855-.946m-5.45-4.572l2.536-1.48m-6-.48V5m6 10.5l-2.536-1.48M5.994 15.5L8.566 14m3.428 5v-3.021M8.566 10L5.994 8.5"/><path d="M15.496 11.731c0-.845 0-1.267-.202-1.615c-.2-.349-.567-.56-1.299-.982l-.463-.268c-.732-.423-1.098-.634-1.5-.634s-.768.211-1.5.634l-.464.268c-.732.422-1.098.634-1.3.982c-.2.348-.2.77-.2 1.616v.536c0 .845 0 1.268.2 1.616c.202.348.568.56 1.3.982l.464.268c.732.422 1.098.634 1.5.634s.768-.212 1.5-.634l.464-.268c.732-.423 1.098-.634 1.299-.982s.2-.771.2-1.617z"/></g></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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.244%203.006c-.443.404-1.623%201.995-2.253%201.994c-.63%200-1.805-1.595-2.247-2m4.5%2017.994c-.443-.404-1.623-1.995-2.253-1.994c-.63%200-1.805%201.596-2.247%202M20.908%209.452c-.571-.182-2.539-.408-2.853-.954c-.315-.547.479-2.361.608-2.946M5.33%2018.446c.128-.586.916-2.403.6-2.948c-.316-.546-2.284-.766-2.855-.946m.001-5.1c.57-.182%202.539-.408%202.853-.954s-.479-2.361-.608-2.946m13.332%2012.894c-.128-.586-.916-2.403-.6-2.948c.316-.546%202.284-.766%202.855-.946m-5.45-4.572l2.536-1.48m-6-.48V5m6%2010.5l-2.536-1.48M5.994%2015.5L8.566%2014m3.428%205v-3.021M8.566%2010L5.994%208.5%22%2F%3E%3Cpath%20d%3D%22M15.496%2011.731c0-.845%200-1.267-.202-1.615c-.2-.349-.567-.56-1.299-.982l-.463-.268c-.732-.423-1.098-.634-1.5-.634s-.768.211-1.5.634l-.464.268c-.732.422-1.098.634-1.3.982c-.2.348-.2.77-.2%201.616v.536c0%20.845%200%201.268.2%201.616c.202.348.568.56%201.3.982l.464.268c.732.422%201.098.634%201.5.634s.768-.212%201.5-.634l.464-.268c.732-.423%201.098-.634%201.299-.982s.2-.771.2-1.617z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.244%203.006c-.443.404-1.623%201.995-2.253%201.994c-.63%200-1.805-1.595-2.247-2m4.5%2017.994c-.443-.404-1.623-1.995-2.253-1.994c-.63%200-1.805%201.596-2.247%202M20.908%209.452c-.571-.182-2.539-.408-2.853-.954c-.315-.547.479-2.361.608-2.946M5.33%2018.446c.128-.586.916-2.403.6-2.948c-.316-.546-2.284-.766-2.855-.946m.001-5.1c.57-.182%202.539-.408%202.853-.954s-.479-2.361-.608-2.946m13.332%2012.894c-.128-.586-.916-2.403-.6-2.948c.316-.546%202.284-.766%202.855-.946m-5.45-4.572l2.536-1.48m-6-.48V5m6%2010.5l-2.536-1.48M5.994%2015.5L8.566%2014m3.428%205v-3.021M8.566%2010L5.994%208.5%22%2F%3E%3Cpath%20d%3D%22M15.496%2011.731c0-.845%200-1.267-.202-1.615c-.2-.349-.567-.56-1.299-.982l-.463-.268c-.732-.423-1.098-.634-1.5-.634s-.768.211-1.5.634l-.464.268c-.732.422-1.098.634-1.3.982c-.2.348-.2.77-.2%201.616v.536c0%20.845%200%201.268.2%201.616c.202.348.568.56%201.3.982l.464.268c.732.422%201.098.634%201.5.634s.768-.212%201.5-.634l.464-.268c.732-.423%201.098-.634%201.299-.982s.2-.771.2-1.617z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/snowflake.svg?color=%231a73e8&size=48
