blind icon

blind from Line Awesome by Icons8 · Line · Users & People · Apache-2.0 Free for personal and commercial use.

Name: blind
Set: Line Awesome
Style: Line
Category: Users & People
Viewbox: 32×32
License: Apache 2.0
Aliases: blind-solid

The same icon in other sets

blindFont Awesome Solid blindMaterial Symbols blindMaterial Symbols Light blindTabler Icons

More users & people icons from Line Awesome

Use the blind icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 3A3.514 3.514 0 0 0 11 6.5c0 1.922 1.578 3.5 3.5 3.5S18 8.422 18 6.5S16.422 3 14.5 3m0 2c.84 0 1.5.66 1.5 1.5S15.34 8 14.5 8S13 7.34 13 6.5S13.66 5 14.5 5m-3.688 5.25c-.515.043-.996.29-1.343.688L7.656 13.03a2 2 0 0 0-.468.969L6.5 17.875l1.969.344l.687-3.875l1.813-2.094H11l.781.156l-1.187 5.375a1.98 1.98 0 0 0 .344 1.594L16.468 27h2.47l-6.375-8.813l1.187-5.406l.469.094l.75 2.625a2.01 2.01 0 0 0 1.219 1.313l2.968 1.125l3.875 8.75l.938-.375L20 17.374l.406-1.094l-3.5-1.343l-.781-2.626a1.98 1.98 0 0 0-1.531-1.406l-3.25-.625a2 2 0 0 0-.531-.031zm-.343 10.781l-.5 1.938L7.063 27H9.53l2.313-3.156l.125-.594z"/></svg>

React

import type { SVGProps } from "react";

export function LaBlind(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 3A3.514 3.514 0 0 0 11 6.5c0 1.922 1.578 3.5 3.5 3.5S18 8.422 18 6.5S16.422 3 14.5 3m0 2c.84 0 1.5.66 1.5 1.5S15.34 8 14.5 8S13 7.34 13 6.5S13.66 5 14.5 5m-3.688 5.25c-.515.043-.996.29-1.343.688L7.656 13.03a2 2 0 0 0-.468.969L6.5 17.875l1.969.344l.687-3.875l1.813-2.094H11l.781.156l-1.187 5.375a1.98 1.98 0 0 0 .344 1.594L16.468 27h2.47l-6.375-8.813l1.187-5.406l.469.094l.75 2.625a2.01 2.01 0 0 0 1.219 1.313l2.968 1.125l3.875 8.75l.938-.375L20 17.374l.406-1.094l-3.5-1.343l-.781-2.626a1.98 1.98 0 0 0-1.531-1.406l-3.25-.625a2 2 0 0 0-.531-.031zm-.343 10.781l-.5 1.938L7.063 27H9.53l2.313-3.156l.125-.594z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 3A3.514 3.514 0 0 0 11 6.5c0 1.922 1.578 3.5 3.5 3.5S18 8.422 18 6.5S16.422 3 14.5 3m0 2c.84 0 1.5.66 1.5 1.5S15.34 8 14.5 8S13 7.34 13 6.5S13.66 5 14.5 5m-3.688 5.25c-.515.043-.996.29-1.343.688L7.656 13.03a2 2 0 0 0-.468.969L6.5 17.875l1.969.344l.687-3.875l1.813-2.094H11l.781.156l-1.187 5.375a1.98 1.98 0 0 0 .344 1.594L16.468 27h2.47l-6.375-8.813l1.187-5.406l.469.094l.75 2.625a2.01 2.01 0 0 0 1.219 1.313l2.968 1.125l3.875 8.75l.938-.375L20 17.374l.406-1.094l-3.5-1.343l-.781-2.626a1.98 1.98 0 0 0-1.531-1.406l-3.25-.625a2 2 0 0 0-.531-.031zm-.343 10.781l-.5 1.938L7.063 27H9.53l2.313-3.156l.125-.594z"/></svg>
</template>

CSS

.icon-blind {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%203A3.514%203.514%200%200%200%2011%206.5c0%201.922%201.578%203.5%203.5%203.5S18%208.422%2018%206.5S16.422%203%2014.5%203m0%202c.84%200%201.5.66%201.5%201.5S15.34%208%2014.5%208S13%207.34%2013%206.5S13.66%205%2014.5%205m-3.688%205.25c-.515.043-.996.29-1.343.688L7.656%2013.03a2%202%200%200%200-.468.969L6.5%2017.875l1.969.344l.687-3.875l1.813-2.094H11l.781.156l-1.187%205.375a1.98%201.98%200%200%200%20.344%201.594L16.468%2027h2.47l-6.375-8.813l1.187-5.406l.469.094l.75%202.625a2.01%202.01%200%200%200%201.219%201.313l2.968%201.125l3.875%208.75l.938-.375L20%2017.374l.406-1.094l-3.5-1.343l-.781-2.626a1.98%201.98%200%200%200-1.531-1.406l-3.25-.625a2%202%200%200%200-.531-.031zm-.343%2010.781l-.5%201.938L7.063%2027H9.53l2.313-3.156l.125-.594z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%203A3.514%203.514%200%200%200%2011%206.5c0%201.922%201.578%203.5%203.5%203.5S18%208.422%2018%206.5S16.422%203%2014.5%203m0%202c.84%200%201.5.66%201.5%201.5S15.34%208%2014.5%208S13%207.34%2013%206.5S13.66%205%2014.5%205m-3.688%205.25c-.515.043-.996.29-1.343.688L7.656%2013.03a2%202%200%200%200-.468.969L6.5%2017.875l1.969.344l.687-3.875l1.813-2.094H11l.781.156l-1.187%205.375a1.98%201.98%200%200%200%20.344%201.594L16.468%2027h2.47l-6.375-8.813l1.187-5.406l.469.094l.75%202.625a2.01%202.01%200%200%200%201.219%201.313l2.968%201.125l3.875%208.75l.938-.375L20%2017.374l.406-1.094l-3.5-1.343l-.781-2.626a1.98%201.98%200%200%200-1.531-1.406l-3.25-.625a2%202%200%200%200-.531-.031zm-.343%2010.781l-.5%201.938L7.063%2027H9.53l2.313-3.156l.125-.594z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/blind.svg?color=%231a73e8&size=48