gitlab icon logo

gitlab-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
gitlab-icon
Set
SVG Logos
Style
Color
Viewbox
256×247
License
CC0

Use the gitlab icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 247"><path fill="#e24329" d="m251.845 97.642l-.328-.986l-34.85-90.903c-.657-1.808-1.972-3.287-3.616-4.274Q210.586 0 207.627 0c-1.973 0-3.78.822-5.26 1.973a8.73 8.73 0 0 0-3.124 4.767l-23.506 71.999H80.56l-23.506-72c-.493-1.808-1.644-3.451-3.123-4.766C52.45.822 50.643 0 48.67 0s-3.781.329-5.425 1.48c-1.644.986-2.96 2.465-3.617 4.273L4.781 96.656l-.33.986c-10.355 26.959-1.479 57.37 21.535 74.794h.328c0 .164 53.096 39.944 53.096 39.944l26.3 19.89l15.946 12c3.78 2.96 9.205 2.96 12.986 0l15.945-12l26.3-19.89l53.424-39.944c23.014-17.425 31.726-47.835 21.37-74.794z"/><path fill="#fc6d26" d="m251.845 97.642l-.328-.986c-17.26 3.616-33.205 10.85-46.849 21.04c-.164 0-41.424 31.398-76.602 57.863a18377 18377 0 0 0 48.657 36.821l53.424-39.944c23.013-17.425 31.726-47.835 21.37-74.794z"/><path fill="#fca326" d="m79.245 212.38l26.301 19.89l15.945 12c3.78 2.96 9.206 2.96 12.986 0l15.945-12l26.301-19.89s-22.684-17.095-48.657-36.82c-26.136 19.725-48.82 36.82-48.82 36.82"/><path fill="#fc6d26" d="M51.465 117.697c-13.644-10.192-29.589-17.589-46.849-21.04l-.329.985c-10.356 26.959-1.479 57.37 21.534 74.794h.33c0 .164 53.094 39.944 53.094 39.944s22.685-17.095 48.821-36.82c-35.013-26.466-76.272-57.699-76.601-57.863"/></svg>

React

import type { SVGProps } from "react";

export function LogosGitlabIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 247"><path fill="#e24329" d="m251.845 97.642l-.328-.986l-34.85-90.903c-.657-1.808-1.972-3.287-3.616-4.274Q210.586 0 207.627 0c-1.973 0-3.78.822-5.26 1.973a8.73 8.73 0 0 0-3.124 4.767l-23.506 71.999H80.56l-23.506-72c-.493-1.808-1.644-3.451-3.123-4.766C52.45.822 50.643 0 48.67 0s-3.781.329-5.425 1.48c-1.644.986-2.96 2.465-3.617 4.273L4.781 96.656l-.33.986c-10.355 26.959-1.479 57.37 21.535 74.794h.328c0 .164 53.096 39.944 53.096 39.944l26.3 19.89l15.946 12c3.78 2.96 9.205 2.96 12.986 0l15.945-12l26.3-19.89l53.424-39.944c23.014-17.425 31.726-47.835 21.37-74.794z"/><path fill="#fc6d26" d="m251.845 97.642l-.328-.986c-17.26 3.616-33.205 10.85-46.849 21.04c-.164 0-41.424 31.398-76.602 57.863a18377 18377 0 0 0 48.657 36.821l53.424-39.944c23.013-17.425 31.726-47.835 21.37-74.794z"/><path fill="#fca326" d="m79.245 212.38l26.301 19.89l15.945 12c3.78 2.96 9.206 2.96 12.986 0l15.945-12l26.301-19.89s-22.684-17.095-48.657-36.82c-26.136 19.725-48.82 36.82-48.82 36.82"/><path fill="#fc6d26" d="M51.465 117.697c-13.644-10.192-29.589-17.589-46.849-21.04l-.329.985c-10.356 26.959-1.479 57.37 21.534 74.794h.33c0 .164 53.094 39.944 53.094 39.944s22.685-17.095 48.821-36.82c-35.013-26.466-76.272-57.699-76.601-57.863"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 247"><path fill="#e24329" d="m251.845 97.642l-.328-.986l-34.85-90.903c-.657-1.808-1.972-3.287-3.616-4.274Q210.586 0 207.627 0c-1.973 0-3.78.822-5.26 1.973a8.73 8.73 0 0 0-3.124 4.767l-23.506 71.999H80.56l-23.506-72c-.493-1.808-1.644-3.451-3.123-4.766C52.45.822 50.643 0 48.67 0s-3.781.329-5.425 1.48c-1.644.986-2.96 2.465-3.617 4.273L4.781 96.656l-.33.986c-10.355 26.959-1.479 57.37 21.535 74.794h.328c0 .164 53.096 39.944 53.096 39.944l26.3 19.89l15.946 12c3.78 2.96 9.205 2.96 12.986 0l15.945-12l26.3-19.89l53.424-39.944c23.014-17.425 31.726-47.835 21.37-74.794z"/><path fill="#fc6d26" d="m251.845 97.642l-.328-.986c-17.26 3.616-33.205 10.85-46.849 21.04c-.164 0-41.424 31.398-76.602 57.863a18377 18377 0 0 0 48.657 36.821l53.424-39.944c23.013-17.425 31.726-47.835 21.37-74.794z"/><path fill="#fca326" d="m79.245 212.38l26.301 19.89l15.945 12c3.78 2.96 9.206 2.96 12.986 0l15.945-12l26.301-19.89s-22.684-17.095-48.657-36.82c-26.136 19.725-48.82 36.82-48.82 36.82"/><path fill="#fc6d26" d="M51.465 117.697c-13.644-10.192-29.589-17.589-46.849-21.04l-.329.985c-10.356 26.959-1.479 57.37 21.534 74.794h.33c0 .164 53.094 39.944 53.094 39.944s22.685-17.095 48.821-36.82c-35.013-26.466-76.272-57.699-76.601-57.863"/></svg>
</template>

