Retina icon
flat-ui:retina
The Retina icon (flat-ui:retina) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 117 × 104 grid. Flat UI 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
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 117 × 104
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="117" height="104" viewBox="0 0 117 104"><path fill="#26B99A" d="M50 4c27.614 0 50 22.386 50 50c0 27.613-22.386 50-50 50S0 81.613 0 54C0 26.386 22.386 4 50 4"/><path fill="#fff" d="M81.309 43.339L45.441 79.208a1.876 1.876 0 0 1-2.651 0L22.504 58.71c-.362-.366-.556-1.374-.556-1.859s.194-.947.556-1.315l5.404-4.871a1.84 1.84 0 0 1 1.338-.55a1.85 1.85 0 0 1 1.313.55L42.79 63.143c.728.743 1.92.743 2.651 0l27.918-27.835a1.86 1.86 0 0 1 2.647 0l5.302 5.354c.732.734.732 1.942.001 2.677"/><circle cx="84.625" cy="33" r="26" opacity=".15"/><path fill="#26B99A" d="M87.999 56.5C72.836 56.5 60.5 44.163 60.5 29S72.836 1.5 87.999 1.5C103.163 1.5 115.5 13.836 115.5 29s-12.337 27.5-27.501 27.5"/><path fill="#ECF0F1" d="M87.999 3C102.336 3 114 14.663 114 29s-11.664 26-26.001 26C73.663 55 62 43.336 62 29S73.663 3 87.999 3m0-3C71.984 0 59 12.984 59 29c0 16.017 12.984 29 28.999 29C104.016 58 117 45.016 117 29S104.016 0 87.999 0"/><defs><path id="SVGcYrIJbki" d="M114 29c0 14.359-11.64 26-25.998 26C73.64 55 62 43.359 62 29S73.64 3 88.002 3C102.36 3 114 14.64 114 29"/></defs><clipPath id="SVGBP5IbcLk"><use href="#SVGcYrIJbki"/></clipPath><path fill="#fff" d="m107.314 30.594l-81.091 81.092c-1.653 1.654-4.349 1.654-5.994 0L8.242 99.589c-1.644-1.674-4.348-4.391-5.993-6.063l-27.885-29.303a4.45 4.45 0 0 1-1.257-3.082c0-1.094.439-2.141 1.257-2.974l12.218-11.01a4.15 4.15 0 0 1 3.025-1.246a4.18 4.18 0 0 1 2.969 1.246L20.229 75.37a4.19 4.19 0 0 0 5.994 0l63.121-62.932a4.207 4.207 0 0 1 5.984 0l11.986 12.102c1.655 1.661 1.655 4.393 0 6.054" clip-path="url(#SVGBP5IbcLk)"/></svg>How to use the Retina icon
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:retina" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:retina" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:retina" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--retina]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:retina"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:retina"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/retina.svg" alt="Retina icon" width="24" height="24">Retina icon FAQ
Is the Retina icon free for commercial use?
Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Retina icon in React?
Install @iconify/react and render <Icon icon="flat-ui:retina" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Retina icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/retina.svg" alt="Retina icon">, or paste the SVG code inline to style it with CSS.