gitlab logo

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

Name
gitlab
Set
Font Awesome Brands
Style
Brand
Viewbox
640×640
License
CC BY 4.0

The same logo in other sets

gitlab-fillAkar Iconsgitlab-filledAnt Design IconsgitlabBootstrap IconsgitlabBoxicons BrandsgitlabCatppuccin IconsgitlabCoreUI BrandsgitlabDevicongitlabFont Awesome 6 BrandsgitlabFeather Iconsgitlab-solidFlowbite IconsgitlabHuge IconsgitlabIconParkgitlabIconPark OutlinegitlabIconPark SolidgitlabIconPark TwoTonegitlabJam IconsgitlabLine AwesomegitlabSVG LogosgitlabLucidegitlabMaterial Icon ThemegitlabMaterial SymbolsgitlabMaterial Symbols LightgitlabMaterial Design IconsgitlabMyna UI Icons

Related icons in Font Awesome Brands

gitlab-square

Use the gitlab logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m568 268.6l-.7-1.8L497.6 85c-1.4-3.6-3.9-6.6-7.2-8.6c-2.4-1.6-5.1-2.5-8-2.8s-5.7.1-8.4 1.1s-5.1 2.7-7.1 4.8c-1.9 2.1-3.3 4.7-4.1 7.4l-47 144H225.3l-47.1-144c-.8-2.8-2.2-5.3-4.1-7.4c-2-2.1-4.4-3.7-7.1-4.8c-2.6-1-5.5-1.4-8.4-1.1s-5.6 1.2-8 2.8c-3.2 2-5.8 5.1-7.2 8.6L73.8 266.8l-.8 1.8c-10 26.2-11.3 55-3.5 82c7.7 26.9 24 50.7 46.4 67.6l.3.2l.6.4l106 79.5c38.5 29.1 66.7 50.3 84.6 63.9c3.7 1.9 8.3 4.3 13 4.3s9.3-2.4 13-4.3c17.9-13.5 46.1-34.9 84.6-63.9l106.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 Fa7BrandsGitlab(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m568 268.6l-.7-1.8L497.6 85c-1.4-3.6-3.9-6.6-7.2-8.6c-2.4-1.6-5.1-2.5-8-2.8s-5.7.1-8.4 1.1s-5.1 2.7-7.1 4.8c-1.9 2.1-3.3 4.7-4.1 7.4l-47 144H225.3l-47.1-144c-.8-2.8-2.2-5.3-4.1-7.4c-2-2.1-4.4-3.7-7.1-4.8c-2.6-1-5.5-1.4-8.4-1.1s-5.6 1.2-8 2.8c-3.2 2-5.8 5.1-7.2 8.6L73.8 266.8l-.8 1.8c-10 26.2-11.3 55-3.5 82c7.7 26.9 24 50.7 46.4 67.6l.3.2l.6.4l106 79.5c38.5 29.1 66.7 50.3 84.6 63.9c3.7 1.9 8.3 4.3 13 4.3s9.3-2.4 13-4.3c17.9-13.5 46.1-34.9 84.6-63.9l106.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 640 640"><path fill="currentColor" d="m568 268.6l-.7-1.8L497.6 85c-1.4-3.6-3.9-6.6-7.2-8.6c-2.4-1.6-5.1-2.5-8-2.8s-5.7.1-8.4 1.1s-5.1 2.7-7.1 4.8c-1.9 2.1-3.3 4.7-4.1 7.4l-47 144H225.3l-47.1-144c-.8-2.8-2.2-5.3-4.1-7.4c-2-2.1-4.4-3.7-7.1-4.8c-2.6-1-5.5-1.4-8.4-1.1s-5.6 1.2-8 2.8c-3.2 2-5.8 5.1-7.2 8.6L73.8 266.8l-.8 1.8c-10 26.2-11.3 55-3.5 82c7.7 26.9 24 50.7 46.4 67.6l.3.2l.6.4l106 79.5c38.5 29.1 66.7 50.3 84.6 63.9c3.7 1.9 8.3 4.3 13 4.3s9.3-2.4 13-4.3c17.9-13.5 46.1-34.9 84.6-63.9l106.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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m568%20268.6l-.7-1.8L497.6%2085c-1.4-3.6-3.9-6.6-7.2-8.6c-2.4-1.6-5.1-2.5-8-2.8s-5.7.1-8.4%201.1s-5.1%202.7-7.1%204.8c-1.9%202.1-3.3%204.7-4.1%207.4l-47%20144H225.3l-47.1-144c-.8-2.8-2.2-5.3-4.1-7.4c-2-2.1-4.4-3.7-7.1-4.8c-2.6-1-5.5-1.4-8.4-1.1s-5.6%201.2-8%202.8c-3.2%202-5.8%205.1-7.2%208.6L73.8%20266.8l-.8%201.8c-10%2026.2-11.3%2055-3.5%2082c7.7%2026.9%2024%2050.7%2046.4%2067.6l.3.2l.6.4l106%2079.5c38.5%2029.1%2066.7%2050.3%2084.6%2063.9c3.7%201.9%208.3%204.3%2013%204.3s9.3-2.4%2013-4.3c17.9-13.5%2046.1-34.9%2084.6-63.9l106.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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m568%20268.6l-.7-1.8L497.6%2085c-1.4-3.6-3.9-6.6-7.2-8.6c-2.4-1.6-5.1-2.5-8-2.8s-5.7.1-8.4%201.1s-5.1%202.7-7.1%204.8c-1.9%202.1-3.3%204.7-4.1%207.4l-47%20144H225.3l-47.1-144c-.8-2.8-2.2-5.3-4.1-7.4c-2-2.1-4.4-3.7-7.1-4.8c-2.6-1-5.5-1.4-8.4-1.1s-5.6%201.2-8%202.8c-3.2%202-5.8%205.1-7.2%208.6L73.8%20266.8l-.8%201.8c-10%2026.2-11.3%2055-3.5%2082c7.7%2026.9%2024%2050.7%2046.4%2067.6l.3.2l.6.4l106%2079.5c38.5%2029.1%2066.7%2050.3%2084.6%2063.9c3.7%201.9%208.3%204.3%2013%204.3s9.3-2.4%2013-4.3c17.9-13.5%2046.1-34.9%2084.6-63.9l106.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/fa7-brands/gitlab.svg?color=%231a73e8&size=48