Gentleface › Accessibility › sun-dim

sun-dim icon

Sun dim: brightness, brightness low, screen brightness, display brightness. 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="M6.97 1.97C7.116 1.823 7.293 1.75 7.5 1.75C7.707 1.75 7.884 1.823 8.03 1.97C8.177 2.116 8.25 2.293 8.25 2.5C8.25 2.707 8.177 2.884 8.03 3.03C7.884 3.177 7.707 3.25 7.5 3.25C7.293 3.25 7.116 3.177 6.97 3.03C6.823 2.884 6.75 2.707 6.75 2.5C6.75 2.293 6.823 2.116 6.97 1.97ZM4.029 2.968C4.03 2.969 4.031 2.97 4.032 2.971C4.177 3.117 4.25 3.294 4.25 3.5C4.25 3.706 4.177 3.883 4.032 4.029C4.031 4.03 4.03 4.031 4.029 4.032C3.883 4.177 3.706 4.25 3.5 4.25C3.294 4.25 3.117 4.177 2.971 4.032C2.971 4.031 2.97 4.031 2.97 4.03C2.969 4.03 2.969 4.029 2.968 4.029C2.823 3.883 2.75 3.706 2.75 3.5C2.75 3.294 2.823 3.117 2.968 2.971C2.969 2.971 2.969 2.97 2.97 2.97C2.97 2.969 2.971 2.969 2.971 2.968C3.117 2.823 3.294 2.75 3.5 2.75C3.706 2.75 3.883 2.823 4.029 2.968ZM10.968 2.971C10.969 2.97 10.97 2.969 10.971 2.968C11.117 2.823 11.294 2.75 11.5 2.75C11.706 2.75 11.883 2.823 12.029 2.968C12.03 2.969 12.031 2.97 12.032 2.971C12.177 3.117 12.25 3.294 12.25 3.5C12.25 3.706 12.177 3.883 12.032 4.029C12.031 4.03 12.03 4.031 12.029 4.032C11.883 4.177 11.706 4.25 11.5 4.25C11.294 4.25 11.117 4.177 10.971 4.032C10.97 4.031 10.969 4.03 10.968 4.029C10.823 3.883 10.75 3.706 10.75 3.5C10.75 3.294 10.823 3.117 10.968 2.971ZM5.025 5.025C5.367 4.683 5.762 4.424 6.212 4.246C6.625 4.082 7.055 4 7.5 4C7.945 4 8.375 4.082 8.788 4.246C9.238 4.424 9.633 4.683 9.975 5.025C10.317 5.367 10.576 5.762 10.754 6.212C10.918 6.625 11 7.055 11 7.5C11 7.945 10.918 8.375 10.754 8.788C10.576 9.238 10.317 9.633 9.975 9.975C9.633 10.317 9.238 10.576 8.788 10.754C8.375 10.918 7.945 11 7.5 11C7.055 11 6.625 10.918 6.212 10.754C5.762 10.576 5.367 10.317 5.025 9.975C4.683 9.633 4.424 9.238 4.246 8.788C4.082 8.375 4 7.945 4 7.5C4 7.055 4.082 6.625 4.246 6.212C4.424 5.762 4.683 5.367 5.025 5.025ZM5.732 9.268C5.976 9.512 6.259 9.697 6.58 9.824C6.875 9.941 7.182 10 7.5 10C7.818 10 8.125 9.941 8.42 9.824C8.741 9.697 9.024 9.512 9.268 9.268C9.512 9.024 9.697 8.741 9.824 8.42C9.941 8.125 10 7.818 10 7.5C10 7.182 9.941 6.875 9.824 6.58C9.697 6.259 9.512 5.976 9.268 5.732C9.024 5.488 8.741 5.303 8.42 5.176C8.125 5.059 7.818 5 7.5 5C7.182 5 6.875 5.059 6.58 5.176C6.259 5.303 5.976 5.488 5.732 5.732C5.488 5.976 5.303 6.259 5.176 6.58C5.059 6.875 5 7.182 5 7.5C5 7.818 5.059 8.125 5.176 8.42C5.303 8.741 5.488 9.024 5.732 9.268ZM1.97 6.97C2.116 6.823 2.293 6.75 2.5 6.75C2.707 6.75 2.884 6.823 3.03 6.97C3.177 7.116 3.25 7.293 3.25 7.5C3.25 7.707 3.177 7.884 3.03 8.03C2.884 8.177 2.707 8.25 2.5 8.25C2.293 8.25 2.116 8.177 1.97 8.03C1.823 7.884 1.75 7.707 1.75 7.5C1.75 7.293 1.823 7.116 1.97 6.97ZM13.03 6.97C13.177 7.116 13.25 7.293 13.25 7.5C13.25 7.707 13.177 7.884 13.03 8.03C12.884 8.177 12.707 8.25 12.5 8.25C12.293 8.25 12.116 8.177 11.97 8.03C11.823 7.884 11.75 7.707 11.75 7.5C11.75 7.293 11.823 7.116 11.97 6.97C12.116 6.823 12.293 6.75 12.5 6.75C12.707 6.75 12.884 6.823 13.03 6.97ZM2.968 10.971C2.969 10.97 2.97 10.969 2.971 10.968C3.117 10.823 3.294 10.75 3.5 10.75C3.706 10.75 3.883 10.823 4.029 10.968C4.03 10.969 4.031 10.97 4.032 10.971C4.177 11.117 4.25 11.294 4.25 11.5C4.25 11.706 4.177 11.882 4.032 12.029C4.031 12.03 4.03 12.031 4.029 12.032C3.883 12.177 3.706 12.25 3.5 12.25C3.294 12.25 3.117 12.177 2.971 12.032C2.97 12.031 2.969 12.03 2.968 12.029C2.823 11.883 2.75 11.706 2.75 11.5C2.75 11.294 2.823 11.117 2.968 10.971ZM12.029 10.968C12.03 10.969 12.031 10.97 12.032 10.971C12.177 11.117 12.25 11.294 12.25 11.5C12.25 11.706 12.177 11.883 12.032 12.029C12.031 12.03 12.03 12.031 12.029 12.032C11.883 12.177 11.706 12.25 11.5 12.25C11.294 12.25 11.117 12.177 10.971 12.032C10.97 12.031 10.969 12.03 10.968 12.029C10.823 11.883 10.75 11.706 10.75 11.5C10.75 11.294 10.823 11.117 10.968 10.971C10.969 10.97 10.97 10.969 10.971 10.968C11.117 10.823 11.294 10.75 11.5 10.75C11.706 10.75 11.883 10.823 12.029 10.968ZM8.03 11.97C8.177 12.116 8.25 12.293 8.25 12.5C8.25 12.706 8.177 12.883 8.032 13.029C8.031 13.03 8.03 13.031 8.029 13.032C7.883 13.177 7.706 13.25 7.5 13.25C7.294 13.25 7.117 13.177 6.971 13.032C6.97 13.031 6.969 13.03 6.968 13.029C6.823 12.883 6.75 12.706 6.75 12.5C6.75 12.293 6.823 12.116 6.97 11.97C7.116 11.823 7.293 11.75 7.5 11.75C7.707 11.75 7.884 11.823 8.03 11.97Z"/></svg>

