gitlab logo
gitlab from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- gitlab
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
The same logo in other sets
gitlab-fillAkar Iconsgitlab-filledAnt Design IconsgitlabBootstrap IconsgitlabBoxicons BrandsgitlabCatppuccin IconsgitlabCoreUI BrandsgitlabDevicongitlabFont Awesome 6 BrandsgitlabFont Awesome BrandsgitlabFeather Iconsgitlab-solidFlowbite IconsgitlabHuge IconsgitlabIconParkgitlabIconPark OutlinegitlabIconPark SolidgitlabIconPark TwoTonegitlabJam IconsgitlabLine AwesomegitlabSVG LogosgitlabLucidegitlabMaterial SymbolsgitlabMaterial Symbols LightgitlabMaterial Design IconsgitlabMyna UI Icons
Use the gitlab logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e53935" d="m29.532 13.083l-.037-.105l-3.811-10.322a1 1 0 0 0-.392-.49a.985.985 0 0 0-1.39.316a1 1 0 0 0-.122.28L21.208 10H10.792L8.22 2.762a1.004 1.004 0 0 0-1.246-.721a1 1 0 0 0-.266.124a1 1 0 0 0-.392.491L2.507 12.98l-.04.103a7.52 7.52 0 0 0 2.348 8.491l.015.012l.032.026l5.797 4.511l2.876 2.257l1.747 1.372a1.146 1.146 0 0 0 1.424 0l1.747-1.372l2.876-2.257l5.838-4.537l.016-.013a7.52 7.52 0 0 0 2.35-8.49Z"/><path fill="#ef6c00" d="m29.532 13.083l-.037-.105a12.6 12.6 0 0 0-5.123 2.394l-8.367 6.57l5.327 4.181l5.839-4.537l.016-.013a7.52 7.52 0 0 0 2.345-8.49"/><path fill="#f9a825" d="m10.659 26.123l2.876 2.257l1.747 1.372a1.146 1.146 0 0 0 1.424 0l1.747-1.372l2.876-2.257L16 21.943Z"/><path fill="#ef6c00" d="M7.628 15.371a12.6 12.6 0 0 0-5.12-2.39l-.04.102a7.52 7.52 0 0 0 2.347 8.491l.015.012l.032.026l5.797 4.511l5.331-4.18Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeGitlab(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e53935" d="m29.532 13.083l-.037-.105l-3.811-10.322a1 1 0 0 0-.392-.49a.985.985 0 0 0-1.39.316a1 1 0 0 0-.122.28L21.208 10H10.792L8.22 2.762a1.004 1.004 0 0 0-1.246-.721a1 1 0 0 0-.266.124a1 1 0 0 0-.392.491L2.507 12.98l-.04.103a7.52 7.52 0 0 0 2.348 8.491l.015.012l.032.026l5.797 4.511l2.876 2.257l1.747 1.372a1.146 1.146 0 0 0 1.424 0l1.747-1.372l2.876-2.257l5.838-4.537l.016-.013a7.52 7.52 0 0 0 2.35-8.49Z"/><path fill="#ef6c00" d="m29.532 13.083l-.037-.105a12.6 12.6 0 0 0-5.123 2.394l-8.367 6.57l5.327 4.181l5.839-4.537l.016-.013a7.52 7.52 0 0 0 2.345-8.49"/><path fill="#f9a825" d="m10.659 26.123l2.876 2.257l1.747 1.372a1.146 1.146 0 0 0 1.424 0l1.747-1.372l2.876-2.257L16 21.943Z"/><path fill="#ef6c00" d="M7.628 15.371a12.6 12.6 0 0 0-5.12-2.39l-.04.102a7.52 7.52 0 0 0 2.347 8.491l.015.012l.032.026l5.797 4.511l5.331-4.18Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e53935" d="m29.532 13.083l-.037-.105l-3.811-10.322a1 1 0 0 0-.392-.49a.985.985 0 0 0-1.39.316a1 1 0 0 0-.122.28L21.208 10H10.792L8.22 2.762a1.004 1.004 0 0 0-1.246-.721a1 1 0 0 0-.266.124a1 1 0 0 0-.392.491L2.507 12.98l-.04.103a7.52 7.52 0 0 0 2.348 8.491l.015.012l.032.026l5.797 4.511l2.876 2.257l1.747 1.372a1.146 1.146 0 0 0 1.424 0l1.747-1.372l2.876-2.257l5.838-4.537l.016-.013a7.52 7.52 0 0 0 2.35-8.49Z"/><path fill="#ef6c00" d="m29.532 13.083l-.037-.105a12.6 12.6 0 0 0-5.123 2.394l-8.367 6.57l5.327 4.181l5.839-4.537l.016-.013a7.52 7.52 0 0 0 2.345-8.49"/><path fill="#f9a825" d="m10.659 26.123l2.876 2.257l1.747 1.372a1.146 1.146 0 0 0 1.424 0l1.747-1.372l2.876-2.257L16 21.943Z"/><path fill="#ef6c00" d="M7.628 15.371a12.6 12.6 0 0 0-5.12-2.39l-.04.102a7.52 7.52 0 0 0 2.347 8.491l.015.012l.032.026l5.797 4.511l5.331-4.18Z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22%23e53935%22%20d%3D%22m29.532%2013.083l-.037-.105l-3.811-10.322a1%201%200%200%200-.392-.49a.985.985%200%200%200-1.39.316a1%201%200%200%200-.122.28L21.208%2010H10.792L8.22%202.762a1.004%201.004%200%200%200-1.246-.721a1%201%200%200%200-.266.124a1%201%200%200%200-.392.491L2.507%2012.98l-.04.103a7.52%207.52%200%200%200%202.348%208.491l.015.012l.032.026l5.797%204.511l2.876%202.257l1.747%201.372a1.146%201.146%200%200%200%201.424%200l1.747-1.372l2.876-2.257l5.838-4.537l.016-.013a7.52%207.52%200%200%200%202.35-8.49Z%22%2F%3E%3Cpath%20fill%3D%22%23ef6c00%22%20d%3D%22m29.532%2013.083l-.037-.105a12.6%2012.6%200%200%200-5.123%202.394l-8.367%206.57l5.327%204.181l5.839-4.537l.016-.013a7.52%207.52%200%200%200%202.345-8.49%22%2F%3E%3Cpath%20fill%3D%22%23f9a825%22%20d%3D%22m10.659%2026.123l2.876%202.257l1.747%201.372a1.146%201.146%200%200%200%201.424%200l1.747-1.372l2.876-2.257L16%2021.943Z%22%2F%3E%3Cpath%20fill%3D%22%23ef6c00%22%20d%3D%22M7.628%2015.371a12.6%2012.6%200%200%200-5.12-2.39l-.04.102a7.52%207.52%200%200%200%202.347%208.491l.015.012l.032.026l5.797%204.511l5.331-4.18Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22%23e53935%22%20d%3D%22m29.532%2013.083l-.037-.105l-3.811-10.322a1%201%200%200%200-.392-.49a.985.985%200%200%200-1.39.316a1%201%200%200%200-.122.28L21.208%2010H10.792L8.22%202.762a1.004%201.004%200%200%200-1.246-.721a1%201%200%200%200-.266.124a1%201%200%200%200-.392.491L2.507%2012.98l-.04.103a7.52%207.52%200%200%200%202.348%208.491l.015.012l.032.026l5.797%204.511l2.876%202.257l1.747%201.372a1.146%201.146%200%200%200%201.424%200l1.747-1.372l2.876-2.257l5.838-4.537l.016-.013a7.52%207.52%200%200%200%202.35-8.49Z%22%2F%3E%3Cpath%20fill%3D%22%23ef6c00%22%20d%3D%22m29.532%2013.083l-.037-.105a12.6%2012.6%200%200%200-5.123%202.394l-8.367%206.57l5.327%204.181l5.839-4.537l.016-.013a7.52%207.52%200%200%200%202.345-8.49%22%2F%3E%3Cpath%20fill%3D%22%23f9a825%22%20d%3D%22m10.659%2026.123l2.876%202.257l1.747%201.372a1.146%201.146%200%200%200%201.424%200l1.747-1.372l2.876-2.257L16%2021.943Z%22%2F%3E%3Cpath%20fill%3D%22%23ef6c00%22%20d%3D%22M7.628%2015.371a12.6%2012.6%200%200%200-5.12-2.39l-.04.102a7.52%207.52%200%200%200%202.347%208.491l.015.012l.032.026l5.797%204.511l5.331-4.18Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/gitlab.svg?color=%231a73e8&size=48
