gitlab icon
gitlab from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- gitlab
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
gitlab-fillAkar IconsgitlabBoxicons BrandsgitlabCatppuccin IconsgitlabDevicongitlabFont Awesome 6 BrandsgitlabFeather IconsgitlabHuge IconsgitlabJam IconsgitlabLine AwesomegitlabSVG LogosgitlabLucidegitlabMaterial SymbolsgitlabMaterial Design IconsgitlabOpenMojigitlabPixelarticonsgitlab-fillRemix IcongitlabSimple Iconsgitlab-darkSkill Iconsgitlab-outlineTeenyiconsgitlabUniconsgitlabUnicons Monochrome
Use the gitlab icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m15.734 6.1l-.022-.058L13.534.358a.57.57 0 0 0-.563-.356a.6.6 0 0 0-.328.122a.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006l.02.014l3.318 2.485l1.64 1.242l1 .755a.67.67 0 0 0 .814 0l1-.755l1.64-1.242l3.338-2.5l.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
React
import type { SVGProps } from "react";
export function BiGitlab(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m15.734 6.1l-.022-.058L13.534.358a.57.57 0 0 0-.563-.356a.6.6 0 0 0-.328.122a.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006l.02.014l3.318 2.485l1.64 1.242l1 .755a.67.67 0 0 0 .814 0l1-.755l1.64-1.242l3.338-2.5l.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m15.734 6.1l-.022-.058L13.534.358a.57.57 0 0 0-.563-.356a.6.6 0 0 0-.328.122a.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006l.02.014l3.318 2.485l1.64 1.242l1 .755a.67.67 0 0 0 .814 0l1-.755l1.64-1.242l3.338-2.5l.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.734%206.1l-.022-.058L13.534.358a.57.57%200%200%200-.563-.356a.6.6%200%200%200-.328.122a.6.6%200%200%200-.193.294l-1.47%204.499H5.025l-1.47-4.5A.572.572%200%200%200%202.47.358L.289%206.04l-.022.057A4.044%204.044%200%200%200%201.61%2010.77l.007.006l.02.014l3.318%202.485l1.64%201.242l1%20.755a.67.67%200%200%200%20.814%200l1-.755l1.64-1.242l3.338-2.5l.009-.007a4.05%204.05%200%200%200%201.34-4.668Z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.734%206.1l-.022-.058L13.534.358a.57.57%200%200%200-.563-.356a.6.6%200%200%200-.328.122a.6.6%200%200%200-.193.294l-1.47%204.499H5.025l-1.47-4.5A.572.572%200%200%200%202.47.358L.289%206.04l-.022.057A4.044%204.044%200%200%200%201.61%2010.77l.007.006l.02.014l3.318%202.485l1.64%201.242l1%20.755a.67.67%200%200%200%20.814%200l1-.755l1.64-1.242l3.338-2.5l.009-.007a4.05%204.05%200%200%200%201.34-4.668Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/gitlab.svg?color=%231a73e8&size=48