CSS

.icon-gitlab-icon {
  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%20247%22%3E%3Cpath%20fill%3D%22%23e24329%22%20d%3D%22m251.845%2097.642l-.328-.986l-34.85-90.903c-.657-1.808-1.972-3.287-3.616-4.274Q210.586%200%20207.627%200c-1.973%200-3.78.822-5.26%201.973a8.73%208.73%200%200%200-3.124%204.767l-23.506%2071.999H80.56l-23.506-72c-.493-1.808-1.644-3.451-3.123-4.766C52.45.822%2050.643%200%2048.67%200s-3.781.329-5.425%201.48c-1.644.986-2.96%202.465-3.617%204.273L4.781%2096.656l-.33.986c-10.355%2026.959-1.479%2057.37%2021.535%2074.794h.328c0%20.164%2053.096%2039.944%2053.096%2039.944l26.3%2019.89l15.946%2012c3.78%202.96%209.205%202.96%2012.986%200l15.945-12l26.3-19.89l53.424-39.944c23.014-17.425%2031.726-47.835%2021.37-74.794z%22%2F%3E%3Cpath%20fill%3D%22%23fc6d26%22%20d%3D%22m251.845%2097.642l-.328-.986c-17.26%203.616-33.205%2010.85-46.849%2021.04c-.164%200-41.424%2031.398-76.602%2057.863a18377%2018377%200%200%200%2048.657%2036.821l53.424-39.944c23.013-17.425%2031.726-47.835%2021.37-74.794z%22%2F%3E%3Cpath%20fill%3D%22%23fca326%22%20d%3D%22m79.245%20212.38l26.301%2019.89l15.945%2012c3.78%202.96%209.206%202.96%2012.986%200l15.945-12l26.301-19.89s-22.684-17.095-48.657-36.82c-26.136%2019.725-48.82%2036.82-48.82%2036.82%22%2F%3E%3Cpath%20fill%3D%22%23fc6d26%22%20d%3D%22M51.465%20117.697c-13.644-10.192-29.589-17.589-46.849-21.04l-.329.985c-10.356%2026.959-1.479%2057.37%2021.534%2074.794h.33c0%20.164%2053.094%2039.944%2053.094%2039.944s22.685-17.095%2048.821-36.82c-35.013-26.466-76.272-57.699-76.601-57.863%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%20247%22%3E%3Cpath%20fill%3D%22%23e24329%22%20d%3D%22m251.845%2097.642l-.328-.986l-34.85-90.903c-.657-1.808-1.972-3.287-3.616-4.274Q210.586%200%20207.627%200c-1.973%200-3.78.822-5.26%201.973a8.73%208.73%200%200%200-3.124%204.767l-23.506%2071.999H80.56l-23.506-72c-.493-1.808-1.644-3.451-3.123-4.766C52.45.822%2050.643%200%2048.67%200s-3.781.329-5.425%201.48c-1.644.986-2.96%202.465-3.617%204.273L4.781%2096.656l-.33.986c-10.355%2026.959-1.479%2057.37%2021.535%2074.794h.328c0%20.164%2053.096%2039.944%2053.096%2039.944l26.3%2019.89l15.946%2012c3.78%202.96%209.205%202.96%2012.986%200l15.945-12l26.3-19.89l53.424-39.944c23.014-17.425%2031.726-47.835%2021.37-74.794z%22%2F%3E%3Cpath%20fill%3D%22%23fc6d26%22%20d%3D%22m251.845%2097.642l-.328-.986c-17.26%203.616-33.205%2010.85-46.849%2021.04c-.164%200-41.424%2031.398-76.602%2057.863a18377%2018377%200%200%200%2048.657%2036.821l53.424-39.944c23.013-17.425%2031.726-47.835%2021.37-74.794z%22%2F%3E%3Cpath%20fill%3D%22%23fca326%22%20d%3D%22m79.245%20212.38l26.301%2019.89l15.945%2012c3.78%202.96%209.206%202.96%2012.986%200l15.945-12l26.301-19.89s-22.684-17.095-48.657-36.82c-26.136%2019.725-48.82%2036.82-48.82%2036.82%22%2F%3E%3Cpath%20fill%3D%22%23fc6d26%22%20d%3D%22M51.465%20117.697c-13.644-10.192-29.589-17.589-46.849-21.04l-.329.985c-10.356%2026.959-1.479%2057.37%2021.534%2074.794h.33c0%20.164%2053.094%2039.944%2053.094%2039.944s22.685-17.095%2048.821-36.82c-35.013-26.466-76.272-57.699-76.601-57.863%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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