Gogs icon
thesvg-color:gogs
The Gogs icon (thesvg-color:gogs) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 420 × 420 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
- 420 × 420
- Tags
- gog
SVG code
<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>How to use the Gogs icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/gogs.svg" alt="Gogs icon" width="24" height="24">Gogs icon FAQ
Is the Gogs 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 Gogs icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:gogs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gogs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/gogs.svg" alt="Gogs icon">, or paste the SVG code inline to style it with CSS.