Иконка Retina
flat-ui:retina
Иконка Retina (flat-ui:retina) — бесплатная SVG-иконка из набора Flat UI Icons от Designmodo, Inc.. Она нарисована на сетке 117 × 104. Flat UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Flat UI Icons
- Автор
- Designmodo, Inc.
- Лицензия
- MIT
- Размер
- 117 × 104
Код SVG
<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>Как использовать иконку Retina
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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/flat-ui/retina.svg" alt="Иконка Retina" width="24" height="24">Вопросы и ответы: Иконка Retina
Можно ли бесплатно использовать иконку Retina в коммерческих проектах?
Да. Flat UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Retina в React?
Установите @iconify/react и выведите <Icon icon="flat-ui:retina" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Retina на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/flat-ui/retina.svg" alt="Иконка Retina">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.