gentleface

Gentleface › Home & household › blinds-open

blinds-open icon

Blinds open: open blinds, raise blinds, blinds up, open curtains. 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="M1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L13.5 1C13.641 1 13.759 1.048 13.856 1.144C13.952 1.241 14 1.359 14 1.5C14 1.641 13.952 1.759 13.856 1.856C13.759 1.952 13.641 2 13.5 2L13 2L13 5C13 5.276 12.902 5.512 12.707 5.707C12.512 5.902 12.276 6 12 6L8 6L8 12C8.276 12 8.512 12.098 8.707 12.293C8.902 12.488 9 12.724 9 13L9 14C9 14.276 8.902 14.512 8.707 14.707C8.512 14.902 8.276 15 8 15L7 15C6.724 15 6.488 14.902 6.293 14.707C6.098 14.512 6 14.276 6 14L6 13C6 12.724 6.098 12.488 6.293 12.293C6.488 12.098 6.724 12 7 12L7 6L3 6C2.724 6 2.488 5.902 2.293 5.707C2.098 5.512 2 5.276 2 5L2 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856ZM12 3L12 2L3 2L3 3L12 3ZM12 5L12 4L3 4L3 5L12 5Z"/></svg>
React
// Gentleface "blinds-open" (line-round), MIT. https://gentleface.com/icons/blinds-open
import type { SVGProps } from 'react';

export function BlindsOpenIcon(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="M1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L13.5 1C13.641 1 13.759 1.048 13.856 1.144C13.952 1.241 14 1.359 14 1.5C14 1.641 13.952 1.759 13.856 1.856C13.759 1.952 13.641 2 13.5 2L13 2L13 5C13 5.276 12.902 5.512 12.707 5.707C12.512 5.902 12.276 6 12 6L8 6L8 12C8.276 12 8.512 12.098 8.707 12.293C8.902 12.488 9 12.724 9 13L9 14C9 14.276 8.902 14.512 8.707 14.707C8.512 14.902 8.276 15 8 15L7 15C6.724 15 6.488 14.902 6.293 14.707C6.098 14.512 6 14.276 6 14L6 13C6 12.724 6.098 12.488 6.293 12.293C6.488 12.098 6.724 12 7 12L7 6L3 6C2.724 6 2.488 5.902 2.293 5.707C2.098 5.512 2 5.276 2 5L2 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856ZM12 3L12 2L3 2L3 3L12 3ZM12 5L12 4L3 4L3 5L12 5Z" />
    </svg>
  );
}
Vue
Vue: see /icons/blinds-open.md
Svelte
Svelte: see /icons/blinds-open.md
HTML img
HTML img: see /icons/blinds-open.md
CSS
CSS: see /icons/blinds-open.md
Data URL
Data URL: see /icons/blinds-open.md
Sprite
Sprite: see /icons/blinds-open.md
SwiftUI
SwiftUI: see /icons/blinds-open.md
Compose
Compose: see /icons/blinds-open.md
Android XML
Android XML: see /icons/blinds-open.md
Flutter
Flutter: see /icons/blinds-open.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
open blinds, raise blinds, blinds up, open curtains
Alternatives
  • blinds: the lowered or closed state
Also fits
  • blinds: the raised or opened state
Tags
blinds, open blinds, raise blinds, raised, window blind, shades, roller blind, window covering, smart home
Category
Home & household
Component name
BlindsOpenIcon
History
  • 20 px drawn, 24 px drawn, added

Family 1

More home & household icons

For agents

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