Openfga Light icon
thesvg-color:openfga-light
The Openfga Light icon (thesvg-color:openfga-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 463 × 463 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 463 × 463
- Tags
- openfgalight
SVG code
<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>How to use the Openfga Light icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/openfga-light.svg" alt="Openfga Light icon" width="24" height="24">Related icons in theSVG Color
Openfga Light icon in other icon sets
Openfga Light icon FAQ
Is the Openfga Light icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Openfga Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:openfga-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Openfga Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/openfga-light.svg" alt="Openfga Light icon">, or paste the SVG code inline to style it with CSS.