diff --git a/website/src/components/Toolbar.js b/website/src/components/Toolbar.js
index 501b1a9c..361c09c8 100644
--- a/website/src/components/Toolbar.js
+++ b/website/src/components/Toolbar.js
@@ -13,6 +13,7 @@
 import React, {Component} from 'react';
 import Link from 'gatsby-link';
 import {Icon, Row, Col} from 'antd';
+import logo from '../pages/logos/logo.svg';
 import './Toolbar.css';
 
 type Props = {
@@ -24,18 +25,18 @@ export default class Toolbar extends Component<Props> {
     return (
       <div className="Toolbar">
         <Link to="/" className="logo">
-          <img
-            src="https://facebook.github.io/yoga/static/logo.svg"
-            width="42"
-            alt="Yoga logo"
-          />
+          <img src={logo} width="42" alt="Yoga logo" />
+        </Link>
+
+        <Link to="/docs" activeClassName="selected">
+          Documentation
         </Link>
-        
-        <Link to="/docs" activeClassName="selected">Documentation</Link>
 
         <Row>
           <Col lg={24} md={0} sm={0} xs={0}>
-            <Link to="/playground" activeClassName="selected">Playground</Link>
+            <Link to="/playground" activeClassName="selected">
+              Playground
+            </Link>
           </Col>
         </Row>
 
diff --git a/website/src/pages/logos/logo.svg b/website/src/pages/logos/logo.svg
new file mode 100644
index 00000000..fdda1548
--- /dev/null
+++ b/website/src/pages/logos/logo.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">
+<g>
+	<circle fill="#303846" cx="100" cy="100" r="74"/>
+	<g>
+		<path fill="none" stroke="#97DCCF" stroke-width="5" stroke-miterlimit="10" d="M100.6,130.6c5.9-10.3,6.3-23.3,0-34.3
+			c-6.3-11-17.9-17.1-29.7-17.1c-5.9,10.3-6.3,23.3,0,34.3C77.2,124.4,88.7,130.6,100.6,130.6z"/>
+		<path fill="none" stroke="#97DCCF" stroke-width="5" stroke-miterlimit="10" d="M99.4,130.6c11.8,0,23.3-6.1,29.7-17.1
+			c6.3-11,5.9-24,0-34.3c-11.8,0-23.3,6.1-29.7,17.1C93.1,107.3,93.5,120.3,99.4,130.6z"/>
+	</g>
+	<path fill="none" stroke="#97DCCF" stroke-width="5" stroke-miterlimit="10" d="M100,129.4c10.2-5.9,17.1-17,17.1-29.7
+		c0-12.7-6.9-23.8-17.1-29.7c-10.2,5.9-17.1,17-17.1,29.7C82.9,112.4,89.8,123.5,100,129.4z"/>
+</g>
+</svg>