Gitlab icon

logos:gitlab

The Gitlab icon (logos:gitlab) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 111 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 111

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="111" viewBox="0 0 512 111"><path fill="#171321" d="M206.738 41.7h16.828c-2.805-17.861-18.304-30.334-38.454-30.334s-41.7 17.492-41.7 46.867s17.05 46.72 42.217 46.72c25.168 0 38.675-14.467 38.675-38.011V56.019h-36.977v12.916h20.96c-.295 12.99-8.93 21.182-22.658 21.182s-25.684-11.44-25.684-32.032s10.627-31.884 25.315-31.884s18.452 5.904 21.404 15.5zm28.71 61.997h16.09v-68.27h-16.09zm8.045-79.12c5.093 0 9.3-3.912 9.3-8.71c0-4.796-4.207-8.782-9.3-8.782c-5.092 0-9.373 3.912-9.373 8.783s4.207 8.71 9.373 8.71m56.241 10.849h-13.507V19.042h-16.09v16.385h-9.668V47.9h9.668v38.01c0 12.842 9.226 19.19 21.33 18.82c4.576-.147 7.75-1.033 9.448-1.623l-2.731-12.62c-.886.22-2.731.59-4.724.59c-4.06 0-7.307-1.403-7.307-7.898v-35.28h13.507V35.428zm12.473 68.27h56.609V89.896h-40.077V12.62h-16.532zm87.46 1.403c10.702 0 17.123-5.02 20.076-10.776h.516v9.373h15.5V58.011c0-18.082-14.688-23.47-27.752-23.47s-25.389 6.421-28.932 18.82l15.057 2.14c1.624-4.649 6.126-8.634 14.023-8.634s11.588 3.837 11.588 10.554v.295c0 4.65-4.872 4.871-16.902 6.126c-13.285 1.402-25.906 5.388-25.906 20.74s9.816 20.518 22.88 20.518zm5.24-11.883c-6.716 0-11.513-3.1-11.513-9.004c0-5.905 5.388-8.783 12.62-9.817c4.208-.59 12.695-1.623 14.762-3.321v8.045c0 7.602-6.126 14.023-15.868 14.023zm42.661 10.48h15.794V92.922h.96c2.509 4.945 7.823 11.956 19.558 11.956S512 92.11 512 69.598c0-22.51-12.4-35.13-28.194-35.13s-17.049 7.232-19.558 12.177h-.665V12.547h-16.09v91.077h.075zm15.794-34.172c0-13.285 5.683-21.847 16.09-21.847s16.237 9.152 16.237 21.847s-5.61 22.142-16.237 22.142c-10.628 0-16.09-8.93-16.09-22.142"/><path fill="#e24329" d="m113.077 43.84l-.147-.442L97.283 2.583c-.296-.812-.886-1.476-1.624-1.919A4.64 4.64 0 0 0 93.223 0c-.885 0-1.697.369-2.361.886a3.9 3.9 0 0 0-1.403 2.14L78.905 35.353H36.17L25.617 3.026c-.222-.812-.738-1.55-1.402-2.14C23.55.369 22.738 0 21.853 0c-.886 0-1.698.148-2.436.664c-.738.443-1.328 1.107-1.624 1.92L2.146 43.397L2 43.841c-4.65 12.104-.664 25.758 9.668 33.582h.148c0 .074 23.84 17.935 23.84 17.935l11.808 8.93l7.16 5.388a4.76 4.76 0 0 0 5.83 0l7.16-5.388l11.809-8.93l23.987-17.935a29.016 29.016 0 0 0 9.594-33.582z"/><path fill="#fc6d26" d="m113.077 43.84l-.147-.442c-7.75 1.624-14.91 4.871-21.035 9.447c-.074 0-18.6 14.097-34.394 25.98a8326 8326 0 0 0 21.847 16.533l23.987-17.935a29.016 29.016 0 0 0 9.595-33.582z"/><path fill="#fca326" d="m35.58 95.358l11.81 8.93l7.159 5.388a4.76 4.76 0 0 0 5.83 0l7.16-5.388l11.809-8.93S69.163 87.682 57.5 78.825c-11.735 8.857-21.92 16.533-21.92 16.533"/><path fill="#fc6d26" d="M23.107 52.845c-6.125-4.576-13.285-7.897-21.034-9.447l-.148.443c-4.65 12.104-.664 25.758 9.669 33.582h.147c0 .074 23.84 17.935 23.84 17.935s10.185-7.676 21.92-16.533c-15.72-11.883-34.246-25.906-34.394-25.98"/></svg>

How to use the Gitlab icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:gitlab" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:gitlab" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:gitlab" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--gitlab]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:gitlab"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:gitlab"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/gitlab.svg" alt="Gitlab icon" width="24" height="24">

Related icons in SVG Logos

Gitlab icon in other icon sets

Gitlab icon FAQ

Is the Gitlab icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Gitlab icon in React?

Install @iconify/react and render <Icon icon="logos:gitlab" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Gitlab icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/gitlab.svg" alt="Gitlab icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →