gitup logo

gitup from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
gitup
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the gitup logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><filter id="SVGjWz4xbzC" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dx="1" dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="SVG0Kn3Ic1L" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter><clipPath id="SVGMFOpNeVh"><path d="M19.92 28.011L194.686.331C207.413-1.685 219.365 7 221.38 19.726l27.68 174.765c2.016 12.727-6.667 24.679-19.394 26.695L54.9 248.866c-12.727 2.016-24.678-6.668-26.694-19.395L.526 54.706C-1.49 41.979 7.193 30.027 19.92 28.01"/></clipPath></defs><path fill="#f5f5f5" d="M19.92 28.011L194.686.331C207.413-1.685 219.365 7 221.38 19.726l27.68 174.765c2.016 12.727-6.667 24.679-19.394 26.695L54.9 248.866c-12.727 2.016-24.678-6.668-26.694-19.395L.526 54.706C-1.49 41.979 7.193 30.027 19.92 28.01" filter="url(#SVGjWz4xbzC)" transform="translate(2.24 2.24)"/><g clip-path="url(#SVGMFOpNeVh)" transform="translate(2.24 2.24)"><circle cx="129.582" cy="128.848" r="116.671" fill="#fbfbfb" filter="url(#SVG0Kn3Ic1L)"/><circle cx="129.582" cy="128.848" r="72.924" fill="#fcfcfc" filter="url(#SVG0Kn3Ic1L)"/><circle cx="129.582" cy="128.848" r="29.169" fill="#fff" filter="url(#SVG0Kn3Ic1L)"/></g><path fill-opacity=".2" d="m22.203 30.519l174.766-27.68c12.58-1.993 24.393 6.59 26.385 19.17l27.68 174.765c1.993 12.58-6.59 24.393-19.17 26.385L57.098 250.84c-12.58 1.993-24.392-6.59-26.385-19.17L3.033 56.905c-1.993-12.58 6.59-24.393 19.17-26.385m-.085-.534C9.244 32.025.46 44.114 2.5 56.988l27.68 174.766c2.039 12.874 14.129 21.658 27.003 19.62l174.766-27.681c12.874-2.04 21.658-14.129 19.619-27.003l-27.68-174.766c-2.04-12.874-14.13-21.658-27.004-19.62z"/></svg>

React

import type { SVGProps } from "react";

