gitlab logo
gitlab from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- gitlab
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
gitlab-fillAkar IconsgitlabBootstrap IconsgitlabBoxicons BrandsgitlabCatppuccin IconsgitlabFont Awesome 6 BrandsgitlabFeather IconsgitlabHuge IconsgitlabJam IconsgitlabLine AwesomegitlabSVG LogosgitlabLucidegitlabMaterial SymbolsgitlabMaterial Design IconsgitlabOpenMojigitlabPixelarticonsgitlab-fillRemix IcongitlabSimple Iconsgitlab-darkSkill Iconsgitlab-outlineTeenyiconsgitlabUniconsgitlabUnicons Monochrome
Use the gitlab logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e24329" d="m124.755 51.382l-.177-.452L107.47 6.282a4.46 4.46 0 0 0-1.761-2.121a4.58 4.58 0 0 0-5.236.281a4.6 4.6 0 0 0-1.518 2.304L87.404 42.088H40.629L29.077 6.746a4.5 4.5 0 0 0-1.518-2.31a4.58 4.58 0 0 0-5.236-.281a4.5 4.5 0 0 0-1.761 2.121L3.422 50.904l-.17.452c-5.059 13.219-.763 28.192 10.537 36.716l.059.046l.157.111l26.061 19.516l12.893 9.758l7.854 5.93a5.28 5.28 0 0 0 6.388 0l7.854-5.93l12.893-9.758l26.218-19.634l.065-.052c11.273-8.526 15.562-23.472 10.524-36.677"/><path fill="#fc6d26" d="m124.755 51.382l-.177-.452a57.8 57.8 0 0 0-23.005 10.341L64 89.682c12.795 9.68 23.934 18.09 23.934 18.09l26.218-19.634l.065-.052c11.291-8.527 15.586-23.488 10.538-36.704"/><path fill="#fca326" d="m40.066 107.771l12.893 9.758l7.854 5.93a5.28 5.28 0 0 0 6.388 0l7.854-5.93l12.893-9.758s-11.152-8.436-23.947-18.09a18379 18379 0 0 0-23.935 18.09"/><path fill="#fc6d26" d="M26.42 61.271A57.7 57.7 0 0 0 3.422 50.904l-.17.452c-5.059 13.219-.763 28.192 10.537 36.716l.059.046l.157.111l26.061 19.516L64 89.655z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconGitlab(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e24329" d="m124.755 51.382l-.177-.452L107.47 6.282a4.46 4.46 0 0 0-1.761-2.121a4.58 4.58 0 0 0-5.236.281a4.6 4.6 0 0 0-1.518 2.304L87.404 42.088H40.629L29.077 6.746a4.5 4.5 0 0 0-1.518-2.31a4.58 4.58 0 0 0-5.236-.281a4.5 4.5 0 0 0-1.761 2.121L3.422 50.904l-.17.452c-5.059 13.219-.763 28.192 10.537 36.716l.059.046l.157.111l26.061 19.516l12.893 9.758l7.854 5.93a5.28 5.28 0 0 0 6.388 0l7.854-5.93l12.893-9.758l26.218-19.634l.065-.052c11.273-8.526 15.562-23.472 10.524-36.677"/><path fill="#fc6d26" d="m124.755 51.382l-.177-.452a57.8 57.8 0 0 0-23.005 10.341L64 89.682c12.795 9.68 23.934 18.09 23.934 18.09l26.218-19.634l.065-.052c11.291-8.527 15.586-23.488 10.538-36.704"/><path fill="#fca326" d="m40.066 107.771l12.893 9.758l7.854 5.93a5.28 5.28 0 0 0 6.388 0l7.854-5.93l12.893-9.758s-11.152-8.436-23.947-18.09a18379 18379 0 0 0-23.935 18.09"/><path fill="#fc6d26" d="M26.42 61.271A57.7 57.7 0 0 0 3.422 50.904l-.17.452c-5.059 13.219-.763 28.192 10.537 36.716l.059.046l.157.111l26.061 19.516L64 89.655z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e24329" d="m124.755 51.382l-.177-.452L107.47 6.282a4.46 4.46 0 0 0-1.761-2.121a4.58 4.58 0 0 0-5.236.281a4.6 4.6 0 0 0-1.518 2.304L87.404 42.088H40.629L29.077 6.746a4.5 4.5 0 0 0-1.518-2.31a4.58 4.58 0 0 0-5.236-.281a4.5 4.5 0 0 0-1.761 2.121L3.422 50.904l-.17.452c-5.059 13.219-.763 28.192 10.537 36.716l.059.046l.157.111l26.061 19.516l12.893 9.758l7.854 5.93a5.28 5.28 0 0 0 6.388 0l7.854-5.93l12.893-9.758l26.218-19.634l.065-.052c11.273-8.526 15.562-23.472 10.524-36.677"/><path fill="#fc6d26" d="m124.755 51.382l-.177-.452a57.8 57.8 0 0 0-23.005 10.341L64 89.682c12.795 9.68 23.934 18.09 23.934 18.09l26.218-19.634l.065-.052c11.291-8.527 15.586-23.488 10.538-36.704"/><path fill="#fca326" d="m40.066 107.771l12.893 9.758l7.854 5.93a5.28 5.28 0 0 0 6.388 0l7.854-5.93l12.893-9.758s-11.152-8.436-23.947-18.09a18379 18379 0 0 0-23.935 18.09"/><path fill="#fc6d26" d="M26.42 61.271A57.7 57.7 0 0 0 3.422 50.904l-.17.452c-5.059 13.219-.763 28.192 10.537 36.716l.059.046l.157.111l26.061 19.516L64 89.655z"/></svg> </template>
CSS
.icon-gitlab {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23e24329%22%20d%3D%22m124.755%2051.382l-.177-.452L107.47%206.282a4.46%204.46%200%200%200-1.761-2.121a4.58%204.58%200%200%200-5.236.281a4.6%204.6%200%200%200-1.518%202.304L87.404%2042.088H40.629L29.077%206.746a4.5%204.5%200%200%200-1.518-2.31a4.58%204.58%200%200%200-5.236-.281a4.5%204.5%200%200%200-1.761%202.121L3.422%2050.904l-.17.452c-5.059%2013.219-.763%2028.192%2010.537%2036.716l.059.046l.157.111l26.061%2019.516l12.893%209.758l7.854%205.93a5.28%205.28%200%200%200%206.388%200l7.854-5.93l12.893-9.758l26.218-19.634l.065-.052c11.273-8.526%2015.562-23.472%2010.524-36.677%22%2F%3E%3Cpath%20fill%3D%22%23fc6d26%22%20d%3D%22m124.755%2051.382l-.177-.452a57.8%2057.8%200%200%200-23.005%2010.341L64%2089.682c12.795%209.68%2023.934%2018.09%2023.934%2018.09l26.218-19.634l.065-.052c11.291-8.527%2015.586-23.488%2010.538-36.704%22%2F%3E%3Cpath%20fill%3D%22%23fca326%22%20d%3D%22m40.066%20107.771l12.893%209.758l7.854%205.93a5.28%205.28%200%200%200%206.388%200l7.854-5.93l12.893-9.758s-11.152-8.436-23.947-18.09a18379%2018379%200%200%200-23.935%2018.09%22%2F%3E%3Cpath%20fill%3D%22%23fc6d26%22%20d%3D%22M26.42%2061.271A57.7%2057.7%200%200%200%203.422%2050.904l-.17.452c-5.059%2013.219-.763%2028.192%2010.537%2036.716l.059.046l.157.111l26.061%2019.516L64%2089.655z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23e24329%22%20d%3D%22m124.755%2051.382l-.177-.452L107.47%206.282a4.46%204.46%200%200%200-1.761-2.121a4.58%204.58%200%200%200-5.236.281a4.6%204.6%200%200%200-1.518%202.304L87.404%2042.088H40.629L29.077%206.746a4.5%204.5%200%200%200-1.518-2.31a4.58%204.58%200%200%200-5.236-.281a4.5%204.5%200%200%200-1.761%202.121L3.422%2050.904l-.17.452c-5.059%2013.219-.763%2028.192%2010.537%2036.716l.059.046l.157.111l26.061%2019.516l12.893%209.758l7.854%205.93a5.28%205.28%200%200%200%206.388%200l7.854-5.93l12.893-9.758l26.218-19.634l.065-.052c11.273-8.526%2015.562-23.472%2010.524-36.677%22%2F%3E%3Cpath%20fill%3D%22%23fc6d26%22%20d%3D%22m124.755%2051.382l-.177-.452a57.8%2057.8%200%200%200-23.005%2010.341L64%2089.682c12.795%209.68%2023.934%2018.09%2023.934%2018.09l26.218-19.634l.065-.052c11.291-8.527%2015.586-23.488%2010.538-36.704%22%2F%3E%3Cpath%20fill%3D%22%23fca326%22%20d%3D%22m40.066%20107.771l12.893%209.758l7.854%205.93a5.28%205.28%200%200%200%206.388%200l7.854-5.93l12.893-9.758s-11.152-8.436-23.947-18.09a18379%2018379%200%200%200-23.935%2018.09%22%2F%3E%3Cpath%20fill%3D%22%23fc6d26%22%20d%3D%22M26.42%2061.271A57.7%2057.7%200%200%200%203.422%2050.904l-.17.452c-5.059%2013.219-.763%2028.192%2010.537%2036.716l.059.046l.157.111l26.061%2019.516L64%2089.655z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/gitlab.svg?color=%231a73e8&size=48
