Add logo to `README` :tada:

2 files changed, 34 insertions, 15 deletions

diff --git a/README.md b/README.md
index 4ad2fb70..c7a460d1 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,9 @@
-# Iced
+<div align="center">
+
+<img src="docs/logo.svg" width="140px" />
+
+# iced
+
 [![Test Status](https://github.com/hecrj/iced/workflows/Test/badge.svg?event=push)](https://github.com/hecrj/iced/actions)
 [![Documentation](https://docs.rs/iced/badge.svg)][documentation]
 [![Crates.io](https://img.shields.io/crates/v/iced.svg)](https://crates.io/crates/iced)
@@ -8,13 +13,13 @@
 A cross-platform GUI library for Rust focused on simplicity and type-safety.
 Inspired by [Elm].
 
-<div align="center">
-  <a href="https://gfycat.com/littlesanehalicore">
-    <img src="https://thumbs.gfycat.com/LittleSaneHalicore-small.gif" height="350px">
-  </a>
-  <a href="https://gfycat.com/politeadorableiberianmole">
-    <img src="https://thumbs.gfycat.com/PoliteAdorableIberianmole-small.gif">
-  </a>
+<a href="https://gfycat.com/littlesanehalicore">
+  <img src="https://thumbs.gfycat.com/LittleSaneHalicore-small.gif" height="350px">
+</a>
+<a href="https://gfycat.com/politeadorableiberianmole">
+  <img src="https://thumbs.gfycat.com/PoliteAdorableIberianmole-small.gif">
+</a>
+
 </div>
 
 ## Features
@@ -32,7 +37,7 @@ Inspired by [Elm].
     * A [windowing shell]
     * A [web runtime] leveraging the DOM
 
-__Iced is currently experimental software.__ [Take a look at the roadmap],
+__iced is currently experimental software.__ [Take a look at the roadmap],
 [check out the issues], and [feel free to contribute!]
 
 [Cross-platform support]: https://github.com/hecrj/iced/blob/master/docs/images/todos_desktop.jpg?raw=true
@@ -58,13 +63,13 @@ Add `iced` as a dependency in your `Cargo.toml`:
 iced = "0.3"
 ```
 
-__Iced moves fast and the `master` branch can contain breaking changes!__ If
+__iced moves fast and the `master` branch can contain breaking changes!__ If
 you want to learn about a specific release, check out [the release list].
 
 [the release list]: https://github.com/hecrj/iced/releases
 
 ## Overview
-Inspired by [The Elm Architecture], Iced expects you to split user interfaces
+Inspired by [The Elm Architecture], iced expects you to split user interfaces
 into four different concepts:
 
   * __State__ — the state of your application
@@ -154,7 +159,7 @@ impl Counter {
 }
 ```
 
-And that's everything! We just wrote a whole user interface. Iced is now able
+And that's everything! We just wrote a whole user interface. iced is now able
 to:
 
   1. Take the result of our __view logic__ and layout its widgets.
@@ -165,7 +170,7 @@ to:
 Browse the [documentation] and the [examples] to learn more!
 
 ## Implementation details
-Iced was originally born as an attempt at bringing the simplicity of [Elm] and
+iced was originally born as an attempt at bringing the simplicity of [Elm] and
 [The Elm Architecture] into [Coffee], a 2D game engine I am working on.
 
 The core of the library was implemented during May 2019 in [this pull request].
@@ -178,7 +183,7 @@ end-user-oriented GUI library, while keeping [the ecosystem] modular:
 
 <p align="center">
   <a href="https://github.com/hecrj/iced/blob/master/ECOSYSTEM.md">
-    <img alt="Iced Ecosystem" src="docs/graphs/ecosystem.png" width="80%">
+    <img alt="iced ecosystem" src="docs/graphs/ecosystem.png" width="80%">
   </a>
 </p>
 
@@ -199,7 +204,7 @@ awesome folks) over the `#games-and-graphics` and `#gui-and-ui` channels in
 the [Rust Community Discord]. I go by `lone_scientist#9554` there.
 
 ## Sponsors
-The development of Iced is sponsored by the [Cryptowatch] team at [Kraken.com]
+The development of iced is sponsored by the [Cryptowatch] team at [Kraken.com]
 
 [documentation]: https://docs.rs/iced/
 [examples]: https://github.com/hecrj/iced/tree/master/examples
diff --git a/docs/logo.svg b/docs/logo.svg
new file mode 100644
index 00000000..387db449
--- /dev/null
+++ b/docs/logo.svg
@@ -0,0 +1,14 @@
+<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="68" height="68" rx="18" fill="url(#paint0_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.2952 16.986L43.0273 26.4088L41.0081 24.4228L50.2761 15L52.2952 16.986ZM43.6175 17.0578L29.7156 31.192L27.6964 29.206L41.5983 15.0718L43.6175 17.0578ZM23.3109 24.9347C25.065 23.1615 26.8188 21.3887 30.4157 17.7317L32.4348 19.7177C28.8353 23.3774 27.0795 25.1523 25.3241 26.9267C23.8744 28.3921 22.425 29.8572 19.9355 32.3857L30.4685 35.1388L39.0223 26.442L41.0414 28.428L32.4876 37.1247L35.4218 47.6353L49.3019 33.7718L51.3033 35.7756L35.1269 51.9327L20.0283 47.7728L15.6165 32.7371L16.2 32.1438C19.7995 28.4842 21.5555 26.7091 23.3109 24.9347ZM32.6721 48.3186L29.7581 37.8804L19.2731 35.1398L22.3017 45.4614L32.6721 48.3186ZM48.3953 29.7021L50.7414 27.3561L48.7387 25.3535L46.3844 27.7078L36.4462 37.812L38.4654 39.7979L48.3953 29.7021Z" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="34" y1="0" x2="34" y2="68" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00A3FF"/>
+<stop offset="1" stop-color="#3300FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="20.5" y1="47.4656" x2="60" y2="6.96558" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.65"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file