gitlab logo icon

gitlab-logo from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: gitlab-logo
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

gitlab-logo-bold gitlab-logo-duotone gitlab-logo-fill gitlab-logo-light gitlab-logo-thin

Related icons in Phosphor

Use the gitlab logo icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230.15 117.1L210.25 41a11.94 11.94 0 0 0-22.79-1.11L169.78 88H86.22L68.54 39.87A11.94 11.94 0 0 0 45.75 41l-19.9 76.1a57.19 57.19 0 0 0 22 61l73.27 51.76a11.91 11.91 0 0 0 13.74 0l73.27-51.76a57.19 57.19 0 0 0 22.02-61M58 57.5l15.13 41.26a8 8 0 0 0 7.51 5.24h94.72a8 8 0 0 0 7.51-5.24L198 57.5l13.07 50L128 166.21L44.9 107.5Zm-17.32 66.61L114.13 176l-20.72 14.65L57.09 165a41.06 41.06 0 0 1-16.41-40.89m87.32 91l-20.73-14.65L128 185.8l20.73 14.64ZM198.91 165l-36.32 25.66L141.87 176l73.45-51.9a41.06 41.06 0 0 1-16.41 40.9"/></svg>

React

import type { SVGProps } from "react";

export function PhGitlabLogo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230.15 117.1L210.25 41a11.94 11.94 0 0 0-22.79-1.11L169.78 88H86.22L68.54 39.87A11.94 11.94 0 0 0 45.75 41l-19.9 76.1a57.19 57.19 0 0 0 22 61l73.27 51.76a11.91 11.91 0 0 0 13.74 0l73.27-51.76a57.19 57.19 0 0 0 22.02-61M58 57.5l15.13 41.26a8 8 0 0 0 7.51 5.24h94.72a8 8 0 0 0 7.51-5.24L198 57.5l13.07 50L128 166.21L44.9 107.5Zm-17.32 66.61L114.13 176l-20.72 14.65L57.09 165a41.06 41.06 0 0 1-16.41-40.89m87.32 91l-20.73-14.65L128 185.8l20.73 14.64ZM198.91 165l-36.32 25.66L141.87 176l73.45-51.9a41.06 41.06 0 0 1-16.41 40.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230.15 117.1L210.25 41a11.94 11.94 0 0 0-22.79-1.11L169.78 88H86.22L68.54 39.87A11.94 11.94 0 0 0 45.75 41l-19.9 76.1a57.19 57.19 0 0 0 22 61l73.27 51.76a11.91 11.91 0 0 0 13.74 0l73.27-51.76a57.19 57.19 0 0 0 22.02-61M58 57.5l15.13 41.26a8 8 0 0 0 7.51 5.24h94.72a8 8 0 0 0 7.51-5.24L198 57.5l13.07 50L128 166.21L44.9 107.5Zm-17.32 66.61L114.13 176l-20.72 14.65L57.09 165a41.06 41.06 0 0 1-16.41-40.89m87.32 91l-20.73-14.65L128 185.8l20.73 14.64ZM198.91 165l-36.32 25.66L141.87 176l73.45-51.9a41.06 41.06 0 0 1-16.41 40.9"/></svg>
</template>

CSS

.icon-gitlab-logo {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M230.15%20117.1L210.25%2041a11.94%2011.94%200%200%200-22.79-1.11L169.78%2088H86.22L68.54%2039.87A11.94%2011.94%200%200%200%2045.75%2041l-19.9%2076.1a57.19%2057.19%200%200%200%2022%2061l73.27%2051.76a11.91%2011.91%200%200%200%2013.74%200l73.27-51.76a57.19%2057.19%200%200%200%2022.02-61M58%2057.5l15.13%2041.26a8%208%200%200%200%207.51%205.24h94.72a8%208%200%200%200%207.51-5.24L198%2057.5l13.07%2050L128%20166.21L44.9%20107.5Zm-17.32%2066.61L114.13%20176l-20.72%2014.65L57.09%20165a41.06%2041.06%200%200%201-16.41-40.89m87.32%2091l-20.73-14.65L128%20185.8l20.73%2014.64ZM198.91%20165l-36.32%2025.66L141.87%20176l73.45-51.9a41.06%2041.06%200%200%201-16.41%2040.9%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M230.15%20117.1L210.25%2041a11.94%2011.94%200%200%200-22.79-1.11L169.78%2088H86.22L68.54%2039.87A11.94%2011.94%200%200%200%2045.75%2041l-19.9%2076.1a57.19%2057.19%200%200%200%2022%2061l73.27%2051.76a11.91%2011.91%200%200%200%2013.74%200l73.27-51.76a57.19%2057.19%200%200%200%2022.02-61M58%2057.5l15.13%2041.26a8%208%200%200%200%207.51%205.24h94.72a8%208%200%200%200%207.51-5.24L198%2057.5l13.07%2050L128%20166.21L44.9%20107.5Zm-17.32%2066.61L114.13%20176l-20.72%2014.65L57.09%20165a41.06%2041.06%200%200%201-16.41-40.89m87.32%2091l-20.73-14.65L128%20185.8l20.73%2014.64ZM198.91%20165l-36.32%2025.66L141.87%20176l73.45-51.9a41.06%2041.06%200%200%201-16.41%2040.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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