logo gitlab icon
logo-gitlab from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-gitlab
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
The same icon in other sets
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropbox
Use the logo gitlab icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m488.028 207.68l-.674-1.731l-65.335-171.154a17.07 17.07 0 0 0-6.723-8.129a17.445 17.445 0 0 0-19.995 1.08a17.57 17.57 0 0 0-5.799 8.83l-44.114 135.478H166.756L122.641 36.576a17.2 17.2 0 0 0-5.798-8.856a17.44 17.44 0 0 0-19.996-1.079a17.22 17.22 0 0 0-6.723 8.129l-65.46 171.078l-.649 1.731a122.2 122.2 0 0 0-3.308 77.122c7.259 25.388 22.543 47.718 43.548 63.625l.225.175l.6.427l99.526 74.814l49.238 37.407l29.993 22.73A20.1 20.1 0 0 0 256.034 488c4.405 0 8.689-1.447 12.197-4.121l29.993-22.73l49.238-37.407l100.126-75.266l.25-.2c20.958-15.91 36.207-38.217 43.454-63.57a122.26 122.26 0 0 0-3.264-77.026"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoGitlab(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m488.028 207.68l-.674-1.731l-65.335-171.154a17.07 17.07 0 0 0-6.723-8.129a17.445 17.445 0 0 0-19.995 1.08a17.57 17.57 0 0 0-5.799 8.83l-44.114 135.478H166.756L122.641 36.576a17.2 17.2 0 0 0-5.798-8.856a17.44 17.44 0 0 0-19.996-1.079a17.22 17.22 0 0 0-6.723 8.129l-65.46 171.078l-.649 1.731a122.2 122.2 0 0 0-3.308 77.122c7.259 25.388 22.543 47.718 43.548 63.625l.225.175l.6.427l99.526 74.814l49.238 37.407l29.993 22.73A20.1 20.1 0 0 0 256.034 488c4.405 0 8.689-1.447 12.197-4.121l29.993-22.73l49.238-37.407l100.126-75.266l.25-.2c20.958-15.91 36.207-38.217 43.454-63.57a122.26 122.26 0 0 0-3.264-77.026"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m488.028 207.68l-.674-1.731l-65.335-171.154a17.07 17.07 0 0 0-6.723-8.129a17.445 17.445 0 0 0-19.995 1.08a17.57 17.57 0 0 0-5.799 8.83l-44.114 135.478H166.756L122.641 36.576a17.2 17.2 0 0 0-5.798-8.856a17.44 17.44 0 0 0-19.996-1.079a17.22 17.22 0 0 0-6.723 8.129l-65.46 171.078l-.649 1.731a122.2 122.2 0 0 0-3.308 77.122c7.259 25.388 22.543 47.718 43.548 63.625l.225.175l.6.427l99.526 74.814l49.238 37.407l29.993 22.73A20.1 20.1 0 0 0 256.034 488c4.405 0 8.689-1.447 12.197-4.121l29.993-22.73l49.238-37.407l100.126-75.266l.25-.2c20.958-15.91 36.207-38.217 43.454-63.57a122.26 122.26 0 0 0-3.264-77.026"/></svg> </template>
CSS
.icon-logo-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m488.028%20207.68l-.674-1.731l-65.335-171.154a17.07%2017.07%200%200%200-6.723-8.129a17.445%2017.445%200%200%200-19.995%201.08a17.57%2017.57%200%200%200-5.799%208.83l-44.114%20135.478H166.756L122.641%2036.576a17.2%2017.2%200%200%200-5.798-8.856a17.44%2017.44%200%200%200-19.996-1.079a17.22%2017.22%200%200%200-6.723%208.129l-65.46%20171.078l-.649%201.731a122.2%20122.2%200%200%200-3.308%2077.122c7.259%2025.388%2022.543%2047.718%2043.548%2063.625l.225.175l.6.427l99.526%2074.814l49.238%2037.407l29.993%2022.73A20.1%2020.1%200%200%200%20256.034%20488c4.405%200%208.689-1.447%2012.197-4.121l29.993-22.73l49.238-37.407l100.126-75.266l.25-.2c20.958-15.91%2036.207-38.217%2043.454-63.57a122.26%20122.26%200%200%200-3.264-77.026%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m488.028%20207.68l-.674-1.731l-65.335-171.154a17.07%2017.07%200%200%200-6.723-8.129a17.445%2017.445%200%200%200-19.995%201.08a17.57%2017.57%200%200%200-5.799%208.83l-44.114%20135.478H166.756L122.641%2036.576a17.2%2017.2%200%200%200-5.798-8.856a17.44%2017.44%200%200%200-19.996-1.079a17.22%2017.22%200%200%200-6.723%208.129l-65.46%20171.078l-.649%201.731a122.2%20122.2%200%200%200-3.308%2077.122c7.259%2025.388%2022.543%2047.718%2043.548%2063.625l.225.175l.6.427l99.526%2074.814l49.238%2037.407l29.993%2022.73A20.1%2020.1%200%200%200%20256.034%20488c4.405%200%208.689-1.447%2012.197-4.121l29.993-22.73l49.238-37.407l100.126-75.266l.25-.2c20.958-15.91%2036.207-38.217%2043.454-63.57a122.26%20122.26%200%200%200-3.264-77.026%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-gitlab.svg?color=%231a73e8&size=48