React

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

export function SunDimIcon(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="M6.97 1.97C7.116 1.823 7.293 1.75 7.5 1.75C7.707 1.75 7.884 1.823 8.03 1.97C8.177 2.116 8.25 2.293 8.25 2.5C8.25 2.707 8.177 2.884 8.03 3.03C7.884 3.177 7.707 3.25 7.5 3.25C7.293 3.25 7.116 3.177 6.97 3.03C6.823 2.884 6.75 2.707 6.75 2.5C6.75 2.293 6.823 2.116 6.97 1.97ZM4.029 2.968C4.03 2.969 4.031 2.97 4.032 2.971C4.177 3.117 4.25 3.294 4.25 3.5C4.25 3.706 4.177 3.883 4.032 4.029C4.031 4.03 4.03 4.031 4.029 4.032C3.883 4.177 3.706 4.25 3.5 4.25C3.294 4.25 3.117 4.177 2.971 4.032C2.971 4.031 2.97 4.031 2.97 4.03C2.969 4.03 2.969 4.029 2.968 4.029C2.823 3.883 2.75 3.706 2.75 3.5C2.75 3.294 2.823 3.117 2.968 2.971C2.969 2.971 2.969 2.97 2.97 2.97C2.97 2.969 2.971 2.969 2.971 2.968C3.117 2.823 3.294 2.75 3.5 2.75C3.706 2.75 3.883 2.823 4.029 2.968ZM10.968 2.971C10.969 2.97 10.97 2.969 10.971 2.968C11.117 2.823 11.294 2.75 11.5 2.75C11.706 2.75 11.883 2.823 12.029 2.968C12.03 2.969 12.031 2.97 12.032 2.971C12.177 3.117 12.25 3.294 12.25 3.5C12.25 3.706 12.177 3.883 12.032 4.029C12.031 4.03 12.03 4.031 12.029 4.032C11.883 4.177 11.706 4.25 11.5 4.25C11.294 4.25 11.117 4.177 10.971 4.032C10.97 4.031 10.969 4.03 10.968 4.029C10.823 3.883 10.75 3.706 10.75 3.5C10.75 3.294 10.823 3.117 10.968 2.971ZM5.025 5.025C5.367 4.683 5.762 4.424 6.212 4.246C6.625 4.082 7.055 4 7.5 4C7.945 4 8.375 4.082 8.788 4.246C9.238 4.424 9.633 4.683 9.975 5.025C10.317 5.367 10.576 5.762 10.754 6.212C10.918 6.625 11 7.055 11 7.5C11 7.945 10.918 8.375 10.754 8.788C10.576 9.238 10.317 9.633 9.975 9.975C9.633 10.317 9.238 10.576 8.788 10.754C8.375 10.918 7.945 11 7.5 11C7.055 11 6.625 10.918 6.212 10.754C5.762 10.576 5.367 10.317 5.025 9.975C4.683 9.633 4.424 9.238 4.246 8.788C4.082 8.375 4 7.945 4 7.5C4 7.055 4.082 6.625 4.246 6.212C4.424 5.762 4.683 5.367 5.025 5.025ZM5.732 9.268C5.976 9.512 6.259 9.697 6.58 9.824C6.875 9.941 7.182 10 7.5 10C7.818 10 8.125 9.941 8.42 9.824C8.741 9.697 9.024 9.512 9.268 9.268C9.512 9.024 9.697 8.741 9.824 8.42C9.941 8.125 10 7.818 10 7.5C10 7.182 9.941 6.875 9.824 6.58C9.697 6.259 9.512 5.976 9.268 5.732C9.024 5.488 8.741 5.303 8.42 5.176C8.125 5.059 7.818 5 7.5 5C7.182 5 6.875 5.059 6.58 5.176C6.259 5.303 5.976 5.488 5.732 5.732C5.488 5.976 5.303 6.259 5.176 6.58C5.059 6.875 5 7.182 5 7.5C5 7.818 5.059 8.125 5.176 8.42C5.303 8.741 5.488 9.024 5.732 9.268ZM1.97 6.97C2.116 6.823 2.293 6.75 2.5 6.75C2.707 6.75 2.884 6.823 3.03 6.97C3.177 7.116 3.25 7.293 3.25 7.5C3.25 7.707 3.177 7.884 3.03 8.03C2.884 8.177 2.707 8.25 2.5 8.25C2.293 8.25 2.116 8.177 1.97 8.03C1.823 7.884 1.75 7.707 1.75 7.5C1.75 7.293 1.823 7.116 1.97 6.97ZM13.03 6.97C13.177 7.116 13.25 7.293 13.25 7.5C13.25 7.707 13.177 7.884 13.03 8.03C12.884 8.177 12.707 8.25 12.5 8.25C12.293 8.25 12.116 8.177 11.97 8.03C11.823 7.884 11.75 7.707 11.75 7.5C11.75 7.293 11.823 7.116 11.97 6.97C12.116 6.823 12.293 6.75 12.5 6.75C12.707 6.75 12.884 6.823 13.03 6.97ZM2.968 10.971C2.969 10.97 2.97 10.969 2.971 10.968C3.117 10.823 3.294 10.75 3.5 10.75C3.706 10.75 3.883 10.823 4.029 10.968C4.03 10.969 4.031 10.97 4.032 10.971C4.177 11.117 4.25 11.294 4.25 11.5C4.25 11.706 4.177 11.882 4.032 12.029C4.031 12.03 4.03 12.031 4.029 12.032C3.883 12.177 3.706 12.25 3.5 12.25C3.294 12.25 3.117 12.177 2.971 12.032C2.97 12.031 2.969 12.03 2.968 12.029C2.823 11.883 2.75 11.706 2.75 11.5C2.75 11.294 2.823 11.117 2.968 10.971ZM12.029 10.968C12.03 10.969 12.031 10.97 12.032 10.971C12.177 11.117 12.25 11.294 12.25 11.5C12.25 11.706 12.177 11.883 12.032 12.029C12.031 12.03 12.03 12.031 12.029 12.032C11.883 12.177 11.706 12.25 11.5 12.25C11.294 12.25 11.117 12.177 10.971 12.032C10.97 12.031 10.969 12.03 10.968 12.029C10.823 11.883 10.75 11.706 10.75 11.5C10.75 11.294 10.823 11.117 10.968 10.971C10.969 10.97 10.97 10.969 10.971 10.968C11.117 10.823 11.294 10.75 11.5 10.75C11.706 10.75 11.883 10.823 12.029 10.968ZM8.03 11.97C8.177 12.116 8.25 12.293 8.25 12.5C8.25 12.706 8.177 12.883 8.032 13.029C8.031 13.03 8.03 13.031 8.029 13.032C7.883 13.177 7.706 13.25 7.5 13.25C7.294 13.25 7.117 13.177 6.971 13.032C6.97 13.031 6.969 13.03 6.968 13.029C6.823 12.883 6.75 12.706 6.75 12.5C6.75 12.293 6.823 12.116 6.97 11.97C7.116 11.823 7.293 11.75 7.5 11.75C7.707 11.75 7.884 11.823 8.03 11.97Z" />
    </svg>
  );
}

