low vision icon
low-vision-24px from Health Icons by Resolve to Save Lives · Filled 24px · Conditions · MIT Free for personal and commercial use.
- Name
- low-vision-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Conditions
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More conditions icons from Health Icons
Use the low vision icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.293 4.293a1 1 0 0 1 1.414 0l2.274 2.274a11.14 11.14 0 0 1 13.667 4.822l.315.546a.13.13 0 0 1 0 .13l-.315.546a11.14 11.14 0 0 1-3.744 3.879l1.945 1.945a1 1 0 0 1-1.414 1.415l-2.417-2.417A11.14 11.14 0 0 1 2.352 12.61l-.315-.546a.13.13 0 0 1 0-.13l.315-.546A11.14 11.14 0 0 1 6.096 7.51L4.293 5.707a1 1 0 0 1 0-1.414M4.323 12a9 9 0 0 1 .793-1.055l5.053 5.053A9.14 9.14 0 0 1 4.322 12m8.748 4.071l-6.48-6.48q.462-.34.965-.62l6.881 6.88q-.702.195-1.42.275zm2.6-1.814a4.273 4.273 0 0 0-1.648-6.213a9.14 9.14 0 0 0-4.46.104l1.144 1.145A3 3 0 0 1 12 9a3 3 0 0 1 1.293.293a1 1 0 1 0 1.414 1.414q.034.072.065.145a3 3 0 0 1-.065 2.441zm1.94 0q.022-.048.042-.097a5.98 5.98 0 0 0 .107-4.3A9.1 9.1 0 0 1 19.678 12a9.1 9.1 0 0 1-2.066 2.257" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsLowVision24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M4.293 4.293a1 1 0 0 1 1.414 0l2.274 2.274a11.14 11.14 0 0 1 13.667 4.822l.315.546a.13.13 0 0 1 0 .13l-.315.546a11.14 11.14 0 0 1-3.744 3.879l1.945 1.945a1 1 0 0 1-1.414 1.415l-2.417-2.417A11.14 11.14 0 0 1 2.352 12.61l-.315-.546a.13.13 0 0 1 0-.13l.315-.546A11.14 11.14 0 0 1 6.096 7.51L4.293 5.707a1 1 0 0 1 0-1.414M4.323 12a9 9 0 0 1 .793-1.055l5.053 5.053A9.14 9.14 0 0 1 4.322 12m8.748 4.071l-6.48-6.48q.462-.34.965-.62l6.881 6.88q-.702.195-1.42.275zm2.6-1.814a4.273 4.273 0 0 0-1.648-6.213a9.14 9.14 0 0 0-4.46.104l1.144 1.145A3 3 0 0 1 12 9a3 3 0 0 1 1.293.293a1 1 0 1 0 1.414 1.414q.034.072.065.145a3 3 0 0 1-.065 2.441zm1.94 0q.022-.048.042-.097a5.98 5.98 0 0 0 .107-4.3A9.1 9.1 0 0 1 19.678 12a9.1 9.1 0 0 1-2.066 2.257" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.293 4.293a1 1 0 0 1 1.414 0l2.274 2.274a11.14 11.14 0 0 1 13.667 4.822l.315.546a.13.13 0 0 1 0 .13l-.315.546a11.14 11.14 0 0 1-3.744 3.879l1.945 1.945a1 1 0 0 1-1.414 1.415l-2.417-2.417A11.14 11.14 0 0 1 2.352 12.61l-.315-.546a.13.13 0 0 1 0-.13l.315-.546A11.14 11.14 0 0 1 6.096 7.51L4.293 5.707a1 1 0 0 1 0-1.414M4.323 12a9 9 0 0 1 .793-1.055l5.053 5.053A9.14 9.14 0 0 1 4.322 12m8.748 4.071l-6.48-6.48q.462-.34.965-.62l6.881 6.88q-.702.195-1.42.275zm2.6-1.814a4.273 4.273 0 0 0-1.648-6.213a9.14 9.14 0 0 0-4.46.104l1.144 1.145A3 3 0 0 1 12 9a3 3 0 0 1 1.293.293a1 1 0 1 0 1.414 1.414q.034.072.065.145a3 3 0 0 1-.065 2.441zm1.94 0q.022-.048.042-.097a5.98 5.98 0 0 0 .107-4.3A9.1 9.1 0 0 1 19.678 12a9.1 9.1 0 0 1-2.066 2.257" clip-rule="evenodd"/></svg> </template>
CSS
.icon-low-vision-24px {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.293%204.293a1%201%200%200%201%201.414%200l2.274%202.274a11.14%2011.14%200%200%201%2013.667%204.822l.315.546a.13.13%200%200%201%200%20.13l-.315.546a11.14%2011.14%200%200%201-3.744%203.879l1.945%201.945a1%201%200%200%201-1.414%201.415l-2.417-2.417A11.14%2011.14%200%200%201%202.352%2012.61l-.315-.546a.13.13%200%200%201%200-.13l.315-.546A11.14%2011.14%200%200%201%206.096%207.51L4.293%205.707a1%201%200%200%201%200-1.414M4.323%2012a9%209%200%200%201%20.793-1.055l5.053%205.053A9.14%209.14%200%200%201%204.322%2012m8.748%204.071l-6.48-6.48q.462-.34.965-.62l6.881%206.88q-.702.195-1.42.275zm2.6-1.814a4.273%204.273%200%200%200-1.648-6.213a9.14%209.14%200%200%200-4.46.104l1.144%201.145A3%203%200%200%201%2012%209a3%203%200%200%201%201.293.293a1%201%200%201%200%201.414%201.414q.034.072.065.145a3%203%200%200%201-.065%202.441zm1.94%200q.022-.048.042-.097a5.98%205.98%200%200%200%20.107-4.3A9.1%209.1%200%200%201%2019.678%2012a9.1%209.1%200%200%201-2.066%202.257%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.293%204.293a1%201%200%200%201%201.414%200l2.274%202.274a11.14%2011.14%200%200%201%2013.667%204.822l.315.546a.13.13%200%200%201%200%20.13l-.315.546a11.14%2011.14%200%200%201-3.744%203.879l1.945%201.945a1%201%200%200%201-1.414%201.415l-2.417-2.417A11.14%2011.14%200%200%201%202.352%2012.61l-.315-.546a.13.13%200%200%201%200-.13l.315-.546A11.14%2011.14%200%200%201%206.096%207.51L4.293%205.707a1%201%200%200%201%200-1.414M4.323%2012a9%209%200%200%201%20.793-1.055l5.053%205.053A9.14%209.14%200%200%201%204.322%2012m8.748%204.071l-6.48-6.48q.462-.34.965-.62l6.881%206.88q-.702.195-1.42.275zm2.6-1.814a4.273%204.273%200%200%200-1.648-6.213a9.14%209.14%200%200%200-4.46.104l1.144%201.145A3%203%200%200%201%2012%209a3%203%200%200%201%201.293.293a1%201%200%201%200%201.414%201.414q.034.072.065.145a3%203%200%200%201-.065%202.441zm1.94%200q.022-.048.042-.097a5.98%205.98%200%200%200%20.107-4.3A9.1%209.1%200%200%201%2019.678%2012a9.1%209.1%200%200%201-2.066%202.257%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/low-vision-24px.svg?color=%231a73e8&size=48
