SVG logo
I traced the current logo in Illustrator to get a good version. And with SVG we don't need any 2x magic because it's already vector. I should probably care about IE8, but I don't.
Paul O’Shannessy committed
Aug 30, 2014 at 15:56 UTC
9a1236790b1162b992c1cf229643dab4b617dca5
3 files changed
+24
-4
docs/_layouts/default.html
+1
-1
@@ -42,7 +42,7 @@
42
<div class="nav-main">
43
<div class="wrap">
44
<a class="nav-home" href="/react/index.html">
45
- <div class="nav-logo"></div>
45
+ <img class="nav-logo" src="/react/img/logo.svg" width="36" height="36">
46
React
47
</a>
48
<ul class="nav-site">
docs/css/react.scss
+2
-3
@@ -144,14 +144,13 @@ h1, h2, h3, h4, h5, h6 {
144
color: #00d8ff;
145
font-size: 24px;
146
line-height: $navHeight;
147
+ height: $navHeight;
148
+ display: inline-block;
149
}
150
151
.nav-logo {
150
- @include retina-image('../img/logo_small', 38px 38px);
152
vertical-align: middle;
153
display: inline-block;
153
- width: 38px;
154
- height: 38px;
154
}
155
156
ul {
docs/img/logo.svg
new
+21
@@ -0,0 +1,21 @@
1
+<?xml version="1.0" encoding="utf-8"?>
2
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ width="600px" height="600px" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
5
+<rect fill="#222222" width="600" height="600"/>
6
+<circle fill="#00D8FF" cx="299.529" cy="299.628" r="50.167"/>
7
+<path fill="none" stroke="#00D8FF" stroke-width="24" stroke-miterlimit="10" d="M299.529,197.628
8
+ c67.356,0,129.928,9.665,177.107,25.907c56.844,19.569,91.794,49.233,91.794,76.093c0,27.991-37.041,59.503-98.083,79.728
9
+ c-46.151,15.291-106.879,23.272-170.818,23.272c-65.554,0-127.63-7.492-174.29-23.441c-59.046-20.182-94.611-52.103-94.611-79.559
10
+ c0-26.642,33.37-56.076,89.415-75.616C167.398,207.503,231.515,197.628,299.529,197.628z"/>
11
+<path fill="none" stroke="#00D8FF" stroke-width="24" stroke-miterlimit="10" d="M210.736,248.922
12
+ c33.649-58.348,73.281-107.724,110.92-140.48c45.35-39.466,88.507-54.923,111.775-41.505
13
+ c24.248,13.983,33.042,61.814,20.067,124.796c-9.81,47.618-33.234,104.212-65.176,159.601
14
+ c-32.749,56.788-70.25,106.819-107.377,139.272c-46.981,41.068-92.4,55.929-116.185,42.213
15
+ c-23.079-13.31-31.906-56.921-20.834-115.233C153.281,368.316,176.758,307.841,210.736,248.922z"/>
16
+<path fill="none" stroke="#00D8FF" stroke-width="24" stroke-miterlimit="10" d="M210.821,351.482
17
+ c-33.746-58.292-56.731-117.287-66.312-166.255c-11.544-58.999-3.382-104.109,19.864-117.566
18
+ c24.224-14.024,70.055,2.244,118.14,44.94c36.356,32.28,73.688,80.837,105.723,136.173c32.844,56.733,57.461,114.209,67.036,162.582
19
+ c12.117,61.213,2.309,107.984-21.453,121.74c-23.057,13.348-65.249-0.784-110.239-39.499
20
+ C285.567,460.886,244.898,410.344,210.821,351.482z"/>
21
+</svg>