Vue

Vue: see /icons/sun-dim.md

Svelte

Svelte: see /icons/sun-dim.md

HTML img

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

CSS

CSS: see /icons/sun-dim.md

Data URL

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

Sprite

Sprite: see /icons/sun-dim.md

SwiftUI

SwiftUI: see /icons/sun-dim.md

Compose

Compose: see /icons/sun-dim.md

Android XML

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

Flutter

Flutter: see /icons/sun-dim.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.

Meaning

Use it for

brightness, brightness low, screen brightness, display brightness, dim

Alternatives

contrast: contrast rather than brightness

Don’t confuse with

sun: the sun motif means light mode or day, not brightness

Also fits

contrast: brightness rather than contrast
display settings: screen brightness alone (brightness)
lamp: the brightness of a screen or a dimmer level
exposure: screen or display brightness (brightness)

Not for

light mode (use sun): sun-dim is screen brightness
sunny (use sun): sun-dim is screen brightness, not the weather

Tags

brightness, dim, low, sun, screen, display, light

Category

Accessibility

Component name

SunDimIcon

History

2026-10-15 added

Family 16

air-quality haze hurricane moon moon-star rainbow snowflake sun sunrise sunset thermometer thermometer-snowflake

More accessibility icons

accessibility accessibility-alert accessibility-check closed-caption contrast ear ear-off glasses subtitles subtitles-off subtitles-sparkle sun-moon wheelchair wheelchair-off · all accessibility icons

For agents

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

sun-dim icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp