Red Eye 12 icon
fluent-mdl2:red-eye-12
The Red Eye 12 icon (fluent-mdl2:red-eye-12) 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
- redeye
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1024 512q150 0 292 39t272 107t246 163t214 203q-98 110-213 203t-246 162t-273 108t-292 39t-292-39t-272-107t-247-162T0 1024q97-109 213-203t246-162t273-108t292-39m0 878q76 0 142-29t116-78t79-116t29-143t-29-142t-78-116t-116-79t-143-29t-142 29t-116 78t-79 116t-29 143t29 142t78 116t116 79t143 29m-375-54q-55-66-84-146t-29-166t29-166t84-146q-134 53-251 132t-221 180q103 100 220 179t252 133m1222-312q-103-100-220-179t-252-133q55 66 84 146t29 166t-29 166t-84 146q134-53 251-132t221-180m-847-171q35 0 66 13t54 37t37 55t14 66t-13 66t-37 55t-55 36t-66 14q-35 0-66-13t-55-37t-36-54t-14-67q0-35 13-66t37-54t54-37t67-14"/></svg>How to use the Red Eye 12 icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:red-eye-12" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:red-eye-12" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:red-eye-12" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--red-eye-12]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:red-eye-12"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:red-eye-12"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/red-eye-12.svg" alt="Red Eye 12 icon" width="24" height="24">Related icons in Fluent UI MDL2
Red Eye 12 icon FAQ
Is the Red Eye 12 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 Red Eye 12 icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:red-eye-12" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Red Eye 12 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/red-eye-12.svg" alt="Red Eye 12 icon">, or paste the SVG code inline to style it with CSS.