Ikon Openfga Light
thesvg-color:openfga-light
Ikon Openfga Light (thesvg-color:openfga-light) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 463 × 463. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 463 × 463
- Tag
- openfgalight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="463" height="463" viewBox="0 0 463 463"><g fill="none"><path fill="#000" d="M369.462 0H93.172C41.806 0 .165 41.64.165 93.007v276.29c0 51.366 41.64 93.006 93.007 93.006h276.29c51.366 0 93.006-41.64 93.006-93.006V93.007C462.468 41.64 420.828 0 369.462 0"/><path fill="#fff" d="M274.938 114.762a21.62 21.62 0 0 0 6.363 15.29a21.76 21.76 0 0 0 15.341 6.342a21.76 21.76 0 0 0 15.341-6.342a21.62 21.62 0 0 0 6.363-15.29a21.62 21.62 0 0 0-6.363-15.29a21.76 21.76 0 0 0-15.341-6.343a21.76 21.76 0 0 0-15.341 6.342a21.62 21.62 0 0 0-6.363 15.291M144.287 347.407a21.62 21.62 0 0 0 6.363 15.29a21.76 21.76 0 0 0 15.341 6.342a21.76 21.76 0 0 0 15.341-6.342a21.6 21.6 0 0 0 6.363-15.29a21.62 21.62 0 0 0-6.363-15.291a21.77 21.77 0 0 0-15.341-6.342a21.77 21.77 0 0 0-15.341 6.342a21.62 21.62 0 0 0-6.363 15.291m129.048-116.323a21.62 21.62 0 0 0 6.364 15.291a21.77 21.77 0 0 0 15.341 6.342a21.77 21.77 0 0 0 15.341-6.342a21.62 21.62 0 0 0 6.363-15.291a21.62 21.62 0 0 0-6.363-15.29a21.76 21.76 0 0 0-15.341-6.342a21.76 21.76 0 0 0-15.341 6.342a21.62 21.62 0 0 0-6.364 15.29m-196.029 0a21.62 21.62 0 0 0 6.364 15.291a21.77 21.77 0 0 0 15.34 6.342a21.77 21.77 0 0 0 15.342-6.342a21.62 21.62 0 0 0 6.363-15.291a21.62 21.62 0 0 0-6.363-15.29a21.76 21.76 0 0 0-15.341-6.342a21.76 21.76 0 0 0-15.341 6.342a21.62 21.62 0 0 0-6.364 15.29"/><path fill="url(#SVG8PW7mUSa)" d="M184.052 126.909a10.26 10.26 0 0 1 3.583-3.419a10.3 10.3 0 0 1 4.773-1.349h12.721c1.679.051 3.319.512 4.776 1.344a10.2 10.2 0 0 1 3.58 3.424a21.65 21.65 0 0 0 7.782 6.915a21.74 21.74 0 0 0 10.12 2.496a21.65 21.65 0 0 0 9.329-2.093a21.6 21.6 0 0 0 7.508-5.902a21.7 21.7 0 0 0 4.272-8.645c.756-3.164.788-6.457.094-9.635a21.47 21.47 0 0 0-5.999-10.895a21.6 21.6 0 0 0-11.047-5.762a21.83 21.83 0 0 0-12.671 1.349a21.75 21.75 0 0 0-9.743 8.187a9.8 9.8 0 0 1-3.649 3.136a9.85 9.85 0 0 1-4.707 1.028h-12.137a9.95 9.95 0 0 1-4.7-1.04a9.9 9.9 0 0 1-3.655-3.124a21.73 21.73 0 0 0-9.77-8.067a21.8 21.8 0 0 0-12.624-1.26a21.6 21.6 0 0 0-11.041 5.768a21.5 21.5 0 0 0-6.005 10.888a21.8 21.8 0 0 0 .11 9.632a21.8 21.8 0 0 0 4.256 8.648a21.7 21.7 0 0 0 7.521 5.899a21.75 21.75 0 0 0 9.337 2.096c3.56-.008 7.063-.89 10.199-2.568a21.66 21.66 0 0 0 7.787-7.051"/><path fill="url(#SVG8PW7mUSa)" d="M216.716 185.205a10.25 10.25 0 0 1 3.583-3.42a10.3 10.3 0 0 1 4.772-1.348h12.722a10.23 10.23 0 0 1 8.356 4.768a21.66 21.66 0 0 0 7.782 6.915a21.75 21.75 0 0 0 10.12 2.496c3.228.005 6.415-.71 9.329-2.093a21.6 21.6 0 0 0 7.508-5.902a21.7 21.7 0 0 0 4.272-8.645c.756-3.164.788-6.457.094-9.636a21.46 21.46 0 0 0-5.999-10.894a21.6 21.6 0 0 0-11.047-5.762a21.83 21.83 0 0 0-12.671 1.348a21.74 21.74 0 0 0-9.743 8.188a9.8 9.8 0 0 1-3.649 3.136a9.85 9.85 0 0 1-4.707 1.028h-12.137a9.95 9.95 0 0 1-4.7-1.041a9.9 9.9 0 0 1-3.656-3.123a21.74 21.74 0 0 0-9.769-8.068a21.8 21.8 0 0 0-12.624-1.26a21.6 21.6 0 0 0-11.041 5.768a21.5 21.5 0 0 0-6.005 10.888a21.8 21.8 0 0 0 .11 9.633a21.8 21.8 0 0 0 4.256 8.648a21.7 21.7 0 0 0 7.521 5.898a21.75 21.75 0 0 0 9.337 2.097a21.75 21.75 0 0 0 10.199-2.568a21.7 21.7 0 0 0 7.787-7.051"/><path fill="url(#SVG8PW7mUSa)" d="M154.903 298.108a10.26 10.26 0 0 0-3.583 3.419a21.65 21.65 0 0 1-7.786 7.051a21.7 21.7 0 0 1-10.2 2.568c-3.23.003-6.42-.713-9.336-2.096a21.7 21.7 0 0 1-7.522-5.899a21.8 21.8 0 0 1-4.366-18.28a21.5 21.5 0 0 1 6.005-10.888a21.6 21.6 0 0 1 11.041-5.768c4.24-.84 8.635-.401 12.624 1.26a21.74 21.74 0 0 1 9.77 8.067a9.9 9.9 0 0 0 3.655 3.124a9.95 9.95 0 0 0 4.7 1.04h12.137a9.84 9.84 0 0 0 8.356-4.164a21.74 21.74 0 0 1 9.743-8.187a21.83 21.83 0 0 1 12.672-1.348a21.6 21.6 0 0 1 11.047 5.762a21.5 21.5 0 0 1 3.351 4.219a9.9 9.9 0 0 0 3.32 2.678a9.95 9.95 0 0 0 4.7 1.04h12.137a9.84 9.84 0 0 0 4.707-1.028a9.8 9.8 0 0 0 3.649-3.136a21.74 21.74 0 0 1 9.742-8.187a21.83 21.83 0 0 1 12.672-1.348a21.57 21.57 0 0 1 11.047 5.762a21.46 21.46 0 0 1 5.999 10.894a21.6 21.6 0 0 1-.094 9.636a21.7 21.7 0 0 1-4.272 8.644a21.6 21.6 0 0 1-7.508 5.902a21.65 21.65 0 0 1-9.329 2.093a21.7 21.7 0 0 1-10.12-2.496a21.64 21.64 0 0 1-7.782-6.915a10.2 10.2 0 0 0-3.581-3.424a10.26 10.26 0 0 0-4.775-1.343h-12.722a10.3 10.3 0 0 0-4.772 1.348a10.26 10.26 0 0 0-3.583 3.419a21.66 21.66 0 0 1-7.787 7.051a21.7 21.7 0 0 1-10.199 2.568c-3.23.003-6.42-.713-9.337-2.096a21.7 21.7 0 0 1-7.521-5.899a22 22 0 0 1-1.947-2.838a10.23 10.23 0 0 0-7.458-3.553h-12.721a10.3 10.3 0 0 0-4.773 1.348"/><path fill="url(#SVG8PW7mUSa)" d="M252.96 356.27a10.3 10.3 0 0 0-3.583 3.419a21.65 21.65 0 0 1-7.786 7.051a21.7 21.7 0 0 1-10.2 2.568a21.74 21.74 0 0 1-9.336-2.096a21.7 21.7 0 0 1-7.521-5.899a21.8 21.8 0 0 1-4.257-8.648a21.8 21.8 0 0 1-.109-9.632a21.5 21.5 0 0 1 6.004-10.888a21.6 21.6 0 0 1 11.041-5.768a21.8 21.8 0 0 1 12.624 1.26a21.73 21.73 0 0 1 9.77 8.067a9.92 9.92 0 0 0 8.356 4.164H270.1a9.85 9.85 0 0 0 4.706-1.028a9.8 9.8 0 0 0 3.649-3.136a21.75 21.75 0 0 1 9.743-8.187a21.83 21.83 0 0 1 12.672-1.349a21.6 21.6 0 0 1 11.047 5.762a21.5 21.5 0 0 1 5.999 10.895a21.65 21.65 0 0 1-4.366 18.28a21.6 21.6 0 0 1-7.508 5.902a21.65 21.65 0 0 1-9.329 2.093a21.74 21.74 0 0 1-10.121-2.496a21.66 21.66 0 0 1-7.781-6.915a10.26 10.26 0 0 0-8.356-4.768h-12.722a10.3 10.3 0 0 0-4.773 1.349"/><path fill="url(#SVG8PW7mUSa)" d="M341.917 231.084a21.62 21.62 0 0 0 6.363 15.291a21.77 21.77 0 0 0 15.341 6.342a21.77 21.77 0 0 0 15.341-6.342a21.62 21.62 0 0 0 6.363-15.291a21.62 21.62 0 0 0-6.363-15.29a21.76 21.76 0 0 0-15.341-6.342a21.76 21.76 0 0 0-15.341 6.342a21.62 21.62 0 0 0-6.363 15.29"/><path fill="url(#SVG8PW7mUSa)" d="M149.048 246.375a21.62 21.62 0 0 1-6.363-15.291a21.62 21.62 0 0 1 6.363-15.29a21.76 21.76 0 0 1 15.341-6.342a21.76 21.76 0 0 1 15.341 6.342a21.62 21.62 0 0 1 6.363 15.29a21.62 21.62 0 0 1-6.363 15.291a21.77 21.77 0 0 1-15.341 6.342a21.77 21.77 0 0 1-15.341-6.342"/><path fill="#fff" d="M307.531 172.923a21.62 21.62 0 0 0 6.363 15.29a21.76 21.76 0 0 0 15.341 6.342a21.76 21.76 0 0 0 15.341-6.342a21.6 21.6 0 0 0 6.363-15.29a21.6 21.6 0 0 0-6.363-15.29a21.76 21.76 0 0 0-15.341-6.343a21.76 21.76 0 0 0-15.341 6.343a21.62 21.62 0 0 0-6.363 15.29m-195.839 0a21.62 21.62 0 0 0 6.363 15.29a21.76 21.76 0 0 0 15.341 6.342a21.76 21.76 0 0 0 15.341-6.342a21.62 21.62 0 0 0 6.364-15.29a21.6 21.6 0 0 0-6.364-15.29a21.76 21.76 0 0 0-15.341-6.343a21.76 21.76 0 0 0-15.341 6.343a21.62 21.62 0 0 0-6.363 15.29m195.839 116.323a21.62 21.62 0 0 0 6.363 15.29a21.76 21.76 0 0 0 15.341 6.342a21.76 21.76 0 0 0 15.341-6.342a21.62 21.62 0 0 0 6.363-15.29a21.62 21.62 0 0 0-6.363-15.291a21.76 21.76 0 0 0-15.341-6.342a21.76 21.76 0 0 0-15.341 6.342a21.62 21.62 0 0 0-6.363 15.291"/><defs><linearGradient id="SVG8PW7mUSa" x1="111.624" x2="335.625" y1="80.764" y2="384.799" gradientUnits="userSpaceOnUse"><stop stop-color="#00faff"/><stop offset="1" stop-color="#8bff95"/></linearGradient></defs></g></svg>Cara memakai ikon Openfga Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:openfga-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:openfga-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:openfga-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--openfga-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:openfga-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:openfga-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/openfga-light.svg" alt="Ikon Openfga Light" width="24" height="24">Ikon terkait di theSVG Color
Ikon Openfga Light di set ikon lain
FAQ Ikon Openfga Light
Apakah ikon Openfga Light gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Openfga Light di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:openfga-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Openfga Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/openfga-light.svg" alt="Ikon Openfga Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.