Иконка Gogs
thesvg-color:gogs
Иконка Gogs (thesvg-color:gogs) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 420 × 420. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 420 × 420
- Теги
- gog
Код 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>Как использовать иконку 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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/thesvg-color/gogs.svg" alt="Иконка Gogs" width="24" height="24">Вопросы и ответы: Иконка Gogs
Можно ли бесплатно использовать иконку Gogs в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Gogs в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:gogs" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Gogs на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/gogs.svg" alt="Иконка Gogs">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.