Hover the icon or press Play. Suggested motion: rock. Pick another to preview it and update the animated code:

Weather Icons · WiNightAltSleet

Night Alt Sleet icon

A free night alt sleet icon from Weather Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asmoon icon dark icon dark mode icon sleep icon

License: SIL OFL 1.1 license
Project: erikflowers.github.io

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/weather-icons/night-alt-sleet.json

components/icons/weather-icons-night-alt-sleet.tsx

import * as React from "react";

/**
 * Night Alt Sleet from Weather Icons (https://erikflowers.github.io/weather-icons/), SIL OFL 1.1.
 * Via Cuelark UI: ui.cuelark.com/icons/weather-icons/night-alt-sleet. Sized in em, colored by currentColor.
 */
export function WiNightAltSleetIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      id="Layer_1"
      x="0px"
      y="0px"
      viewBox="0 0 30 30"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.09,17.13v-0.37c0.04-1.12,0.42-2.11,1.13-2.97c0.71-0.86,1.61-1.42,2.68-1.67c0.31-1.36,1.02-2.48,2.11-3.36
	s2.35-1.31,3.76-1.31c0.74,0,1.53,0.15,2.38,0.46c0.28-0.46,0.61-0.86,0.99-1.2c0.38-0.34,0.77-0.6,1.18-0.79
	c0.41-0.18,0.8-0.32,1.19-0.4c0.38-0.08,0.76-0.12,1.13-0.12c0.39,0,0.8,0.04,1.24,0.13l0.8,0.25c0.12,0.06,0.17,0.13,0.14,0.23
	L22.7,6.63c-0.07,0.29-0.1,0.57-0.1,0.84c0,0.31,0.05,0.62,0.15,0.95c0.1,0.32,0.24,0.64,0.44,0.95s0.46,0.59,0.8,0.85
	c0.34,0.26,0.72,0.45,1.16,0.58l0.62,0.17c0.1,0.03,0.15,0.08,0.15,0.16c0,0.04,0,0.06-0.01,0.07l-0.19,0.68
	c-0.24,1.01-0.75,1.89-1.51,2.62c0.44,0.76,0.66,1.58,0.66,2.45c0,1.34-0.46,2.49-1.39,3.45c-0.93,0.97-2.06,1.47-3.39,1.51
	c-0.12,0-0.19-0.06-0.19-0.19v-1.36c0-0.12,0.06-0.18,0.19-0.18c0.87-0.06,1.6-0.41,2.2-1.03c0.6-0.62,0.9-1.36,0.9-2.21
	c0-0.89-0.32-1.66-0.97-2.29s-1.42-0.95-2.33-0.95h-1.62c-0.11,0-0.17-0.06-0.17-0.18l-0.07-0.58c-0.11-1.07-0.58-1.98-1.4-2.71
	c-0.82-0.73-1.77-1.1-2.86-1.1c-1.09,0-2.05,0.37-2.85,1.1c-0.81,0.73-1.27,1.64-1.37,2.72l-0.07,0.52c0,0.11-0.07,0.17-0.2,0.17
	l-0.53,0.07c-0.84,0.1-1.54,0.46-2.1,1.07c-0.57,0.62-0.85,1.34-0.85,2.17v0.02l0.01,0.01h0.02C5.83,17.5,5.95,18,6.19,18.46
	c0.24,0.46,0.56,0.84,0.97,1.14h0.01l0.01,0.01l0.01,0.01c0.22,0.16,0.42,0.27,0.62,0.35c0.34,0.15,0.69,0.23,1.07,0.24
	c0.11,0,0.17,0.06,0.17,0.17v1.34c0,0.12-0.06,0.18-0.17,0.18c-0.93-0.04-1.78-0.32-2.55-0.82H6.32c-0.66-0.43-1.19-0.99-1.59-1.69
	C4.33,18.69,4.12,17.94,4.09,17.13z M9.59,24.1c0-0.03,0.01-0.07,0.02-0.13s0.02-0.09,0.02-0.12l0.09-0.59
	c0.07-0.24,0.2-0.41,0.41-0.53s0.43-0.14,0.68-0.08c0.23,0.07,0.39,0.21,0.51,0.41c0.11,0.21,0.13,0.42,0.07,0.63l-0.14,0.6
	c-0.1,0.43-0.35,0.65-0.76,0.65c-0.03,0-0.08,0-0.15-0.01c-0.07-0.01-0.11-0.01-0.13-0.01c-0.21-0.06-0.36-0.17-0.46-0.33
	C9.64,24.43,9.59,24.27,9.59,24.1z M10.33,21.16c0-0.24,0.08-0.43,0.23-0.59s0.35-0.23,0.59-0.23s0.43,0.08,0.59,0.23
	s0.23,0.35,0.23,0.59c0,0.23-0.08,0.43-0.23,0.58s-0.35,0.23-0.59,0.23c-0.23,0-0.42-0.08-0.57-0.25
	C10.42,21.57,10.33,21.38,10.33,21.16z M11.97,27.16c0-0.04,0.01-0.11,0.04-0.22l0.13-0.59c0.07-0.23,0.21-0.4,0.41-0.51
	c0.21-0.12,0.42-0.14,0.63-0.07c0.23,0.04,0.41,0.17,0.53,0.37c0.12,0.2,0.15,0.43,0.08,0.68l-0.13,0.59
	c-0.1,0.41-0.37,0.61-0.8,0.61c-0.07,0-0.16-0.01-0.24-0.03c-0.22-0.06-0.38-0.17-0.49-0.33C12.03,27.49,11.97,27.33,11.97,27.16z
	 M12.76,24.25c0-0.23,0.08-0.42,0.23-0.58c0.16-0.16,0.35-0.23,0.59-0.23s0.43,0.08,0.59,0.23c0.16,0.16,0.23,0.35,0.23,0.58
	c0,0.24-0.08,0.43-0.23,0.59c-0.16,0.16-0.35,0.23-0.59,0.23c-0.23,0-0.42-0.08-0.58-0.24C12.84,24.67,12.76,24.48,12.76,24.25z
	 M13.38,21.98c0-0.09,0.01-0.18,0.03-0.27l0.23-0.9c0.07-0.23,0.21-0.41,0.41-0.53c0.21-0.12,0.42-0.15,0.64-0.08
	c0.24,0.07,0.41,0.2,0.53,0.4c0.12,0.2,0.14,0.41,0.07,0.63l-0.26,0.9c-0.08,0.28-0.22,0.46-0.41,0.56
	c-0.19,0.1-0.41,0.12-0.64,0.06c-0.2-0.04-0.35-0.14-0.45-0.3C13.41,22.29,13.37,22.13,13.38,21.98z M16.14,24.12
	c0-0.03,0-0.08,0.01-0.13s0.01-0.09,0.01-0.11l0.09-0.59c0.07-0.24,0.2-0.41,0.41-0.53s0.43-0.14,0.68-0.08
	c0.23,0.07,0.4,0.21,0.51,0.41c0.12,0.21,0.14,0.42,0.07,0.63l-0.14,0.6c-0.1,0.44-0.35,0.66-0.76,0.66c-0.03,0-0.08-0.01-0.14-0.02
	c-0.06-0.01-0.11-0.02-0.14-0.02c-0.2-0.06-0.35-0.17-0.45-0.33S16.14,24.29,16.14,24.12z M16.88,21.18c0-0.24,0.08-0.43,0.23-0.59
	s0.35-0.23,0.59-0.23c0.24,0,0.43,0.08,0.59,0.23c0.16,0.16,0.23,0.35,0.23,0.59c0,0.23-0.08,0.42-0.23,0.58
	c-0.16,0.16-0.35,0.23-0.59,0.23c-0.24,0-0.43-0.08-0.58-0.24C16.97,21.6,16.88,21.41,16.88,21.18z M17.59,8.82
	c1.04,0.85,1.7,1.9,1.98,3.16h0.33c1.23,0,2.3,0.39,3.22,1.18c0.34-0.31,0.59-0.65,0.76-1.04c-0.62-0.3-1.15-0.7-1.61-1.21
	c-0.45-0.51-0.79-1.06-1.02-1.66c-0.23-0.6-0.34-1.22-0.34-1.86V7.09h-0.22c-0.62,0-1.21,0.15-1.77,0.45
	C18.36,7.84,17.92,8.27,17.59,8.82z"
      />
    </svg>
  );
}

With react-icons

import { WiNightAltSleet } from "react-icons/wi";

export function Example() {
  return <WiNightAltSleet className="size-5" />;
}

night-alt-sleet.svg

<svg
  version="1.1"
  id="Layer_1"
  x="0px"
  y="0px"
  viewBox="0 0 30 30"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M4.09,17.13v-0.37c0.04-1.12,0.42-2.11,1.13-2.97c0.71-0.86,1.61-1.42,2.68-1.67c0.31-1.36,1.02-2.48,2.11-3.36
	s2.35-1.31,3.76-1.31c0.74,0,1.53,0.15,2.38,0.46c0.28-0.46,0.61-0.86,0.99-1.2c0.38-0.34,0.77-0.6,1.18-0.79
	c0.41-0.18,0.8-0.32,1.19-0.4c0.38-0.08,0.76-0.12,1.13-0.12c0.39,0,0.8,0.04,1.24,0.13l0.8,0.25c0.12,0.06,0.17,0.13,0.14,0.23
	L22.7,6.63c-0.07,0.29-0.1,0.57-0.1,0.84c0,0.31,0.05,0.62,0.15,0.95c0.1,0.32,0.24,0.64,0.44,0.95s0.46,0.59,0.8,0.85
	c0.34,0.26,0.72,0.45,1.16,0.58l0.62,0.17c0.1,0.03,0.15,0.08,0.15,0.16c0,0.04,0,0.06-0.01,0.07l-0.19,0.68
	c-0.24,1.01-0.75,1.89-1.51,2.62c0.44,0.76,0.66,1.58,0.66,2.45c0,1.34-0.46,2.49-1.39,3.45c-0.93,0.97-2.06,1.47-3.39,1.51
	c-0.12,0-0.19-0.06-0.19-0.19v-1.36c0-0.12,0.06-0.18,0.19-0.18c0.87-0.06,1.6-0.41,2.2-1.03c0.6-0.62,0.9-1.36,0.9-2.21
	c0-0.89-0.32-1.66-0.97-2.29s-1.42-0.95-2.33-0.95h-1.62c-0.11,0-0.17-0.06-0.17-0.18l-0.07-0.58c-0.11-1.07-0.58-1.98-1.4-2.71
	c-0.82-0.73-1.77-1.1-2.86-1.1c-1.09,0-2.05,0.37-2.85,1.1c-0.81,0.73-1.27,1.64-1.37,2.72l-0.07,0.52c0,0.11-0.07,0.17-0.2,0.17
	l-0.53,0.07c-0.84,0.1-1.54,0.46-2.1,1.07c-0.57,0.62-0.85,1.34-0.85,2.17v0.02l0.01,0.01h0.02C5.83,17.5,5.95,18,6.19,18.46
	c0.24,0.46,0.56,0.84,0.97,1.14h0.01l0.01,0.01l0.01,0.01c0.22,0.16,0.42,0.27,0.62,0.35c0.34,0.15,0.69,0.23,1.07,0.24
	c0.11,0,0.17,0.06,0.17,0.17v1.34c0,0.12-0.06,0.18-0.17,0.18c-0.93-0.04-1.78-0.32-2.55-0.82H6.32c-0.66-0.43-1.19-0.99-1.59-1.69
	C4.33,18.69,4.12,17.94,4.09,17.13z M9.59,24.1c0-0.03,0.01-0.07,0.02-0.13s0.02-0.09,0.02-0.12l0.09-0.59
	c0.07-0.24,0.2-0.41,0.41-0.53s0.43-0.14,0.68-0.08c0.23,0.07,0.39,0.21,0.51,0.41c0.11,0.21,0.13,0.42,0.07,0.63l-0.14,0.6
	c-0.1,0.43-0.35,0.65-0.76,0.65c-0.03,0-0.08,0-0.15-0.01c-0.07-0.01-0.11-0.01-0.13-0.01c-0.21-0.06-0.36-0.17-0.46-0.33
	C9.64,24.43,9.59,24.27,9.59,24.1z M10.33,21.16c0-0.24,0.08-0.43,0.23-0.59s0.35-0.23,0.59-0.23s0.43,0.08,0.59,0.23
	s0.23,0.35,0.23,0.59c0,0.23-0.08,0.43-0.23,0.58s-0.35,0.23-0.59,0.23c-0.23,0-0.42-0.08-0.57-0.25
	C10.42,21.57,10.33,21.38,10.33,21.16z M11.97,27.16c0-0.04,0.01-0.11,0.04-0.22l0.13-0.59c0.07-0.23,0.21-0.4,0.41-0.51
	c0.21-0.12,0.42-0.14,0.63-0.07c0.23,0.04,0.41,0.17,0.53,0.37c0.12,0.2,0.15,0.43,0.08,0.68l-0.13,0.59
	c-0.1,0.41-0.37,0.61-0.8,0.61c-0.07,0-0.16-0.01-0.24-0.03c-0.22-0.06-0.38-0.17-0.49-0.33C12.03,27.49,11.97,27.33,11.97,27.16z
	 M12.76,24.25c0-0.23,0.08-0.42,0.23-0.58c0.16-0.16,0.35-0.23,0.59-0.23s0.43,0.08,0.59,0.23c0.16,0.16,0.23,0.35,0.23,0.58
	c0,0.24-0.08,0.43-0.23,0.59c-0.16,0.16-0.35,0.23-0.59,0.23c-0.23,0-0.42-0.08-0.58-0.24C12.84,24.67,12.76,24.48,12.76,24.25z
	 M13.38,21.98c0-0.09,0.01-0.18,0.03-0.27l0.23-0.9c0.07-0.23,0.21-0.41,0.41-0.53c0.21-0.12,0.42-0.15,0.64-0.08
	c0.24,0.07,0.41,0.2,0.53,0.4c0.12,0.2,0.14,0.41,0.07,0.63l-0.26,0.9c-0.08,0.28-0.22,0.46-0.41,0.56
	c-0.19,0.1-0.41,0.12-0.64,0.06c-0.2-0.04-0.35-0.14-0.45-0.3C13.41,22.29,13.37,22.13,13.38,21.98z M16.14,24.12
	c0-0.03,0-0.08,0.01-0.13s0.01-0.09,0.01-0.11l0.09-0.59c0.07-0.24,0.2-0.41,0.41-0.53s0.43-0.14,0.68-0.08
	c0.23,0.07,0.4,0.21,0.51,0.41c0.12,0.21,0.14,0.42,0.07,0.63l-0.14,0.6c-0.1,0.44-0.35,0.66-0.76,0.66c-0.03,0-0.08-0.01-0.14-0.02
	c-0.06-0.01-0.11-0.02-0.14-0.02c-0.2-0.06-0.35-0.17-0.45-0.33S16.14,24.29,16.14,24.12z M16.88,21.18c0-0.24,0.08-0.43,0.23-0.59
	s0.35-0.23,0.59-0.23c0.24,0,0.43,0.08,0.59,0.23c0.16,0.16,0.23,0.35,0.23,0.59c0,0.23-0.08,0.42-0.23,0.58
	c-0.16,0.16-0.35,0.23-0.59,0.23c-0.24,0-0.43-0.08-0.58-0.24C16.97,21.6,16.88,21.41,16.88,21.18z M17.59,8.82
	c1.04,0.85,1.7,1.9,1.98,3.16h0.33c1.23,0,2.3,0.39,3.22,1.18c0.34-0.31,0.59-0.65,0.76-1.04c-0.62-0.3-1.15-0.7-1.61-1.21
	c-0.45-0.51-0.79-1.06-1.02-1.66c-0.23-0.6-0.34-1.22-0.34-1.86V7.09h-0.22c-0.62,0-1.21,0.15-1.77,0.45
	C18.36,7.84,17.92,8.27,17.59,8.82z"
  />
</svg>

Attribution

"Night Alt Sleet" icon from Weather Icons (https://erikflowers.github.io/weather-icons/), licensed under SIL OFL 1.1 license.

Related icons: moon, dark, dark mode, sleep

Similar Weather Icons icons