export function LogosGitup(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><filter id="SVGjWz4xbzC" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dx="1" dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="SVG0Kn3Ic1L" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter><clipPath id="SVGMFOpNeVh"><path d="M19.92 28.011L194.686.331C207.413-1.685 219.365 7 221.38 19.726l27.68 174.765c2.016 12.727-6.667 24.679-19.394 26.695L54.9 248.866c-12.727 2.016-24.678-6.668-26.694-19.395L.526 54.706C-1.49 41.979 7.193 30.027 19.92 28.01"/></clipPath></defs><path fill="#f5f5f5" d="M19.92 28.011L194.686.331C207.413-1.685 219.365 7 221.38 19.726l27.68 174.765c2.016 12.727-6.667 24.679-19.394 26.695L54.9 248.866c-12.727 2.016-24.678-6.668-26.694-19.395L.526 54.706C-1.49 41.979 7.193 30.027 19.92 28.01" filter="url(#SVGjWz4xbzC)" transform="translate(2.24 2.24)"/><g clipPath="url(#SVGMFOpNeVh)" transform="translate(2.24 2.24)"><circle cx="129.582" cy="128.848" r="116.671" fill="#fbfbfb" filter="url(#SVG0Kn3Ic1L)"/><circle cx="129.582" cy="128.848" r="72.924" fill="#fcfcfc" filter="url(#SVG0Kn3Ic1L)"/><circle cx="129.582" cy="128.848" r="29.169" fill="#fff" filter="url(#SVG0Kn3Ic1L)"/></g><path fillOpacity=".2" d="m22.203 30.519l174.766-27.68c12.58-1.993 24.393 6.59 26.385 19.17l27.68 174.765c1.993 12.58-6.59 24.393-19.17 26.385L57.098 250.84c-12.58 1.993-24.392-6.59-26.385-19.17L3.033 56.905c-1.993-12.58 6.59-24.393 19.17-26.385m-.085-.534C9.244 32.025.46 44.114 2.5 56.988l27.68 174.766c2.039 12.874 14.129 21.658 27.003 19.62l174.766-27.681c12.874-2.04 21.658-14.129 19.619-27.003l-27.68-174.766c-2.04-12.874-14.13-21.658-27.004-19.62z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><filter id="SVGjWz4xbzC" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dx="1" dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="SVG0Kn3Ic1L" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter><clipPath id="SVGMFOpNeVh"><path d="M19.92 28.011L194.686.331C207.413-1.685 219.365 7 221.38 19.726l27.68 174.765c2.016 12.727-6.667 24.679-19.394 26.695L54.9 248.866c-12.727 2.016-24.678-6.668-26.694-19.395L.526 54.706C-1.49 41.979 7.193 30.027 19.92 28.01"/></clipPath></defs><path fill="#f5f5f5" d="M19.92 28.011L194.686.331C207.413-1.685 219.365 7 221.38 19.726l27.68 174.765c2.016 12.727-6.667 24.679-19.394 26.695L54.9 248.866c-12.727 2.016-24.678-6.668-26.694-19.395L.526 54.706C-1.49 41.979 7.193 30.027 19.92 28.01" filter="url(#SVGjWz4xbzC)" transform="translate(2.24 2.24)"/><g clip-path="url(#SVGMFOpNeVh)" transform="translate(2.24 2.24)"><circle cx="129.582" cy="128.848" r="116.671" fill="#fbfbfb" filter="url(#SVG0Kn3Ic1L)"/><circle cx="129.582" cy="128.848" r="72.924" fill="#fcfcfc" filter="url(#SVG0Kn3Ic1L)"/><circle cx="129.582" cy="128.848" r="29.169" fill="#fff" filter="url(#SVG0Kn3Ic1L)"/></g><path fill-opacity=".2" d="m22.203 30.519l174.766-27.68c12.58-1.993 24.393 6.59 26.385 19.17l27.68 174.765c1.993 12.58-6.59 24.393-19.17 26.385L57.098 250.84c-12.58 1.993-24.392-6.59-26.385-19.17L3.033 56.905c-1.993-12.58 6.59-24.393 19.17-26.385m-.085-.534C9.244 32.025.46 44.114 2.5 56.988l27.68 174.766c2.039 12.874 14.129 21.658 27.003 19.62l174.766-27.681c12.874-2.04 21.658-14.129 19.619-27.003l-27.68-174.766c-2.04-12.874-14.13-21.658-27.004-19.62z"/></svg>
</template>

CSS

.icon-gitup {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22SVGjWz4xbzC%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%221%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%221.5%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.14%200%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22SVG0Kn3Ic1L%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%221%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.17%200%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22SVGMFOpNeVh%22%3E%3Cpath%20d%3D%22M19.92%2028.011L194.686.331C207.413-1.685%20219.365%207%20221.38%2019.726l27.68%20174.765c2.016%2012.727-6.667%2024.679-19.394%2026.695L54.9%20248.866c-12.727%202.016-24.678-6.668-26.694-19.395L.526%2054.706C-1.49%2041.979%207.193%2030.027%2019.92%2028.01%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M19.92%2028.011L194.686.331C207.413-1.685%20219.365%207%20221.38%2019.726l27.68%20174.765c2.016%2012.727-6.667%2024.679-19.394%2026.695L54.9%20248.866c-12.727%202.016-24.678-6.668-26.694-19.395L.526%2054.706C-1.49%2041.979%207.193%2030.027%2019.92%2028.01%22%20filter%3D%22url(%23SVGjWz4xbzC)%22%20transform%3D%22translate(2.24%202.24)%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGMFOpNeVh)%22%20transform%3D%22translate(2.24%202.24)%22%3E%3Ccircle%20cx%3D%22129.582%22%20cy%3D%22128.848%22%20r%3D%22116.671%22%20fill%3D%22%23fbfbfb%22%20filter%3D%22url(%23SVG0Kn3Ic1L)%22%2F%3E%3Ccircle%20cx%3D%22129.582%22%20cy%3D%22128.848%22%20r%3D%2272.924%22%20fill%3D%22%23fcfcfc%22%20filter%3D%22url(%23SVG0Kn3Ic1L)%22%2F%3E%3Ccircle%20cx%3D%22129.582%22%20cy%3D%22128.848%22%20r%3D%2229.169%22%20fill%3D%22%23fff%22%20filter%3D%22url(%23SVG0Kn3Ic1L)%22%2F%3E%3C%2Fg%3E%3Cpath%20fill-opacity%3D%22.2%22%20d%3D%22m22.203%2030.519l174.766-27.68c12.58-1.993%2024.393%206.59%2026.385%2019.17l27.68%20174.765c1.993%2012.58-6.59%2024.393-19.17%2026.385L57.098%20250.84c-12.58%201.993-24.392-6.59-26.385-19.17L3.033%2056.905c-1.993-12.58%206.59-24.393%2019.17-26.385m-.085-.534C9.244%2032.025.46%2044.114%202.5%2056.988l27.68%20174.766c2.039%2012.874%2014.129%2021.658%2027.003%2019.62l174.766-27.681c12.874-2.04%2021.658-14.129%2019.619-27.003l-27.68-174.766c-2.04-12.874-14.13-21.658-27.004-19.62z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22SVGjWz4xbzC%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%221%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%221.5%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.14%200%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22SVG0Kn3Ic1L%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%221%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.17%200%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22SVGMFOpNeVh%22%3E%3Cpath%20d%3D%22M19.92%2028.011L194.686.331C207.413-1.685%20219.365%207%20221.38%2019.726l27.68%20174.765c2.016%2012.727-6.667%2024.679-19.394%2026.695L54.9%20248.866c-12.727%202.016-24.678-6.668-26.694-19.395L.526%2054.706C-1.49%2041.979%207.193%2030.027%2019.92%2028.01%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M19.92%2028.011L194.686.331C207.413-1.685%20219.365%207%20221.38%2019.726l27.68%20174.765c2.016%2012.727-6.667%2024.679-19.394%2026.695L54.9%20248.866c-12.727%202.016-24.678-6.668-26.694-19.395L.526%2054.706C-1.49%2041.979%207.193%2030.027%2019.92%2028.01%22%20filter%3D%22url(%23SVGjWz4xbzC)%22%20transform%3D%22translate(2.24%202.24)%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGMFOpNeVh)%22%20transform%3D%22translate(2.24%202.24)%22%3E%3Ccircle%20cx%3D%22129.582%22%20cy%3D%22128.848%22%20r%3D%22116.671%22%20fill%3D%22%23fbfbfb%22%20filter%3D%22url(%23SVG0Kn3Ic1L)%22%2F%3E%3Ccircle%20cx%3D%22129.582%22%20cy%3D%22128.848%22%20r%3D%2272.924%22%20fill%3D%22%23fcfcfc%22%20filter%3D%22url(%23SVG0Kn3Ic1L)%22%2F%3E%3Ccircle%20cx%3D%22129.582%22%20cy%3D%22128.848%22%20r%3D%2229.169%22%20fill%3D%22%23fff%22%20filter%3D%22url(%23SVG0Kn3Ic1L)%22%2F%3E%3C%2Fg%3E%3Cpath%20fill-opacity%3D%22.2%22%20d%3D%22m22.203%2030.519l174.766-27.68c12.58-1.993%2024.393%206.59%2026.385%2019.17l27.68%20174.765c1.993%2012.58-6.59%2024.393-19.17%2026.385L57.098%20250.84c-12.58%201.993-24.392-6.59-26.385-19.17L3.033%2056.905c-1.993-12.58%206.59-24.393%2019.17-26.385m-.085-.534C9.244%2032.025.46%2044.114%202.5%2056.988l27.68%20174.766c2.039%2012.874%2014.129%2021.658%2027.003%2019.62l174.766-27.681c12.874-2.04%2021.658-14.129%2019.619-27.003l-27.68-174.766c-2.04-12.874-14.13-21.658-27.004-19.62z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/gitup.svg?color=%231a73e8&size=48