Ikon Gpson
whh:gpson
Ikon Gpson (whh:gpson) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1024 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M960 576h-70q-20 120-106.5 207T576 890v70q0 26-18.5 45t-45.5 19t-45.5-19t-18.5-45v-70q-121-20-207.5-107T134 576H64q-26 0-45-18.5T0 512t18.5-45.5T64 448h70q20-120 106.5-207T448 134V64q0-26 19-45t45.5-19t45 19T576 64v70q121 20 207.5 107T890 448h70q26 0 45 18.5t19 45.5t-18.5 45.5T960 576M512 256q-106 0-181 75t-75 181t75 181t181 75t181-75t75-181t-75-181t-181-75m.5 448q-79.5 0-136-56T320 512.5t56.5-136t136-56.5T648 376.5t56 136T648 648t-135.5 56"/></svg>Cara memakai ikon Gpson
React
import { Icon } from "@iconify/react";
<Icon icon="whh:gpson" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:gpson" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:gpson" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--gpson]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:gpson"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:gpson"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/gpson.svg" alt="Ikon Gpson" width="24" height="24">FAQ Ikon Gpson
Apakah ikon Gpson gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gpson di React?
Pasang @iconify/react lalu render <Icon icon="whh:gpson" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gpson ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/gpson.svg" alt="Ikon Gpson">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.