Retina ikonu
flat-ui:retina
Retina ikonu (flat-ui:retina), Flat UI Icons setinden ücretsiz bir SVG ikondur (yapımcı: Designmodo, Inc.). 117 × 104 ızgara üzerinde çizilmiştir. Flat UI Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Flat UI Icons
- Yazar
- Designmodo, Inc.
- Lisans
- MIT
- Boyut
- 117 × 104
SVG kodu
<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 ikonu nasıl kullanılır
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 bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/flat-ui/retina.svg" alt="Retina ikonu" width="24" height="24">Retina ikonu: sık sorulan sorular
Retina ikonu ticari kullanım için ücretsiz mi?
Evet. Flat UI Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Retina ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="flat-ui:retina" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Retina ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/flat-ui/retina.svg" alt="Retina ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.