Eye Shadow icon
fluent-mdl2:eye-shadow
The Eye Shadow icon (fluent-mdl2:eye-shadow) 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
- eyeshadow
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1305 896h743v1024H0V896h771q75-91 154-176t162-168q31-31 86-84t122-114t143-124t148-114t135-83t107-33q41 0 66 25t26 67q0 35-21 82t-56 103t-82 116t-98 122t-104 119t-101 108t-88 90t-65 64m-412 54q25 11 45 31t32 46q57-47 128-113t149-142t156-158t148-164t126-157t91-141q-64 34-140 90t-158 126t-163 148t-159 156t-142 149t-113 129m-101 107q-24 0-57 7t-69 18t-74 27t-72 33t-62 36t-45 37q-16 17-22 36t-7 42q0 44 21 87t56 78t78 56t88 22q23 0 42-6t36-23q18-17 36-44t36-62t33-72t27-74t19-69t7-58q0-41-15-56t-56-15m1128 735v-768h-752q-45 40-89 78t-92 77q-5 45-23 104t-45 118t-59 111t-65 85q-35 35-78 51t-92 16q-71 0-137-31t-118-83t-83-118t-31-138q0-54 17-94t48-72t69-56t83-48H128v768zm-768-384q0-53 20-99t55-82t81-55t100-20q53 0 99 20t82 55t55 81t20 100q0 53-20 99t-55 82t-81 55t-100 20q-53 0-99-20t-82-55t-55-81t-20-100m256-128q-27 0-50 10t-40 27t-28 41t-10 50q0 27 10 50t27 40t41 28t50 10q27 0 50-10t40-27t28-41t10-50q0-27-10-50t-27-40t-41-28t-50-10"/></svg>How to use the Eye Shadow icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:eye-shadow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:eye-shadow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:eye-shadow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--eye-shadow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:eye-shadow"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:eye-shadow"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/eye-shadow.svg" alt="Eye Shadow icon" width="24" height="24">Related icons in Fluent UI MDL2
Eye Shadow icon FAQ
Is the Eye Shadow 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 Eye Shadow icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:eye-shadow" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Eye Shadow icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/eye-shadow.svg" alt="Eye Shadow icon">, or paste the SVG code inline to style it with CSS.