Gentleface › Accessibility › sun-dim-auto

sun-dim-auto icon

Sun dim auto: auto brightness, adaptive 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.97ZM2.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.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.971ZM12.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.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.968ZM5.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.268ZM3.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.97C2.116 6.823 2.293 6.75 2.5 6.75C2.707 6.75 2.884 6.823 3.03 6.97ZM11.97 6.97C12.116 6.823 12.293 6.75 12.5 6.75C12.707 6.75 12.884 6.823 13.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.97ZM11.14 10.264C11.242 10.007 11.391 9.781 11.586 9.586C11.781 9.391 12.007 9.242 12.264 9.14C12.5 9.047 12.746 9 13 9C13.254 9 13.5 9.047 13.736 9.14C13.993 9.242 14.219 9.391 14.414 9.586C14.609 9.781 14.758 10.007 14.86 10.264C14.953 10.5 15 10.746 15 11L15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15C14.359 15 14.241 14.952 14.144 14.856C14.048 14.759 14 14.641 14 14.5L14 13L12 13L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15C11.359 15 11.241 14.952 11.144 14.856C11.048 14.759 11 14.641 11 14.5L11 11C11 10.746 11.047 10.5 11.14 10.264ZM13 10C12.724 10 12.488 10.098 12.293 10.293C12.098 10.488 12 10.724 12 11L12 12L14 12L14 11C14 10.724 13.902 10.488 13.707 10.293C13.512 10.098 13.276 10 13 10ZM2.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.971ZM6.97 11.97C7.116 11.823 7.293 11.75 7.5 11.75C7.707 11.75 7.884 11.823 8.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.97Z"/></svg>

React

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

export function SunDimAutoIcon(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.97ZM2.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.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.971ZM12.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.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.968ZM5.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.268ZM3.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.97C2.116 6.823 2.293 6.75 2.5 6.75C2.707 6.75 2.884 6.823 3.03 6.97ZM11.97 6.97C12.116 6.823 12.293 6.75 12.5 6.75C12.707 6.75 12.884 6.823 13.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.97ZM11.14 10.264C11.242 10.007 11.391 9.781 11.586 9.586C11.781 9.391 12.007 9.242 12.264 9.14C12.5 9.047 12.746 9 13 9C13.254 9 13.5 9.047 13.736 9.14C13.993 9.242 14.219 9.391 14.414 9.586C14.609 9.781 14.758 10.007 14.86 10.264C14.953 10.5 15 10.746 15 11L15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15C14.359 15 14.241 14.952 14.144 14.856C14.048 14.759 14 14.641 14 14.5L14 13L12 13L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15C11.359 15 11.241 14.952 11.144 14.856C11.048 14.759 11 14.641 11 14.5L11 11C11 10.746 11.047 10.5 11.14 10.264ZM13 10C12.724 10 12.488 10.098 12.293 10.293C12.098 10.488 12 10.724 12 11L12 12L14 12L14 11C14 10.724 13.902 10.488 13.707 10.293C13.512 10.098 13.276 10 13 10ZM2.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.971ZM6.97 11.97C7.116 11.823 7.293 11.75 7.5 11.75C7.707 11.75 7.884 11.823 8.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.97Z" />
    </svg>
  );
}

Vue

Vue: see /icons/sun-dim-auto.md

Svelte

Svelte: see /icons/sun-dim-auto.md

HTML img

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

CSS

CSS: see /icons/sun-dim-auto.md

Data URL

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

Sprite

Sprite: see /icons/sun-dim-auto.md

SwiftUI

SwiftUI: see /icons/sun-dim-auto.md

Compose

Compose: see /icons/sun-dim-auto.md

Android XML

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

Flutter

Flutter: see /icons/sun-dim-auto.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 { SunDimAutoIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

auto brightness, adaptive brightness

Tags

sun-dim-auto, auto-brightness, adaptive-brightness, brightness, automatic, auto, screen, display, light-sensor, sun, a

Category

Accessibility

Component name

SunDimAutoIcon

History

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

Since

version 0.2.0

More accessibility icons

accessibility accessibility-alert accessibility-check audio-description blind braille closed-caption contrast ear ear-off ear-sound glasses subtitles subtitles-off subtitles-sparkle sun-dim · all accessibility icons

For agents

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

sun-dim-auto icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More accessibility icons

For agents

sun-dim-auto icon