low vision icon

low-vision from Line Awesome by Icons8 · Line · Maps · Apache-2.0 Free for personal and commercial use.

Name: low-vision
Set: Line Awesome
Style: Line
Category: Maps
Viewbox: 32×32
License: Apache 2.0
Aliases: low-vision-solid

The same icon in other sets

low-visionBoxIcons v2 low-visionBoxIcons v2 Solid low-visionFont Awesome Solid low-visionHealth Icons

More maps icons from Line Awesome

directions dollar-sign draw-polygon h-square landmark layer-group location-arrow phone-square phone-square-alt phone-volume recycle search-minus search-plus shoe-prints traffic-light tty

Use the low vision icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.719 2.281L2.28 3.72l26 26l1.438-1.438l-6.594-6.593c3.313-2.067 5.512-4.786 5.656-4.97l.219-.28v-.907l-.25-.281C28.496 14.953 22.523 8 16 8c-1.902 0-3.68.531-5.281 1.281zM16 10c4.648 0 9.281 4.48 10.75 6.031c-.813.918-2.652 2.801-5.063 4.219L19.438 18a3.99 3.99 0 0 0-.625-4.844c-1.316-1.316-3.28-1.492-4.812-.594l-1.75-1.75C13.434 10.337 14.684 10 16 10m-8.25 1.031c-2.68 1.926-4.402 4.09-4.531 4.25l-.219.25v.938l.25.281C3.512 17.047 9.719 24 16 24c1.398 0 2.75-.273 4-.719zm.625 2.063l8.813 8.812A8.5 8.5 0 0 1 16 22a7.6 7.6 0 0 1-1.469-.156L6.97 14.25a22 22 0 0 1 1.406-1.156zm-2.156 1.844l6.312 6.28c-3.242-1.35-6.152-4.097-7.281-5.25c.234-.265.57-.636.969-1.03"/></svg>

React

import type { SVGProps } from "react";

export function LaLowVision(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="M3.719 2.281L2.28 3.72l26 26l1.438-1.438l-6.594-6.593c3.313-2.067 5.512-4.786 5.656-4.97l.219-.28v-.907l-.25-.281C28.496 14.953 22.523 8 16 8c-1.902 0-3.68.531-5.281 1.281zM16 10c4.648 0 9.281 4.48 10.75 6.031c-.813.918-2.652 2.801-5.063 4.219L19.438 18a3.99 3.99 0 0 0-.625-4.844c-1.316-1.316-3.28-1.492-4.812-.594l-1.75-1.75C13.434 10.337 14.684 10 16 10m-8.25 1.031c-2.68 1.926-4.402 4.09-4.531 4.25l-.219.25v.938l.25.281C3.512 17.047 9.719 24 16 24c1.398 0 2.75-.273 4-.719zm.625 2.063l8.813 8.812A8.5 8.5 0 0 1 16 22a7.6 7.6 0 0 1-1.469-.156L6.97 14.25a22 22 0 0 1 1.406-1.156zm-2.156 1.844l6.312 6.28c-3.242-1.35-6.152-4.097-7.281-5.25c.234-.265.57-.636.969-1.03"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.719 2.281L2.28 3.72l26 26l1.438-1.438l-6.594-6.593c3.313-2.067 5.512-4.786 5.656-4.97l.219-.28v-.907l-.25-.281C28.496 14.953 22.523 8 16 8c-1.902 0-3.68.531-5.281 1.281zM16 10c4.648 0 9.281 4.48 10.75 6.031c-.813.918-2.652 2.801-5.063 4.219L19.438 18a3.99 3.99 0 0 0-.625-4.844c-1.316-1.316-3.28-1.492-4.812-.594l-1.75-1.75C13.434 10.337 14.684 10 16 10m-8.25 1.031c-2.68 1.926-4.402 4.09-4.531 4.25l-.219.25v.938l.25.281C3.512 17.047 9.719 24 16 24c1.398 0 2.75-.273 4-.719zm.625 2.063l8.813 8.812A8.5 8.5 0 0 1 16 22a7.6 7.6 0 0 1-1.469-.156L6.97 14.25a22 22 0 0 1 1.406-1.156zm-2.156 1.844l6.312 6.28c-3.242-1.35-6.152-4.097-7.281-5.25c.234-.265.57-.636.969-1.03"/></svg>
</template>

CSS

.icon-low-vision {
  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%22M3.719%202.281L2.28%203.72l26%2026l1.438-1.438l-6.594-6.593c3.313-2.067%205.512-4.786%205.656-4.97l.219-.28v-.907l-.25-.281C28.496%2014.953%2022.523%208%2016%208c-1.902%200-3.68.531-5.281%201.281zM16%2010c4.648%200%209.281%204.48%2010.75%206.031c-.813.918-2.652%202.801-5.063%204.219L19.438%2018a3.99%203.99%200%200%200-.625-4.844c-1.316-1.316-3.28-1.492-4.812-.594l-1.75-1.75C13.434%2010.337%2014.684%2010%2016%2010m-8.25%201.031c-2.68%201.926-4.402%204.09-4.531%204.25l-.219.25v.938l.25.281C3.512%2017.047%209.719%2024%2016%2024c1.398%200%202.75-.273%204-.719zm.625%202.063l8.813%208.812A8.5%208.5%200%200%201%2016%2022a7.6%207.6%200%200%201-1.469-.156L6.97%2014.25a22%2022%200%200%201%201.406-1.156zm-2.156%201.844l6.312%206.28c-3.242-1.35-6.152-4.097-7.281-5.25c.234-.265.57-.636.969-1.03%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%22M3.719%202.281L2.28%203.72l26%2026l1.438-1.438l-6.594-6.593c3.313-2.067%205.512-4.786%205.656-4.97l.219-.28v-.907l-.25-.281C28.496%2014.953%2022.523%208%2016%208c-1.902%200-3.68.531-5.281%201.281zM16%2010c4.648%200%209.281%204.48%2010.75%206.031c-.813.918-2.652%202.801-5.063%204.219L19.438%2018a3.99%203.99%200%200%200-.625-4.844c-1.316-1.316-3.28-1.492-4.812-.594l-1.75-1.75C13.434%2010.337%2014.684%2010%2016%2010m-8.25%201.031c-2.68%201.926-4.402%204.09-4.531%204.25l-.219.25v.938l.25.281C3.512%2017.047%209.719%2024%2016%2024c1.398%200%202.75-.273%204-.719zm.625%202.063l8.813%208.812A8.5%208.5%200%200%201%2016%2022a7.6%207.6%200%200%201-1.469-.156L6.97%2014.25a22%2022%200%200%201%201.406-1.156zm-2.156%201.844l6.312%206.28c-3.242-1.35-6.152-4.097-7.281-5.25c.234-.265.57-.636.969-1.03%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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