gitpod logo
gitpod from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- gitpod
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the gitpod logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGtlzHEeXv" x1="60.966" x2="19.202" y1="13.48" y2="78.93" gradientTransform="matrix(1.58024 0 0 1.42222 0 .61)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffb45b"/><stop offset="1" stop-color="#ff8a00"/></linearGradient></defs><path fill="url(#SVGtlzHEeXv)" fill-rule="evenodd" d="M76.047 6.922c3.8 6.008 1.488 13.66-5.164 17.094L29.52 45.356c-1.098.566-1.77 1.613-1.77 2.75v33.507c0 1.137.672 2.188 1.77 2.75l32.726 16.887a3.86 3.86 0 0 0 3.508 0L98.48 84.363c1.098-.562 1.77-1.613 1.77-2.75V60.777L70.816 75.77c-6.671 3.398-15.132 1.27-18.898-4.754s-1.41-13.664 5.266-17.067l42.113-21.453C112.129 25.961 128 34.328 128 47.63v36.527c0 8.555-5.078 16.453-13.305 20.7L77.102 124.25c-8.118 4.188-18.086 4.188-26.204 0l-37.593-19.395C5.078 100.61 0 92.711 0 84.156v-38.59c0-8.554 5.078-16.457 13.305-20.699L57.117 2.262c6.653-3.43 15.125-1.344 18.93 4.66m0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconGitpod(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGtlzHEeXv" x1="60.966" x2="19.202" y1="13.48" y2="78.93" gradientTransform="matrix(1.58024 0 0 1.42222 0 .61)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#ffb45b"/><stop offset="1" stopColor="#ff8a00"/></linearGradient></defs><path fill="url(#SVGtlzHEeXv)" fillRule="evenodd" d="M76.047 6.922c3.8 6.008 1.488 13.66-5.164 17.094L29.52 45.356c-1.098.566-1.77 1.613-1.77 2.75v33.507c0 1.137.672 2.188 1.77 2.75l32.726 16.887a3.86 3.86 0 0 0 3.508 0L98.48 84.363c1.098-.562 1.77-1.613 1.77-2.75V60.777L70.816 75.77c-6.671 3.398-15.132 1.27-18.898-4.754s-1.41-13.664 5.266-17.067l42.113-21.453C112.129 25.961 128 34.328 128 47.63v36.527c0 8.555-5.078 16.453-13.305 20.7L77.102 124.25c-8.118 4.188-18.086 4.188-26.204 0l-37.593-19.395C5.078 100.61 0 92.711 0 84.156v-38.59c0-8.554 5.078-16.457 13.305-20.699L57.117 2.262c6.653-3.43 15.125-1.344 18.93 4.66m0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGtlzHEeXv" x1="60.966" x2="19.202" y1="13.48" y2="78.93" gradientTransform="matrix(1.58024 0 0 1.42222 0 .61)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffb45b"/><stop offset="1" stop-color="#ff8a00"/></linearGradient></defs><path fill="url(#SVGtlzHEeXv)" fill-rule="evenodd" d="M76.047 6.922c3.8 6.008 1.488 13.66-5.164 17.094L29.52 45.356c-1.098.566-1.77 1.613-1.77 2.75v33.507c0 1.137.672 2.188 1.77 2.75l32.726 16.887a3.86 3.86 0 0 0 3.508 0L98.48 84.363c1.098-.562 1.77-1.613 1.77-2.75V60.777L70.816 75.77c-6.671 3.398-15.132 1.27-18.898-4.754s-1.41-13.664 5.266-17.067l42.113-21.453C112.129 25.961 128 34.328 128 47.63v36.527c0 8.555-5.078 16.453-13.305 20.7L77.102 124.25c-8.118 4.188-18.086 4.188-26.204 0l-37.593-19.395C5.078 100.61 0 92.711 0 84.156v-38.59c0-8.554 5.078-16.457 13.305-20.699L57.117 2.262c6.653-3.43 15.125-1.344 18.93 4.66m0 0"/></svg> </template>
CSS
.icon-gitpod {
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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtlzHEeXv%22%20x1%3D%2260.966%22%20x2%3D%2219.202%22%20y1%3D%2213.48%22%20y2%3D%2278.93%22%20gradientTransform%3D%22matrix(1.58024%200%200%201.42222%200%20.61)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffb45b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff8a00%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGtlzHEeXv)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M76.047%206.922c3.8%206.008%201.488%2013.66-5.164%2017.094L29.52%2045.356c-1.098.566-1.77%201.613-1.77%202.75v33.507c0%201.137.672%202.188%201.77%202.75l32.726%2016.887a3.86%203.86%200%200%200%203.508%200L98.48%2084.363c1.098-.562%201.77-1.613%201.77-2.75V60.777L70.816%2075.77c-6.671%203.398-15.132%201.27-18.898-4.754s-1.41-13.664%205.266-17.067l42.113-21.453C112.129%2025.961%20128%2034.328%20128%2047.63v36.527c0%208.555-5.078%2016.453-13.305%2020.7L77.102%20124.25c-8.118%204.188-18.086%204.188-26.204%200l-37.593-19.395C5.078%20100.61%200%2092.711%200%2084.156v-38.59c0-8.554%205.078-16.457%2013.305-20.699L57.117%202.262c6.653-3.43%2015.125-1.344%2018.93%204.66m0%200%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtlzHEeXv%22%20x1%3D%2260.966%22%20x2%3D%2219.202%22%20y1%3D%2213.48%22%20y2%3D%2278.93%22%20gradientTransform%3D%22matrix(1.58024%200%200%201.42222%200%20.61)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffb45b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff8a00%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGtlzHEeXv)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M76.047%206.922c3.8%206.008%201.488%2013.66-5.164%2017.094L29.52%2045.356c-1.098.566-1.77%201.613-1.77%202.75v33.507c0%201.137.672%202.188%201.77%202.75l32.726%2016.887a3.86%203.86%200%200%200%203.508%200L98.48%2084.363c1.098-.562%201.77-1.613%201.77-2.75V60.777L70.816%2075.77c-6.671%203.398-15.132%201.27-18.898-4.754s-1.41-13.664%205.266-17.067l42.113-21.453C112.129%2025.961%20128%2034.328%20128%2047.63v36.527c0%208.555-5.078%2016.453-13.305%2020.7L77.102%20124.25c-8.118%204.188-18.086%204.188-26.204%200l-37.593-19.395C5.078%20100.61%200%2092.711%200%2084.156v-38.59c0-8.554%205.078-16.457%2013.305-20.699L57.117%202.262c6.653-3.43%2015.125-1.344%2018.93%204.66m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/gitpod.svg?color=%231a73e8&size=48
