Ikon Retina
flat-ui:retina
Ikon Retina (flat-ui:retina) adalah ikon SVG gratis dari set Flat UI Icons karya Designmodo, Inc.. Ikon ini digambar pada grid 117 × 104. Flat UI Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Flat UI Icons
- Pembuat
- Designmodo, Inc.
- Lisensi
- MIT
- Ukuran
- 117 × 104
Kode 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>Cara memakai ikon 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>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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/retina.svg" alt="Ikon Retina" width="24" height="24">FAQ Ikon Retina
Apakah ikon Retina gratis untuk penggunaan komersial?
Ya. Flat UI Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Retina di React?
Pasang @iconify/react lalu render <Icon icon="flat-ui:retina" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Retina ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/flat-ui/retina.svg" alt="Ikon Retina">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.