Visually Impaired icon
fluent-mdl2:visually-impaired
The Visually Impaired icon (fluent-mdl2:visually-impaired) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- visuallyimpaired
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M176 854q27-24 56-46t58-43l769 769q-9 0-17 1t-18 1q-46 0-91-4t-91-13zm1872 170q-128 144-285 257t-339 180l349 350l-90 90l-398-398l-63 13l-822-822l48-28L19 237l90-90l461 461q108-46 222-71t232-25q150 0 292 39t272 107t246 163t214 203M1024 640q-77 0-147 29t-125 83l181 181q18-18 41-27t50-10q27 0 50 10t41 27t27 40t10 51q0 26-9 49t-28 42l181 181q54-54 83-124t29-148q0-80-30-150t-82-122t-122-82t-150-30m419 676q120-53 227-127t201-165q-94-91-201-165t-227-127q45 64 68 139t23 153t-23 153t-68 139M0 1024q39-43 81-84l511 511q-172-69-320-179T0 1024"/></svg>How to use the Visually Impaired icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:visually-impaired" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:visually-impaired" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:visually-impaired" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--visually-impaired]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:visually-impaired"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:visually-impaired"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/visually-impaired.svg" alt="Visually Impaired icon" width="24" height="24">Visually Impaired icon FAQ
Is the Visually Impaired icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Visually Impaired icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:visually-impaired" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Visually Impaired icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/visually-impaired.svg" alt="Visually Impaired icon">, or paste the SVG code inline to style it with CSS.