git-scm.com/content/community/logos.html at 11a74a477690a33b7a79f0574d34fd0d740535dc · git/git-scm.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
---
section: "community"
subsection: "logos"
title: "Git - Logo Downloads"
url: /community/logos.html
aliases:
- /community/logos/index.html
- /downloads/logos/index.html
- /downloads/logos.html
---

<style>
.light-theme-logo { background: var(--light-theme-logo-bg, none) }
.dark-theme-logo  { background: var(--dark-theme-logo-bg, none) }

@media screen and (prefers-color-scheme: light) {
  :root { --dark-theme-logo-bg: #333; }
}
@media screen and (prefers-color-scheme: dark) {
  :root { --light-theme-logo-bg: #fcfcfa; }
}
:root[data-theme="light"] { --light-theme-logo-bg: none; --dark-theme-logo-bg: #333 }
:root[data-theme="dark"]  { --light-theme-logo-bg: #fcfcfa; --dark-theme-logo-bg: none }
</style>

<div id="main">
  <h1>Logos</h1>
  <div class="two-column">
    <div class="column-left">
      <ul class="content-list">
        <li>
          <svg width="294" height="100" viewBox="-10 -10 239 112" class="light-theme-logo">
            <use href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}#icon" fill="#f03c2e"/>
            <use href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}#text" fill="#362701"/>
          </svg>
          <h4>Full color Git logo for light backgrounds</h4>
          <p class="description">
            <a href="{{< relurl "images/logos/downloads/Git-Logo-2Color.png" >}}">PNG (bitmap)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Logo-2Color.eps" >}}">EPS (vector)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Logo-2Color.svg" >}}">SVG (vector)</a>
          </p>
        </li>
        <li>
          <svg width="294" height="100" viewBox="-10 -10 239 112" class="light-theme-logo">
            <use href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}#icon" fill="#f03c2e"/>
            <use href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}#text" fill="#f03c2e"/>
          </svg>
          <h4>Orange Git logo for light backgrounds</h4>
          <p class="description">
            <a href="{{< relurl "images/logos/downloads/Git-Logo-1788C.png" >}}">PNG (bitmap)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Logo-1788C.eps" >}}">EPS (vector)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Logo-1788C.svg" >}}">SVG (vector)</a>
          </p>
        </li>
        <li>
          <svg width="294" height="100" viewBox="-10 -10 239 112" class="light-theme-logo">
            <use href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}#icon" fill="#100f0d"/>
            <use href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}#text" fill="#100f0d"/>
          </svg>
          <h4>One color Git logo for light backgrounds</h4>
          <p class="description">
            <a href="{{< relurl "images/logos/downloads/Git-Logo-Black.png" >}}">PNG (bitmap)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Logo-Black.eps" >}}">EPS (vector)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}">SVG (vector)</a>
          </p>
        </li>
        <li>
          <svg width="294" height="100" viewBox="-10 -10 239 112" class="dark-theme-logo">
            <use href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}#icon" fill="#fff"/>
            <use href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}#text" fill="#fff"/>
          </svg>
          <h4>One color Git logo for dark backgrounds</h4>
          <p class="description">
            <a href="{{< relurl "images/logos/downloads/Git-Logo-White.png" >}}">PNG (bitmap)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Logo-White.eps" >}}">EPS (vector)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Logo-White.svg" >}}">SVG (vector)</a>
          </p>
        </li>
      </ul>
    </div>
    <div class="column-right">
      <ul class="content-list">
        <li>
          <svg width="294" height="100" viewBox="-10 -10 112 112" class="light-theme-logo">>
            <use href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}#icon" fill="#f03c2e"/>
          </svg>
          <h4>Orange logomark for light backgrounds</h4>
          <p class="description">
            <a href="{{< relurl "images/logos/downloads/Git-Icon-1788C.png" >}}">PNG (bitmap)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Icon-1788C.eps" >}}">EPS (vector)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Icon-1788C.svg" >}}">SVG (vector)</a>
          </p>
        </li>
        <li>
          <svg width="294" height="100" viewBox="-10 -10 112 112" class="light-theme-logo">>
            <use href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}#icon" fill="#100f0d"/>
          </svg>
          <h4>Black logomark for light backgrounds</h4>
          <p class="description">
            <a href="{{< relurl "images/logos/downloads/Git-Icon-Black.png" >}}">PNG (bitmap)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Icon-Black.eps" >}}">EPS (vector)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Icon-Black.svg" >}}">SVG (vector)</a>
          </p>
        </li>
        <li>
          <svg width="294" height="100" viewBox="-10 -10 112 112" class="dark-theme-logo">
            <use href="{{< relurl "images/logos/downloads/Git-Logo-Black.svg" >}}#icon" fill="#fff"/>
          </svg>
          <h4>White logomark for dark backgrounds</h4>
          <p class="description">
            <a href="{{< relurl "images/logos/downloads/Git-Icon-White.png" >}}">PNG (bitmap)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Icon-White.eps" >}}">EPS (vector)</a>
            &middot;
            <a href="{{< relurl "images/logos/downloads/Git-Icon-White.svg" >}}">SVG (vector)</a>
          </p>
        </li>
      </ul>
    </div>
  </div>
  <div id="logo-license">
    <p>
      <img src="{{< relurl "images/creative-commons.png" >}}" />
      Git Logo by <a href="https://bsky.app/profile/jasonlong.me">Jason Long</a> is licensed under the <a href="https://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.
    </p>
    <p>
      This license lets others distribute, remix, tweak, and build upon your work, even commercially, as long as they credit you for the original creation. This is the most accommodating of the CC licenses offered. Recommended for maximum dissemination and use of licensed materials.
    </p>
  </div>
</div>