Ikon Gogs
thesvg-color:gogs
Ikon Gogs (thesvg-color:gogs) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 420 × 420. 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
- 420 × 420
- Tag
- gog
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="420" height="420" viewBox="0 0 420 420"><defs><radialGradient id="SVGCrK14dbm" cx="39.607%" cy="0%" r="103.741%" fx="39.607%" fy="0%" gradientTransform="matrix(0 .96394 -1 0 .396 -.382)"><stop offset="0%" stop-color="#f47359"/><stop offset="100%" stop-color="#be4025"/></radialGradient><filter id="SVG5Bi9HNuX" width="117%" height="116.4%" x="-8.5%" y="-8.2%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceGraphic" stdDeviation="10"/></filter></defs><g fill="none" fill-rule="evenodd"><path fill="url(#SVGCrK14dbm)" d="M100.222 297.768a158.7 158.7 0 0 1-3.547-33.447a158.7 158.7 0 0 1 3.547-33.447L79.788 209.85a6.32 6.32 0 0 1-.941-7.566l34.206-59.247a6.32 6.32 0 0 1 7.023-2.968l28.461 7.193c16.498-14.972 36.175-26.506 57.898-33.467l7.988-28.197A6.32 6.32 0 0 1 220.505 81h68.412a6.32 6.32 0 0 1 6.082 4.598l7.988 28.197c21.723 6.961 41.4 18.495 57.898 33.467l28.46-7.193a6.32 6.32 0 0 1 7.024 2.968l34.206 59.247a6.32 6.32 0 0 1-.941 7.566L409.2 230.874a158.7 158.7 0 0 1 3.546 33.447a158.7 158.7 0 0 1-3.546 33.447l20.433 21.024a6.32 6.32 0 0 1 .941 7.567l-34.206 59.246a6.32 6.32 0 0 1-7.023 2.968l-28.461-7.193c-16.498 14.973-36.175 26.507-57.898 33.468l-7.988 28.196a6.32 6.32 0 0 1-6.082 4.599h-68.412a6.32 6.32 0 0 1-6.082-4.599l-7.988-28.196c-21.723-6.961-41.4-18.495-57.898-33.468l-28.46 7.193a6.32 6.32 0 0 1-7.024-2.968L78.847 326.36a6.32 6.32 0 0 1 .941-7.567z" filter="url(#SVG5Bi9HNuX)" opacity=".44"/><path fill="url(#SVGCrK14dbm)" d="M100.222 288.768a158.7 158.7 0 0 1-3.547-33.447a158.7 158.7 0 0 1 3.547-33.447L79.788 200.85a6.32 6.32 0 0 1-.941-7.566l34.206-59.247a6.32 6.32 0 0 1 7.023-2.968l28.461 7.193c16.498-14.972 36.175-26.506 57.898-33.467l7.988-28.197A6.32 6.32 0 0 1 220.505 72h68.412a6.32 6.32 0 0 1 6.082 4.598l7.988 28.197c21.723 6.961 41.4 18.495 57.898 33.467l28.46-7.193a6.32 6.32 0 0 1 7.024 2.968l34.206 59.247a6.32 6.32 0 0 1-.941 7.566L409.2 221.874a158.7 158.7 0 0 1 3.546 33.447a158.7 158.7 0 0 1-3.546 33.447l20.433 21.024a6.32 6.32 0 0 1 .941 7.567l-34.206 59.246a6.32 6.32 0 0 1-7.023 2.968l-28.461-7.193c-16.498 14.973-36.175 26.507-57.898 33.468l-7.988 28.196a6.32 6.32 0 0 1-6.082 4.599h-68.412a6.32 6.32 0 0 1-6.082-4.599l-7.988-28.196c-21.723-6.961-41.4-18.495-57.898-33.468l-28.46 7.193a6.32 6.32 0 0 1-7.024-2.968L78.847 317.36a6.32 6.32 0 0 1 .941-7.567z"/><path fill="#fff" fill-rule="nonzero" d="M283.057 282.47c-10.855 8.686-26.353 10.332-39.12 2.961c-16.629-9.6-22.326-30.864-12.725-47.494c9.6-16.629 30.864-22.326 47.493-12.725c12.767 7.37 19.09 21.615 16.995 35.36l58.167 33.582c6.046 3.49 8.118 11.223 4.627 17.27c-30.985 53.667-99.608 72.055-153.275 41.07s-72.055-99.608-41.07-153.275c30.984-53.667 99.608-72.055 153.275-41.07c6.047 3.491 8.119 11.223 4.628 17.27c-3.492 6.047-11.224 8.119-17.27 4.628c-41.574-24.002-94.733-9.758-118.735 31.815s-9.758 94.732 31.815 118.734c37.854 21.855 85.314 12 111.622-21.322z"/></g></svg>Cara memakai ikon Gogs
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:gogs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:gogs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:gogs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--gogs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:gogs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:gogs"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/gogs.svg" alt="Ikon Gogs" width="24" height="24">FAQ Ikon Gogs
Apakah ikon Gogs 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 Gogs di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:gogs" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gogs ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/gogs.svg" alt="Ikon Gogs">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.