gitlab logo

gitlab from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
gitlab
Set
Font Awesome 6 Brands
Style
Regular
Viewbox
512×512
License
CC BY 4.0

The same logo in other sets

gitlab-fillAkar IconsgitlabBootstrap IconsgitlabBoxicons BrandsgitlabCatppuccin IconsgitlabDevicongitlabFeather 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 512 512"><path fill="currentColor" d="m503.5 204.6l-.7-1.8l-69.7-181.78c-1.4-3.57-3.9-6.59-7.2-8.64c-2.4-1.55-5.1-2.515-8-2.81s-5.7.083-8.4 1.11c-2.7 1.02-5.1 2.66-7.1 4.78c-1.9 2.12-3.3 4.67-4.1 7.44l-47 144H160.8l-47.1-144c-.8-2.77-2.2-5.31-4.1-7.43c-2-2.12-4.4-3.75-7.1-4.77a18.1 18.1 0 0 0-8.38-1.113a18.4 18.4 0 0 0-8.04 2.793a18.1 18.1 0 0 0-7.16 8.64L9.267 202.8l-.724 1.8a129.57 129.57 0 0 0-3.52 82c7.747 26.9 24.047 50.7 46.447 67.6l.27.2l.59.4l105.97 79.5l52.6 39.7l32 24.2c3.7 1.9 8.3 4.3 13 4.3s9.3-2.4 13-4.3l32-24.2l52.6-39.7l106.7-79.9l.3-.3c22.4-16.9 38.7-40.6 45.6-67.5c8.6-27 7.4-55.8-2.6-82"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsGitlab(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m503.5 204.6l-.7-1.8l-69.7-181.78c-1.4-3.57-3.9-6.59-7.2-8.64c-2.4-1.55-5.1-2.515-8-2.81s-5.7.083-8.4 1.11c-2.7 1.02-5.1 2.66-7.1 4.78c-1.9 2.12-3.3 4.67-4.1 7.44l-47 144H160.8l-47.1-144c-.8-2.77-2.2-5.31-4.1-7.43c-2-2.12-4.4-3.75-7.1-4.77a18.1 18.1 0 0 0-8.38-1.113a18.4 18.4 0 0 0-8.04 2.793a18.1 18.1 0 0 0-7.16 8.64L9.267 202.8l-.724 1.8a129.57 129.57 0 0 0-3.52 82c7.747 26.9 24.047 50.7 46.447 67.6l.27.2l.59.4l105.97 79.5l52.6 39.7l32 24.2c3.7 1.9 8.3 4.3 13 4.3s9.3-2.4 13-4.3l32-24.2l52.6-39.7l106.7-79.9l.3-.3c22.4-16.9 38.7-40.6 45.6-67.5c8.6-27 7.4-55.8-2.6-82"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m503.5 204.6l-.7-1.8l-69.7-181.78c-1.4-3.57-3.9-6.59-7.2-8.64c-2.4-1.55-5.1-2.515-8-2.81s-5.7.083-8.4 1.11c-2.7 1.02-5.1 2.66-7.1 4.78c-1.9 2.12-3.3 4.67-4.1 7.44l-47 144H160.8l-47.1-144c-.8-2.77-2.2-5.31-4.1-7.43c-2-2.12-4.4-3.75-7.1-4.77a18.1 18.1 0 0 0-8.38-1.113a18.4 18.4 0 0 0-8.04 2.793a18.1 18.1 0 0 0-7.16 8.64L9.267 202.8l-.724 1.8a129.57 129.57 0 0 0-3.52 82c7.747 26.9 24.047 50.7 46.447 67.6l.27.2l.59.4l105.97 79.5l52.6 39.7l32 24.2c3.7 1.9 8.3 4.3 13 4.3s9.3-2.4 13-4.3l32-24.2l52.6-39.7l106.7-79.9l.3-.3c22.4-16.9 38.7-40.6 45.6-67.5c8.6-27 7.4-55.8-2.6-82"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m503.5%20204.6l-.7-1.8l-69.7-181.78c-1.4-3.57-3.9-6.59-7.2-8.64c-2.4-1.55-5.1-2.515-8-2.81s-5.7.083-8.4%201.11c-2.7%201.02-5.1%202.66-7.1%204.78c-1.9%202.12-3.3%204.67-4.1%207.44l-47%20144H160.8l-47.1-144c-.8-2.77-2.2-5.31-4.1-7.43c-2-2.12-4.4-3.75-7.1-4.77a18.1%2018.1%200%200%200-8.38-1.113a18.4%2018.4%200%200%200-8.04%202.793a18.1%2018.1%200%200%200-7.16%208.64L9.267%20202.8l-.724%201.8a129.57%20129.57%200%200%200-3.52%2082c7.747%2026.9%2024.047%2050.7%2046.447%2067.6l.27.2l.59.4l105.97%2079.5l52.6%2039.7l32%2024.2c3.7%201.9%208.3%204.3%2013%204.3s9.3-2.4%2013-4.3l32-24.2l52.6-39.7l106.7-79.9l.3-.3c22.4-16.9%2038.7-40.6%2045.6-67.5c8.6-27%207.4-55.8-2.6-82%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m503.5%20204.6l-.7-1.8l-69.7-181.78c-1.4-3.57-3.9-6.59-7.2-8.64c-2.4-1.55-5.1-2.515-8-2.81s-5.7.083-8.4%201.11c-2.7%201.02-5.1%202.66-7.1%204.78c-1.9%202.12-3.3%204.67-4.1%207.44l-47%20144H160.8l-47.1-144c-.8-2.77-2.2-5.31-4.1-7.43c-2-2.12-4.4-3.75-7.1-4.77a18.1%2018.1%200%200%200-8.38-1.113a18.4%2018.4%200%200%200-8.04%202.793a18.1%2018.1%200%200%200-7.16%208.64L9.267%20202.8l-.724%201.8a129.57%20129.57%200%200%200-3.52%2082c7.747%2026.9%2024.047%2050.7%2046.447%2067.6l.27.2l.59.4l105.97%2079.5l52.6%2039.7l32%2024.2c3.7%201.9%208.3%204.3%2013%204.3s9.3-2.4%2013-4.3l32-24.2l52.6-39.7l106.7-79.9l.3-.3c22.4-16.9%2038.7-40.6%2045.6-67.5c8.6-27%207.4-55.8-2.6-82%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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