gentleface

Gentleface › Photo & image › hdr-auto

hdr-auto icon

Hdr auto: auto hdr. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

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="M2.061 5.96L2.061 8L1 8L1 3L2.061 3L2.061 4.986L3.889 4.986L3.889 3L4.95 3L4.95 8L3.889 8L3.889 5.96L2.061 5.96ZM7.813 3C8.239 3 8.613 3.093 8.935 3.279C9.261 3.468 9.513 3.75 9.69 4.126C9.863 4.494 9.95 4.952 9.95 5.5C9.95 6.048 9.863 6.506 9.69 6.874C9.513 7.25 9.261 7.532 8.935 7.721C8.613 7.907 8.239 8 7.813 8L6 8L6 3L7.813 3ZM14.883 8L13.697 8L12.761 6.108L12.061 6.108L12.061 8L11 8L11 3L13.177 3C13.486 3 13.751 3.062 13.974 3.187C14.199 3.314 14.374 3.495 14.501 3.729C14.625 3.96 14.687 4.236 14.687 4.557C14.687 4.916 14.601 5.223 14.43 5.479C14.285 5.694 14.088 5.854 13.839 5.96L14.883 8ZM13.123 3.967L12.061 3.967L12.061 5.161L13.123 5.161C13.226 5.161 13.312 5.144 13.383 5.109C13.448 5.078 13.497 5.032 13.531 4.972C13.568 4.907 13.586 4.825 13.586 4.726L13.586 4.402C13.586 4.299 13.568 4.216 13.532 4.154C13.498 4.095 13.449 4.05 13.384 4.019C13.313 3.984 13.226 3.967 13.123 3.967ZM7.813 3.973L7.061 3.973L7.061 7.027L7.813 7.027C8.02 7.027 8.201 6.984 8.356 6.898C8.507 6.814 8.623 6.689 8.706 6.524C8.792 6.352 8.835 6.136 8.835 5.877L8.835 5.123C8.835 4.864 8.792 4.648 8.706 4.476C8.623 4.311 8.507 4.186 8.356 4.102C8.201 4.016 8.02 3.973 7.813 3.973ZM13.887 15L13.477 13.727L11.937 13.727L11.52 15L10.433 15L12.139 10L13.302 10L15 15L13.887 15ZM13.189 12.774L12.79 11.577L12.7 11.294L12.611 11.575L12.211 12.774L13.189 12.774Z"/></svg>
React
// Gentleface "hdr-auto" (line-round), MIT. https://gentleface.com/icons/hdr-auto
import type { SVGProps } from 'react';

export function HdrAutoIcon(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="M2.061 5.96L2.061 8L1 8L1 3L2.061 3L2.061 4.986L3.889 4.986L3.889 3L4.95 3L4.95 8L3.889 8L3.889 5.96L2.061 5.96ZM7.813 3C8.239 3 8.613 3.093 8.935 3.279C9.261 3.468 9.513 3.75 9.69 4.126C9.863 4.494 9.95 4.952 9.95 5.5C9.95 6.048 9.863 6.506 9.69 6.874C9.513 7.25 9.261 7.532 8.935 7.721C8.613 7.907 8.239 8 7.813 8L6 8L6 3L7.813 3ZM14.883 8L13.697 8L12.761 6.108L12.061 6.108L12.061 8L11 8L11 3L13.177 3C13.486 3 13.751 3.062 13.974 3.187C14.199 3.314 14.374 3.495 14.501 3.729C14.625 3.96 14.687 4.236 14.687 4.557C14.687 4.916 14.601 5.223 14.43 5.479C14.285 5.694 14.088 5.854 13.839 5.96L14.883 8ZM13.123 3.967L12.061 3.967L12.061 5.161L13.123 5.161C13.226 5.161 13.312 5.144 13.383 5.109C13.448 5.078 13.497 5.032 13.531 4.972C13.568 4.907 13.586 4.825 13.586 4.726L13.586 4.402C13.586 4.299 13.568 4.216 13.532 4.154C13.498 4.095 13.449 4.05 13.384 4.019C13.313 3.984 13.226 3.967 13.123 3.967ZM7.813 3.973L7.061 3.973L7.061 7.027L7.813 7.027C8.02 7.027 8.201 6.984 8.356 6.898C8.507 6.814 8.623 6.689 8.706 6.524C8.792 6.352 8.835 6.136 8.835 5.877L8.835 5.123C8.835 4.864 8.792 4.648 8.706 4.476C8.623 4.311 8.507 4.186 8.356 4.102C8.201 4.016 8.02 3.973 7.813 3.973ZM13.887 15L13.477 13.727L11.937 13.727L11.52 15L10.433 15L12.139 10L13.302 10L15 15L13.887 15ZM13.189 12.774L12.79 11.577L12.7 11.294L12.611 11.575L12.211 12.774L13.189 12.774Z" />
    </svg>
  );
}
Vue
Vue: see /icons/hdr-auto.md
Svelte
Svelte: see /icons/hdr-auto.md
HTML img
HTML img: see /icons/hdr-auto.md
CSS
CSS: see /icons/hdr-auto.md
Data URL
Data URL: see /icons/hdr-auto.md
Sprite
Sprite: see /icons/hdr-auto.md
SwiftUI
SwiftUI: see /icons/hdr-auto.md
Compose
Compose: see /icons/hdr-auto.md
Android XML
Android XML: see /icons/hdr-auto.md
Flutter
Flutter: see /icons/hdr-auto.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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
auto hdr
Tags
hdr, auto hdr, high-dynamic-range, automatic, auto, camera, photo, exposure, a
Category
Photo & image
Component name
HdrAutoIcon
History
  • 20 px drawn, 24 px drawn, added

Family 2

hdrhdr-off

More photo & image icons

aperture background-remove background-remove-stripes background-replace blur blur-circular blur-linear blur-motion blur-off bolt-auto camera camera-alert camera-arrow-up camera-gear camera-link camera-off · all photo & image icons

For agents

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