Gentleface › Weather › sun-snow

sun-snow icon

Sun snow: heat cool mode, all seasons, heat cool, auto climate. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.691L9.276 2.053C9.402 1.99 9.53 1.98 9.659 2.023C9.788 2.066 9.884 2.15 9.947 2.276C10.01 2.402 10.02 2.53 9.977 2.659C9.934 2.788 9.85 2.884 9.724 2.947L8 3.809L8 6.691L11 5.191L11 3.5C11 3.359 11.048 3.241 11.144 3.144C11.241 3.048 11.359 3 11.5 3C11.641 3 11.759 3.048 11.856 3.144C11.952 3.241 12 3.359 12 3.5L12 4.691L13.276 4.053C13.402 3.99 13.53 3.98 13.659 4.023C13.788 4.066 13.884 4.15 13.947 4.276C14.009 4.4 14.018 4.527 13.974 4.658C13.931 4.789 13.847 4.885 13.724 4.947L12.618 5.5L13.724 6.053C13.847 6.115 13.931 6.211 13.974 6.342C14.018 6.473 14.009 6.6 13.947 6.724C13.884 6.85 13.788 6.934 13.659 6.977C13.53 7.02 13.402 7.01 13.276 6.947L11.5 6.059L8.618 7.5L11.5 8.941L13.276 8.053C13.4 7.991 13.527 7.982 13.658 8.026C13.789 8.069 13.885 8.153 13.947 8.276C14.01 8.402 14.02 8.53 13.977 8.659C13.934 8.788 13.85 8.884 13.724 8.947L12.618 9.5L13.724 10.053C13.85 10.116 13.934 10.212 13.977 10.341C14.02 10.47 14.01 10.598 13.947 10.724C13.884 10.85 13.788 10.934 13.659 10.977C13.53 11.02 13.402 11.01 13.276 10.947L12 10.309L12 11.5C12 11.641 11.952 11.759 11.856 11.856C11.759 11.952 11.641 12 11.5 12C11.359 12 11.241 11.952 11.144 11.856C11.048 11.759 11 11.641 11 11.5L11 9.809L8 8.309L8 11.191L9.724 12.053C9.85 12.116 9.934 12.212 9.977 12.341C10.02 12.47 10.01 12.598 9.947 12.724C9.884 12.85 9.788 12.934 9.659 12.977C9.53 13.02 9.402 13.01 9.276 12.947L8 12.309L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.359 14 7.241 13.952 7.144 13.856C7.048 13.759 7 13.641 7 13.5L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1ZM2 2.5C2 2.362 2.049 2.244 2.146 2.146C2.244 2.049 2.362 2 2.5 2C2.638 2 2.756 2.049 2.854 2.146L3.854 3.146C3.953 3.246 4.003 3.364 4.003 3.5C4.003 3.636 3.953 3.754 3.854 3.854C3.754 3.953 3.636 4.003 3.5 4.003C3.364 4.003 3.246 3.953 3.146 3.854L2.146 2.854C2.049 2.756 2 2.638 2 2.5ZM5 7.5C5 7.947 5.112 8.363 5.335 8.75C5.558 9.137 5.863 9.442 6.25 9.665C6.37 9.734 6.447 9.835 6.483 9.969C6.519 10.102 6.502 10.229 6.433 10.348C6.364 10.468 6.263 10.545 6.129 10.581C5.996 10.617 5.87 10.6 5.75 10.531C5.209 10.218 4.782 9.791 4.469 9.25C4.156 8.709 4 8.125 4 7.5C4 6.875 4.156 6.291 4.469 5.75C4.782 5.209 5.209 4.782 5.75 4.469C5.872 4.398 5.999 4.381 6.13 4.416C6.262 4.451 6.363 4.53 6.433 4.652C6.503 4.774 6.521 4.901 6.486 5.032C6.451 5.164 6.372 5.264 6.25 5.335C5.863 5.558 5.558 5.863 5.335 6.25C5.112 6.637 5 7.053 5 7.5ZM3 7.5C3 7.641 2.952 7.759 2.856 7.856C2.759 7.952 2.641 8 2.5 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L2.5 7C2.641 7 2.759 7.048 2.856 7.144C2.952 7.241 3 7.359 3 7.5ZM2.854 12.854C2.756 12.951 2.638 13 2.5 13C2.362 13 2.244 12.951 2.146 12.854C2.047 12.754 1.997 12.636 1.997 12.5C1.997 12.364 2.047 12.246 2.146 12.146L3.146 11.146C3.244 11.049 3.362 11 3.5 11C3.638 11 3.756 11.049 3.854 11.146C3.953 11.246 4.003 11.364 4.003 11.5C4.003 11.636 3.953 11.754 3.854 11.854L2.854 12.854Z"/></svg>

React

// Gentleface "sun-snow" (line-round), MIT. https://gentleface.com/icons/sun-snow
import type { SVGProps } from 'react';

export function SunSnowIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.691L9.276 2.053C9.402 1.99 9.53 1.98 9.659 2.023C9.788 2.066 9.884 2.15 9.947 2.276C10.01 2.402 10.02 2.53 9.977 2.659C9.934 2.788 9.85 2.884 9.724 2.947L8 3.809L8 6.691L11 5.191L11 3.5C11 3.359 11.048 3.241 11.144 3.144C11.241 3.048 11.359 3 11.5 3C11.641 3 11.759 3.048 11.856 3.144C11.952 3.241 12 3.359 12 3.5L12 4.691L13.276 4.053C13.402 3.99 13.53 3.98 13.659 4.023C13.788 4.066 13.884 4.15 13.947 4.276C14.009 4.4 14.018 4.527 13.974 4.658C13.931 4.789 13.847 4.885 13.724 4.947L12.618 5.5L13.724 6.053C13.847 6.115 13.931 6.211 13.974 6.342C14.018 6.473 14.009 6.6 13.947 6.724C13.884 6.85 13.788 6.934 13.659 6.977C13.53 7.02 13.402 7.01 13.276 6.947L11.5 6.059L8.618 7.5L11.5 8.941L13.276 8.053C13.4 7.991 13.527 7.982 13.658 8.026C13.789 8.069 13.885 8.153 13.947 8.276C14.01 8.402 14.02 8.53 13.977 8.659C13.934 8.788 13.85 8.884 13.724 8.947L12.618 9.5L13.724 10.053C13.85 10.116 13.934 10.212 13.977 10.341C14.02 10.47 14.01 10.598 13.947 10.724C13.884 10.85 13.788 10.934 13.659 10.977C13.53 11.02 13.402 11.01 13.276 10.947L12 10.309L12 11.5C12 11.641 11.952 11.759 11.856 11.856C11.759 11.952 11.641 12 11.5 12C11.359 12 11.241 11.952 11.144 11.856C11.048 11.759 11 11.641 11 11.5L11 9.809L8 8.309L8 11.191L9.724 12.053C9.85 12.116 9.934 12.212 9.977 12.341C10.02 12.47 10.01 12.598 9.947 12.724C9.884 12.85 9.788 12.934 9.659 12.977C9.53 13.02 9.402 13.01 9.276 12.947L8 12.309L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.359 14 7.241 13.952 7.144 13.856C7.048 13.759 7 13.641 7 13.5L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1ZM2 2.5C2 2.362 2.049 2.244 2.146 2.146C2.244 2.049 2.362 2 2.5 2C2.638 2 2.756 2.049 2.854 2.146L3.854 3.146C3.953 3.246 4.003 3.364 4.003 3.5C4.003 3.636 3.953 3.754 3.854 3.854C3.754 3.953 3.636 4.003 3.5 4.003C3.364 4.003 3.246 3.953 3.146 3.854L2.146 2.854C2.049 2.756 2 2.638 2 2.5ZM5 7.5C5 7.947 5.112 8.363 5.335 8.75C5.558 9.137 5.863 9.442 6.25 9.665C6.37 9.734 6.447 9.835 6.483 9.969C6.519 10.102 6.502 10.229 6.433 10.348C6.364 10.468 6.263 10.545 6.129 10.581C5.996 10.617 5.87 10.6 5.75 10.531C5.209 10.218 4.782 9.791 4.469 9.25C4.156 8.709 4 8.125 4 7.5C4 6.875 4.156 6.291 4.469 5.75C4.782 5.209 5.209 4.782 5.75 4.469C5.872 4.398 5.999 4.381 6.13 4.416C6.262 4.451 6.363 4.53 6.433 4.652C6.503 4.774 6.521 4.901 6.486 5.032C6.451 5.164 6.372 5.264 6.25 5.335C5.863 5.558 5.558 5.863 5.335 6.25C5.112 6.637 5 7.053 5 7.5ZM3 7.5C3 7.641 2.952 7.759 2.856 7.856C2.759 7.952 2.641 8 2.5 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L2.5 7C2.641 7 2.759 7.048 2.856 7.144C2.952 7.241 3 7.359 3 7.5ZM2.854 12.854C2.756 12.951 2.638 13 2.5 13C2.362 13 2.244 12.951 2.146 12.854C2.047 12.754 1.997 12.636 1.997 12.5C1.997 12.364 2.047 12.246 2.146 12.146L3.146 11.146C3.244 11.049 3.362 11 3.5 11C3.638 11 3.756 11.049 3.854 11.146C3.953 11.246 4.003 11.364 4.003 11.5C4.003 11.636 3.953 11.754 3.854 11.854L2.854 12.854Z" />
    </svg>
  );
}

Vue

Vue: see /icons/sun-snow.md

Svelte

Svelte: see /icons/sun-snow.md

HTML img

HTML img: see /icons/sun-snow.md

CSS

CSS: see /icons/sun-snow.md

Data URL

Data URL: see /icons/sun-snow.md

Sprite

Sprite: see /icons/sun-snow.md

SwiftUI

SwiftUI: see /icons/sun-snow.md

Compose

Compose: see /icons/sun-snow.md

Android XML

Android XML: see /icons/sun-snow.md

Flutter

Flutter: see /icons/sun-snow.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { SunSnowIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

heat cool mode, all seasons, heat cool, auto climate, thermostat auto, all season, year round

Alternatives

thermostat: climate control, or setting the temperature

Also fits

heater: the heat-cool mode

Tags

heat cool, heating and cooling, auto mode, hvac, climate control, all seasons, all weather, sun, snowflake, hot and cold, thermostat, air conditioning

Category

Weather

Component name

SunSnowIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

Family 22

air-quality celsius fahrenheit flood haze hurricane moon moon-star rainbow snowflake sun sun-dim

More weather icons

cloud-drizzle cloud-fog cloud-hail cloud-lightning cloud-moon cloud-moon-rain cloud-rain cloud-rain-heavy cloud-sleet cloud-snow cloud-sun cloud-sun-rain clouds droplet droplet-alert droplet-off · all weather icons

For agents

Metadata: /icons/sun-snow.json · Markdown: /icons/sun-snow.md · SVG: https://gentleface.com/svg/{style}/16/sun-snow.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/sun-snow.png

sun-snow icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp