Ikon Fgo Light
thesvg-color:fgo-light
Ikon Fgo Light (thesvg-color:fgo-light) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 146 × 56. 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
- 146 × 56
- Tag
- fgolight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="146" height="56" viewBox="0 0 146 56"><g fill="none"><g clip-path="url(#SVGQwfCXdQz)"><path fill="#20a7b3" d="M119.763 11.794c9.498 0 17.235 7.77 17.235 17.307c0 9.538-7.737 17.308-17.235 17.308s-17.236-7.77-17.236-17.308s7.738-17.307 17.236-17.307m0-8.633c-14.247 0-25.833 11.634-25.833 25.94s11.586 25.941 25.833 25.941s25.833-11.634 25.833-25.94S134.01 3.16 119.763 3.16"/><path fill="#fff" d="M21.386 1.68h25.423v5.633H27.486v46.414h-6.1z"/><path fill="#fff" fill-rule="evenodd" d="M19.706 0H48.49v8.993H29.167v46.414h-9.461zm3.36 3.361v48.685h2.74V5.632h19.323v-2.27z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M43.862 33.161H6.443V26.44h37.419z" clip-rule="evenodd"/><path fill="#fff" d="M6.73 35.967c-3.398 0-6.141-2.755-6.141-6.167s2.743-6.166 6.14-6.166c3.399 0 6.142 2.754 6.142 6.166s-2.743 6.167-6.141 6.167"/><path fill="#20a7b3" d="M84.105 30.828c-.86 8.757-8.229 15.58-17.154 15.58c-9.498 0-17.235-7.769-17.235-17.307s7.737-17.307 17.235-17.307c5.527 0 10.44 2.63 13.592 6.66h9.99C86.478 9.409 77.472 3.16 66.95 3.16c-14.245 0-25.83 11.635-25.83 25.94s11.585 25.942 25.83 25.942c13.715 0 24.891-10.689 25.751-24.214z"/><path fill="#fff" d="m113.827 37.817l7.983-8.017l-7.983-8.057h6.755l8.024 8.057l-8.024 8.017z"/><path fill="#fff" fill-rule="evenodd" d="M122.178 33.367H58.313v-6.722h63.865z" clip-rule="evenodd"/></g><defs><clipPath id="SVGQwfCXdQz"><path fill="#fff" d="M0 0h146v55.619H0z"/></clipPath></defs></g></svg>Cara memakai ikon Fgo Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:fgo-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:fgo-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:fgo-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--fgo-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:fgo-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:fgo-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/fgo-light.svg" alt="Ikon Fgo Light" width="24" height="24">Ikon terkait di theSVG Color
FAQ Ikon Fgo Light
Apakah ikon Fgo 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 Fgo Light di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:fgo-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Fgo Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/fgo-light.svg" alt="Ikon Fgo Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.