From ef8c9dd59f373739fd8872d1cc92cec344717aa4 Mon Sep 17 00:00:00 2001
From: Jason Herskowitz <jherskowitz@globallistic.com>
Date: Thu, 6 Dec 2012 13:38:58 -0500
Subject: [PATCH] Another batch of SVGs

---
 data/images/add.svg                            | 10 ++++++++++
 data/images/automatic-playlist.svg             | 16 ++++++++++++++++
 data/images/drop-album.svg                     | 14 ++++++++++++++
 data/images/drop-all-songs.svg                 | 14 ++++++++++++++
 data/images/drop-local-songs.svg               | 18 ++++++++++++++++++
 data/images/drop-song.svg                      | 14 ++++++++++++++
 data/images/drop-top-songs.svg                 | 14 ++++++++++++++
 data/images/view-toggle-icon-cloud-active.svg  | 14 ++++++++++++++
 .../images/view-toggle-icon-cloud-inactive.svg | 14 ++++++++++++++
 9 files changed, 128 insertions(+)
 create mode 100644 data/images/add.svg
 create mode 100644 data/images/automatic-playlist.svg
 create mode 100644 data/images/drop-album.svg
 create mode 100644 data/images/drop-all-songs.svg
 create mode 100644 data/images/drop-local-songs.svg
 create mode 100644 data/images/drop-song.svg
 create mode 100644 data/images/drop-top-songs.svg
 create mode 100644 data/images/view-toggle-icon-cloud-active.svg
 create mode 100644 data/images/view-toggle-icon-cloud-inactive.svg

diff --git a/data/images/add.svg b/data/images/add.svg
new file mode 100644
index 000000000..7ab0712d3
--- /dev/null
+++ b/data/images/add.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="82px" height="82px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>add</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs></defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <path d="M41,71 C57.5685433,71 71,57.5685433 71,41 C71,24.4314567 57.5685433,11 41,11 C24.4314567,11 11,24.4314567 11,41 C11,57.5685433 24.4314567,71 41,71 Z M41,71" id="Oval 1" fill="rgb(154,170,198)"></path>
+        <path d="M45.1402321,37.4080257 L45.1402321,25.8322088 C45.1402321,24.8210227 44.3242652,24 43.3216195,24 L39.6753614,24 C38.6787375,24 37.8567488,24.8210228 37.8567488,25.8322088 L37.8567488,37.4080257 L26.8246346,37.4080257 C25.812956,37.4080257 25,38.22603 25,39.2372161 L25,42.6541194 C25,43.6653056 25.8159669,44.4833098 26.8246346,44.4833098 L37.8567488,44.4833098 L37.8567488,56.1738281 C37.8567488,57.1819957 38.6787376,58 39.6753614,58 L43.3216195,58 C44.3272762,58 45.1402321,57.1819957 45.1402321,56.1738281 L45.1402321,44.4833098 L56.1783677,44.4833098 C57.1840244,44.4833098 57.9999914,43.6653056 57.9999914,42.6541194 L57.9999914,39.2372161 C58.0030567,38.2230705 57.1840693,37.4080257 56.1783677,37.4080257 L45.1402321,37.4080257 Z M45.1402321,37.4080257" id="Shape" fill="rgb(254,255,254)"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/data/images/automatic-playlist.svg b/data/images/automatic-playlist.svg
new file mode 100644
index 000000000..13db148fb
--- /dev/null
+++ b/data/images/automatic-playlist.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="107px" height="107px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>automatic-playlist</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="100%" id="radialGradient-1">
+            <stop stop-color="rgb(98,156,210)" offset="0%"></stop>
+            <stop stop-color="rgb(19,67,172)" offset="100%"></stop>
+        </radialGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <g id="g2598" fill="rgb(0,0,0)">
+            <path d="M20.0684075,81.2901123 L20.9789657,80.3761627 L28.3736486,85.5563411 L26.3575333,87.5775429 C24.502504,89.429181 24.502504,92.4457232 26.354142,94.2990568 C28.2074758,96.1523906 31.2223223,96.1523906 33.0807429,94.2990568 L37.4521008,89.9260028 C43.0087105,84.3710886 43.9158777,78.5380895 44.0939198,74.0751679 C44.1176588,73.4715203 44.1312239,72.8729597 44.126137,72.2777904 C44.1227457,70.6414986 44.0396594,69.0238586 43.9599643,67.4604792 C43.8802693,65.9310126 43.8175306,64.566023 43.8073568,63.1908597 C43.8005742,62.5685601 43.8073568,61.9479562 43.8310957,61.3358304 C43.8972257,59.8487549 44.0633983,58.2497669 44.516134,56.5795623 L52.9519391,62.4854738 C50.8357813,63.3502498 48.8077968,63.6622475 46.9392023,63.7792466 C46.9561587,64.8831078 47.0172017,66.0293599 47.0799404,67.2807417 C47.1562441,68.7627304 47.2291566,70.2141976 47.2478087,71.7080559 C53.384327,71.8182724 59.8447124,70.9823223 65.7777551,65.0492805 C71.9193604,58.9059797 72.6027032,52.2065091 72.4263565,45.8834694 C72.4077045,45.2781262 72.3839656,44.6710873 72.358531,44.0742222 C72.334792,43.5638348 72.3093574,43.0619256 72.2822272,42.5634077 C72.1499673,39.9283843 72.0160118,37.203492 72.3127487,34.6159469 C72.3907481,33.9139523 72.4958778,33.2797832 72.6213551,32.67444 C72.9180919,31.2941897 73.364045,30.0071996 73.9575188,28.7829478 C73.9575188,28.7829478 79.759797,31.8201554 80.0533419,33.0525673 C80.3468867,34.2849792 77.0808863,34.5243821 75.4191598,34.919466 C75.1444662,37.2391005 75.2733348,39.7486466 75.4055946,42.4023221 L75.4496813,43.3298368 C79.8227349,43.089056 85.3674752,42.0089338 90.6561747,36.720235 L95.0326197,32.3488769 C96.8859535,30.4938476 96.8842578,27.4756096 95.0292285,25.6256675 C93.1758947,23.7689425 90.162744,23.7689425 88.3077145,25.6222762 L87.3140699,26.6176165 L79.9176915,21.4391344 L82.0219799,19.3365417 C83.873618,17.4832079 83.873618,14.4683613 82.0202843,12.6150278 C80.165255,10.7599985 77.1504084,10.7599985 75.2987703,12.6150278 L70.9240212,16.9880814 C65.3724985,22.5413 64.4619399,28.3692118 64.2838981,32.8372216 C64.2584636,33.4408692 64.2482897,34.0428211 64.251681,34.6362948 C64.2550723,36.2437608 64.3347673,37.8291835 64.4127667,39.3637372 C64.4924618,40.9101602 64.561983,42.320932 64.5721568,43.7181389 C64.5772437,44.3421341 64.5738524,44.9627381 64.5450266,45.5765594 C64.4755054,47.1518083 64.294072,48.8491431 63.7735107,50.6244775 L55.1087939,44.559176 C57.3385596,43.5943573 59.4784561,43.2552295 61.4386153,43.1314478 C61.4199633,41.9987608 61.3589203,40.8236829 61.2961816,39.6316486 C61.2232691,38.1852683 61.1469654,36.7236272 61.1334002,35.2026389 C54.9951864,35.0924223 48.5314091,35.9317638 42.5949771,41.8681967 C36.4550673,48.0081065 35.7734208,54.7024898 35.949767,61.0255295 C35.9650278,61.6376553 35.9955493,62.2396072 36.0175926,62.8415591 L36.0938963,64.350678 C36.2244606,66.9873969 36.3618074,69.7088981 36.0650705,72.2964433 C35.9853754,73.0001335 35.8819414,73.632607 35.7547685,74.2379502 C35.4495534,75.6605915 34.9883396,76.9797988 34.3677356,78.234572 L28.2159564,73.9293439 C29.6945537,73.040829 31.2528463,72.4015729 32.9569637,71.992924 C33.2333529,69.6715939 33.1044843,67.1603523 32.9722244,64.5134597 L32.9247465,63.5842494 C28.5567799,63.8216389 23.0086482,64.9017611 17.7199494,70.1921557 L13.3468958,74.5652093 C11.4901708,76.4185431 11.4935621,79.4384766 13.3468958,81.2901146 C15.2002268,83.1451418 18.2150736,83.1451418 20.0684075,81.2901123 Z M20.0684075,81.2901123" id="path2600" fill="url(#radialGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/data/images/drop-album.svg b/data/images/drop-album.svg
new file mode 100644
index 000000000..bfbedd051
--- /dev/null
+++ b/data/images/drop-album.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="51px" height="51px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>drop-album</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
+            <stop stop-color="rgb(123,125,121)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <path d="M25.9320068,0.185058594 C12.1530066,0.185058594 0.943006516,11.3970585 0.943006516,25.1750584 C0.943006516,38.9540586 12.1530066,50.1640587 25.9320068,50.1640587 C39.7110071,50.1640587 50.9210072,38.9540586 50.9210072,25.1750584 C50.9210205,11.3959961 39.7109985,0.185058594 25.9320068,0.185058594 L25.9320068,0.185058594 L25.9320068,0.185058594 M25.9320068,46.6090088 C14.1130066,46.6090088 4.49800682,36.9930086 4.49800682,25.1740093 C4.49800682,21.5570092 5.40000683,18.1510096 6.98800683,15.1570091 C8.56000686,12.1950092 10.8080068,9.64500904 13.5220068,7.71200895 C13.9780068,7.38800895 14.4450067,7.07700896 14.9250067,6.78900898 C15.4310067,6.48300898 15.9520067,6.20300895 16.4830067,5.940009 C19.3360066,4.53100896 22.5420067,3.73900902 25.9310067,3.73900902 C37.7500069,3.73900902 47.3670075,13.3520089 47.3670075,25.1740085 C47.3670075,28.5620085 46.5720075,31.7680084 45.1660075,34.6190082 C43.6780075,37.6380082 41.5000076,40.2580081 38.8400073,42.2720081 C38.3950073,42.6070081 37.9350073,42.922008 37.4650073,43.2260081 C36.9710073,43.5420081 36.4660073,43.8400081 35.9460073,44.117008 C32.9550171,45.7060547 29.5469971,46.6090088 25.9320068,46.6090088 Z M34.2230069,26.1750488 C34.2230069,25.8660488 34.2030069,25.5660488 34.1700069,25.2650488 C33.7540069,21.4620488 30.755007,18.4310487 26.9690067,17.9550489 C26.6290067,17.9140489 26.2840067,17.8820489 25.9320068,17.8820489 C25.6410068,17.8820489 25.3500067,17.8990489 25.0670068,17.9290489 C24.4090068,17.9980489 23.7780067,18.1510489 23.1740067,18.3660489 C19.9550066,19.5050489 17.6410068,22.5720487 17.6410068,26.1760488 C17.6410068,26.4020488 17.6570068,26.6240488 17.6750068,26.8460488 C18.0000067,30.8820486 21.2250067,34.107049 25.2600068,34.4330487 C25.4830068,34.4520487 25.7050068,34.4670487 25.9320068,34.4670487 C26.4850068,34.4670487 27.0220068,34.4080487 27.5430067,34.3070487 C28.1580067,34.1850487 28.7460067,33.9930487 29.3050067,33.7420487 C32.1979825,32.4439697 34.2230069,29.5439453 34.2230069,26.1750488 Z M26,30 C23.7908609,30 22,28.2091391 22,26 C22,23.7908609 23.7908609,22 26,22 C28.2091391,22 30,23.7908609 30,26 C30,28.2091391 28.2091391,30 26,30 Z M26,30" id="Shape" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/data/images/drop-all-songs.svg b/data/images/drop-all-songs.svg
new file mode 100644
index 000000000..915f248df
--- /dev/null
+++ b/data/images/drop-all-songs.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="50px" height="50px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>drop-all-songs</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
+            <stop stop-color="rgb(123,125,121)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <path d="M49.3330399,10.1699049 C49.1850399,9.69890494 48.8410399,9.31690494 48.3880399,9.11990497 L34.6140397,3.14090488 C33.8420397,2.80490488 32.9370397,3.08690488 32.4920398,3.80490485 L27.4740396,11.9089049 C27.4660396,11.9209049 27.4630396,11.9329049 27.4550396,11.9459049 L15.8660399,13.287905 L15.0420399,11.357905 C14.8810399,10.977905 14.5860399,10.670905 14.2140399,10.491905 L2.43303974,4.85690478 C1.79403975,4.55190477 1.0340397,4.67490478 0.523039778,5.16390479 C0.0120398002,5.6539048 -0.140960197,6.4089048 0.13703977,7.05990482 L3.90403973,15.8799045 L3.90403973,38.5599048 C3.90403973,39.1359048 4.19603973,39.6729049 4.67903971,39.9879048 L17.1660402,48.0809052 C17.1730402,48.0839052 17.1790402,48.0849052 17.1840402,48.0889052 C17.3060402,48.1649052 17.4370402,48.2229052 17.5740402,48.2679052 C17.6030402,48.2769052 17.6350402,48.2859052 17.6640402,48.2909052 C17.8050402,48.3279052 17.9470402,48.3529052 18.0920402,48.3529052 C18.1570402,48.3529052 18.2220402,48.3489052 18.2870402,48.3409052 L41.6040396,45.6439052 C42.4620396,45.5439052 43.1080395,44.8179052 43.1080395,43.9559052 L43.1080395,21.379905 L49.1580397,11.5729048 C49.4170853,11.1518385 49.4810502,10.6408522 49.3330399,10.1699049 C49.3330399,10.1699049 49.4810502,10.6408522 49.3330399,10.1699049 L49.3330399,10.1699049 M29.939058,14.6797926 L38.5120579,20.2367928 L29.939058,21.2267928 L29.939058,14.6797926 L29.939058,14.6797926 L29.939058,14.6797926 M27.6920487,13.9728834 C27.7540487,14.0378834 27.8250487,14.0978834 27.8990487,14.1528834 L27.8990487,21.4638833 L19.7580489,22.4058833 L16.7000488,15.2448835 L27.6920487,13.9728834 L27.6920487,13.9728834 L27.6920487,13.9728834 M12.1680619,13.2837965 L15.2910618,20.5957963 L7.29206171,15.4127962 C7.28706171,15.3387962 7.28406171,15.2667962 7.26906171,15.1927962 C7.24606171,15.0787962 7.21006171,14.9687962 7.16506171,14.8657962 L5.03206181,9.87179629 L12.1680619,13.2837965 L12.1680619,13.2837965 L12.1680619,13.2837965 M7.30307164,17.8508131 L16.3910719,23.7388131 L16.3910719,43.5258138 L7.30307164,37.6358139 L7.30307164,17.8508131 L7.30307164,17.8508131 L7.30307164,17.8508131 M19.7910477,44.7448561 L19.7910477,24.5788557 C19.8220477,24.5358557 19.8510477,24.4908557 19.8780477,24.4458557 L39.7080476,22.1518558 L39.7080476,42.4408554 L19.7910477,44.7448561 L19.7910477,44.7448561 L19.7910477,44.7448561 M40.5160843,19.1038649 L30.883084,12.8618648 L34.6080839,6.84586499 L45.2340843,11.456865 L40.5160843,19.1038649 L40.5160843,19.1038649 L40.5160843,19.1038649" id="Shape" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/data/images/drop-local-songs.svg b/data/images/drop-local-songs.svg
new file mode 100644
index 000000000..0c6a1e7ff
--- /dev/null
+++ b/data/images/drop-local-songs.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="71px" height="79px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>drop-local-songs</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
+            <stop stop-color="rgb(123,125,121)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <g id="Group" fill="rgb(0,0,0)">
+            <path d="M27.4935528,61.3216133 L25.9067853,61.3216133 L25.9067853,69.1248131 L27.729669,69.1248131 C28.1275992,69.1248131 28.4413201,69.1152131 28.6675295,69.0928131 C28.8937388,69.0704131 29.1265527,69.0208131 29.3709248,68.9360131 C29.6152969,68.8512131 29.8233434,68.7328131 30.0049714,68.5824131 C30.8074365,67.9232131 31.208669,66.788813 31.208669,65.1792129 C31.208669,64.0432129 31.0336457,63.1936128 30.6786457,62.6288129 C30.3253018,62.065625 29.8893319,61.7087891 29.3709248,61.5536133 C28.8541109,61.4000133 28.2283202,61.3216133 27.4935528,61.3216133 Z M27.4935528,61.3216133" id="Shape" fill="url(#linearGradient-1)"></path>
+            <path d="M69.5353791,3.84316406 L66.612821,0.943964005 C66.0266582,0.363163996 65.2192396,0.031964016 64.3771466,0.031964016 L3.66058954,0.031964016 C1.93512449,0.031964016 0.534938363,1.388764 0.534938363,3.06076403 L0.534938363,75.7167638 C0.534938363,77.3887637 1.93512439,78.7423638 3.66058954,78.7423638 L67.2980553,78.7423638 C69.0235203,78.7423638 70.4237064,77.3887638 70.4237064,75.7167638 L70.4237064,5.95996447 C70.4221333,5.16796875 70.1033694,4.40800781 69.5353791,3.84316406 C69.5353791,3.84316406 70.1033694,4.40800781 69.5353791,3.84316406 L69.5353791,3.84316406 M60.6158348,60.0864258 C59.4946952,61.1728258 57.5413697,61.1728258 56.4185789,60.0864258 L43.1366259,47.2160263 L38.6058353,42.8256264 C38.04444,42.2816264 37.7356725,41.5600264 37.7356725,40.7920263 C37.7356725,40.0256263 38.0460911,39.3008264 38.6058353,38.7584263 C39.1655795,38.2160262 39.9119051,37.9184263 40.7044633,37.9184263 C41.4970214,37.9184263 42.2416958,38.2160263 42.8030912,38.7584263 L48.2238586,44.0112263 L60.6174866,56.0224262 C61.178882,56.5664262 61.4859983,57.2880262 61.4859983,58.0560263 C61.484348,58.8223633 61.1772745,59.544043 60.6158348,60.0864258 C60.6158348,60.0864258 61.1772745,59.544043 60.6158348,60.0864258 L60.6158348,60.0864258 M20.9070023,69.7536133 C20.9070023,70.2288133 20.7914209,70.5856133 20.5652116,70.8192133 C20.3390023,71.0528133 20.0467465,71.1728133 19.6917465,71.1728133 C19.3301419,71.1728133 19.0411884,71.0544133 18.8265372,70.8160133 C18.6118861,70.5792133 18.5029093,70.2240133 18.5029093,69.7536133 L18.5029093,65.8864132 L13.3133049,65.8864132 L13.3133049,69.7536133 C13.3133049,70.2288133 13.2026769,70.5856133 12.9748165,70.8192133 C12.7486072,71.0528133 12.4563514,71.1728133 12.1013514,71.1728133 C11.7397467,71.1728133 11.4491421,71.0544133 11.234491,70.8160133 C11.021491,70.5792133 10.9125142,70.2240133 10.9125142,69.7536134 L10.9125142,60.6944131 C10.9125142,60.2240131 11.0181887,59.8688131 11.2311887,59.6352131 C11.4458398,59.4016131 11.7347933,59.2816131 12.1013515,59.2816131 C12.4629561,59.2816131 12.7552119,59.4000131 12.9781189,59.6320131 C13.2026771,59.8656131 13.313305,60.2192131 13.313305,60.694413 L13.313305,63.990413 L18.5029094,63.990413 L18.5029094,60.694413 C18.5029094,60.224013 18.6118862,59.8688131 18.8314908,59.635213 C19.0494443,59.401613 19.3383978,59.281613 19.6917467,59.281613 C20.0533513,59.281613 20.3456072,59.400013 20.5685142,59.632013 C20.7947235,59.865613 20.9070025,60.2192131 20.9070025,60.694413 L20.9070025,69.7536133 L20.9070025,69.7536133 L20.9070023,69.7536133 M33.4591249,67.0879883 C33.3352877,67.6543883 33.1437528,68.1695883 32.8845203,68.6287883 C32.6269389,69.0847883 32.2950552,69.4943883 31.887218,69.8543882 C31.5701947,70.1327882 31.2217994,70.3551882 30.8420319,70.5231883 C30.4639156,70.6911883 30.0593807,70.8079883 29.625125,70.8751883 C29.1908691,70.9455883 28.7004738,70.9759883 28.1555901,70.9759883 L25.0249854,70.9759883 C24.5874273,70.9759883 24.2588459,70.9135883 24.0359389,70.7855883 C23.8146831,70.6575883 23.6693808,70.4767882 23.6033343,70.2415882 C23.5356366,70.0095883 23.5009622,69.7071883 23.5009622,69.3359883 L23.5009622,60.9071881 C23.5009622,60.4047881 23.6165436,60.0415881 23.8493575,59.8159881 C24.0821715,59.5871881 24.4553343,59.4783881 24.9754505,59.4783881 L28.1077063,59.4783881 C28.9217295,59.4783881 29.6201714,59.5519881 30.2030319,59.7007881 C30.7875436,59.8447881 31.3159157,60.1199881 31.7897994,60.5231881 C33.0248692,61.5487881 33.642404,63.1071881 33.642404,65.198388 C33.6440543,65.8864258 33.5829823,66.5167969 33.4591249,67.0879883 C33.4591249,67.0879883 33.5829823,66.5167969 33.4591249,67.0879883 L33.4591249,67.0879883 M34.9584138,48.9248047 C23.9402047,48.9248047 15.0057632,40.2704048 15.0057632,29.5904053 C15.0057632,18.9120056 23.9402047,10.2560059 34.9584138,10.2560059 C45.9799257,10.2560059 54.914368,18.9120056 54.914368,29.5904053 C54.914368,34.1424053 53.2797168,38.3184052 50.5652051,41.6224052 L45.2055306,36.4288052 C44.001833,35.2624052 42.4035073,34.6192051 40.7028097,34.6192051 C39.002112,34.6192051 37.4037864,35.2624051 36.1984377,36.4288052 C34.9963912,37.5952051 34.334275,39.1440052 34.334275,40.7920052 C34.334275,42.4416052 34.9963913,43.9920052 36.1984377,45.156805 L39.5420425,48.3952049 C38.0708718,48.7311523 36.5402406,48.9248047 34.9584138,48.9248047 L34.9584138,48.9248047 L34.9584138,48.9248047" id="Shape" fill="url(#linearGradient-1)"></path>
+            <path d="M34.9600262,33.3696297 C37.1139625,33.3696297 38.8600727,31.6776243 38.8600727,29.5904297 C38.8600727,27.5032351 37.1139625,25.8112297 34.9600262,25.8112297 C32.8060899,25.8112297 31.0599797,27.5032351 31.0599797,29.5904297 C31.0599797,31.6776243 32.8060899,33.3696297 34.9600262,33.3696297 Z M34.9600262,33.3696297" id="Oval" fill="rgb(111,111,111)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/data/images/drop-song.svg b/data/images/drop-song.svg
new file mode 100644
index 000000000..a27cf9cc5
--- /dev/null
+++ b/data/images/drop-song.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="100px" height="100px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>drop-local-songs</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
+            <stop stop-color="rgb(123,125,121)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <path d="M100,0 L100,100 L0,100 L0,0 Z M19.5625031,72.6678414 C18.4217871,75.5373811 18.5981917,78.4188374 20.0517163,80.5733755 C21.5028808,82.7279137 23.9771753,83.912433 27.0159193,83.912433 C29.7818463,83.912433 32.7453525,82.9138141 35.3725065,81.09771 C35.7511688,80.8379261 36.0804458,80.5376255 36.4332427,80.2540082 C36.5908315,80.1253079 36.760174,79.9989909 36.9177503,79.865524 C37.0823888,79.7225237 37.2423234,79.57714 37.3999123,79.429373 C37.5316231,79.3078227 37.6656796,79.1958058 37.7950447,79.0671056 C41.4241419,75.4873312 42.854145,70.8565044 41.445316,67.5126804 L41.445316,37.4873938 L68.1990685,29.1170961 L68.1990685,54.3232975 C67.9968109,54.3352016 67.7945281,54.3709517 67.5922579,54.3995517 C67.3170827,54.3757184 67.0371909,54.3566516 66.7479038,54.3566516 C63.9843346,54.3566516 61.0137793,55.3552707 58.3983788,57.1689913 C55.8135479,58.9541119 53.8308361,61.3517632 52.812423,63.9162229 C51.6717196,66.783379 51.8528156,69.6648353 53.3016471,71.8193734 C54.7551701,73.9739115 57.2317979,75.1584308 60.2705545,75.1584308 C63.0294319,75.1584308 65.9999752,74.1598119 68.6200795,72.3437079 C71.2002066,70.5585876 73.1829185,68.1633321 74.2036774,65.5988598 C74.5188426,64.805208 74.7258167,64.0139396 74.84107,63.2322046 C75.3326273,61.3755836 75.3091075,59.5594796 74.6599613,58.0198429 L74.6599613,20.053259 C74.6599613,19.9650754 74.6599613,19.8816586 74.6458494,19.7982417 L74.6458494,18.5803557 C74.6458494,17.7890873 74.2742368,17.0431024 73.6486104,16.5735846 C73.0206383,16.1016836 72.2139033,15.9658333 71.4589243,16.1994005 L36.6566855,27.0912573 C35.6241606,27.4130081 34.9209252,28.3806435 34.9209252,29.4745959 C34.9209252,35.6426763 34.9326788,41.8202898 34.9467907,48.0122036 C34.9609151,53.0720446 34.9703481,58.143776 34.9773727,63.2226707 C34.497569,63.1559372 34.0107031,63.1082704 33.495626,63.1082704 C30.7296984,63.1082704 27.7638594,64.1092727 25.1437426,65.9229933 C22.5589243,67.7104972 20.583262,70.1033691 19.5625031,72.6678414 Z M19.5625031,72.6678414" id="path16" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/data/images/drop-top-songs.svg b/data/images/drop-top-songs.svg
new file mode 100644
index 000000000..cac4a44d5
--- /dev/null
+++ b/data/images/drop-top-songs.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="63px" height="63px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>drop-top-songs</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
+            <stop stop-color="rgb(123,125,121)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <path d="M32.8110273,30.8057732 C32.7910273,31.0127732 32.7600273,31.2197732 32.7140278,31.5247735 C32.0270275,35.4157733 28.7340277,38.879773 22.8650278,41.813773 C22.4790278,41.947773 22.1410278,42.045773 21.7990278,42.135773 C21.7650278,42.143773 21.7300278,42.147773 21.6970278,42.147773 C21.5350278,42.147773 21.3840278,42.053773 21.3180278,41.899773 C21.2360278,41.713773 21.3020278,41.494773 21.4740278,41.387773 C23.8120278,39.8857732 24.9240278,38.1727731 24.7790279,36.2937731 C24.7890279,35.9307732 24.7670279,35.6397732 24.7070279,35.3527732 C24.5690278,34.5477731 24.2350279,33.6807732 23.8820279,32.7607732 C23.1330279,30.795773 22.2970279,28.6107731 23.2270279,26.637773 C21.3360278,27.6027732 20.6980278,30.0447731 20.5340278,30.8667731 C20.4990278,31.0347731 20.3640278,31.1677731 20.1940278,31.1927731 C20.0200278,31.2277731 19.8540278,31.1397731 19.7680278,30.9897731 C18.0980278,28.0657733 17.7350278,25.1497732 17.6800278,22.6007732 C16.3230277,23.7497731 15.9870277,25.4247729 15.6350277,27.188773 C15.6410277,29.4037731 15.1290276,31.0637732 13.9280277,32.6657732 C13.8280277,32.7997732 13.6600277,32.8607732 13.4980277,32.8197732 C13.3370277,32.7807732 13.2150277,32.6497732 13.1870277,32.4857732 C12.8900277,30.7037732 11.6300276,29.8647731 10.2960276,28.9737732 C10.2640276,28.9527732 10.2330276,28.9327732 10.2000276,28.9117732 C10.4650276,30.3957731 10.2990276,31.9837731 10.1410276,33.5307731 C9.83802766,36.440773 9.55302757,39.1927729 12.0430276,41.0797729 C12.1850276,41.1447729 12.2870276,41.2887729 12.2870276,41.4587729 C12.2870276,41.6867729 12.1020276,41.8707729 11.8570276,41.8707729 C11.8200276,41.8707729 11.7810276,41.8667729 11.7440276,41.8547729 C10.3080275,41.450773 8.9060274,40.9077729 7.5820274,40.2457729 C0.988027183,36.191774 1.64202717,29.9117738 2.27602717,23.8417736 C2.65202716,20.2377735 3.0380272,16.5117734 1.88202718,13.3297735 C1.81802718,13.1577735 1.87702718,12.9637735 2.02302718,12.8547735 C2.17102718,12.7477735 2.37202719,12.7457735 2.51802718,12.8547735 C3.13602722,13.3197735 3.80202722,13.7627735 4.4470272,14.1907735 C6.89202714,15.8237734 9.41802716,17.5057733 10.3230271,20.8177734 C12.0840271,18.1867733 12.844027,15.3787732 12.844027,11.6167731 C13.6450272,7.58677293 14.4610271,3.506773 18.5410271,1.05777312 C18.6710271,0.981773123 18.8300271,0.981773123 18.9590271,1.05177312 C19.0880271,1.12377312 19.1680271,1.26277312 19.1680271,1.41077312 C19.1680271,8.24877342 20.1480271,13.0127734 22.5230271,17.5357731 C23.2450272,14.8457731 25.2870275,9.71477308 30.4610273,8.85177311 C30.6320273,8.8207731 30.8040273,8.90477309 30.8900273,9.0547731 C30.9760273,9.2097731 30.9560273,9.3987731 30.8430273,9.5317731 C29.5460273,11.042773 29.0720273,12.681773 29.0660273,14.388773 C29.0660273,15.064773 29.1300274,15.752773 29.2590274,16.447773 C29.5970274,18.2937732 30.3190274,20.1847732 31.0320274,22.0497732 C31.0600274,22.1267732 31.0870274,22.1987732 31.1360274,22.3217732 C31.2850273,22.7147732 31.4330273,23.1047732 31.5740273,23.4877732 C31.6400273,23.6667732 31.7010273,23.8427732 31.7630273,24.0207732 C31.8510273,24.2687733 31.9430273,24.5207732 32.0250273,24.7647732 C32.1070273,25.0147732 32.1760273,25.2587732 32.2500273,25.5067732 C32.2960273,25.6747732 32.3570273,25.8467732 32.4000273,26.0127732 C32.5090273,26.4247732 32.6030273,26.8297732 32.6710273,27.2297732 C32.8070273,27.8767732 32.8600273,28.5347732 32.8280273,29.2337732 C32.8480273,29.5057732 32.8550273,29.7767732 32.8520273,30.0427732 C32.8520273,30.2027732 32.8390273,30.3627732 32.8310273,30.5227732 C32.8230273,30.6167732 32.8190273,30.7117732 32.8110273,30.8057732 Z M60.2808874,42.147773 C61.5212614,42.147773 62.5238971,43.2257296 62.5238971,44.5561804 C62.5238971,45.8866313 61.5212613,46.9645878 60.2808874,46.9645878 L31.5597678,46.9645878 C30.3206859,46.9645878 29.3154661,45.8866313 29.3154661,44.5561804 C29.3154661,43.2257296 30.3206859,42.147773 31.5597678,42.147773 Z M26.948989,56.5807649 L59.725527,56.5807649 C61.1410417,56.5807649 62.2852494,57.6587214 62.2852494,58.9891723 C62.2852494,60.3196231 61.1410416,61.3975796 59.725527,61.3975796 L26.948989,61.3975796 C25.5349488,61.3975796 24.3877921,60.3196231 24.3877921,58.9891723 C24.3877921,57.6587214 25.5349488,56.5807649 26.948989,56.5807649 Z M62.5238971,29.3554278 C62.5238971,30.6844914 61.7034732,31.762448 60.6861477,31.762448 L37.1542742,31.762448 C36.1390659,31.762448 35.3154662,30.6844914 35.3154662,29.3554278 C35.3154662,28.0263643 36.1390659,26.9470205 37.1542742,26.9470205 L60.6861477,26.9470205 C61.7034732,26.9470205 62.5238971,28.0263643 62.5238971,29.3554278 Z M62.5238971,29.3554278" id="Shape" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/data/images/view-toggle-icon-cloud-active.svg b/data/images/view-toggle-icon-cloud-active.svg
new file mode 100644
index 000000000..e30ecbf82
--- /dev/null
+++ b/data/images/view-toggle-icon-cloud-active.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="92px" height="69px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>view-toggle-icon-cloud-active</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
+            <stop stop-color="rgb(123,125,121)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <path d="M53.2311317,62.3975796 C49.0051182,62.3975796 44.7280619,60.1044871 41.4771467,58.2654723 L25.3757014,58.2654723 C12.8296694,58.2654723 3.00299883,49.4563637 3.00299883,38.2126997 C3.00299883,26.7437438 13.039121,17.4124462 25.3757014,17.4124462 C26.2082314,17.4124462 27.0390012,17.4543611 27.8644908,17.5399373 C30.3708811,8.48283289 39.1362065,2 49.5173095,2 C59.3527791,2 67.9403345,7.97286897 70.8427489,16.5060372 C82.1443867,17.5434301 91.0029988,26.431129 91.0029988,37.2067426 C91.0029988,48.6739521 80.9668766,58.0035034 68.632057,58.0035034 C67.5689533,58.0035034 66.5058496,57.9336453 65.4568266,57.7939291 C62.2165436,60.1465059 58.3390259,62.3975796 53.2311317,62.3975796 L53.2311317,62.3975796 L53.2311317,62.3975796 L53.2311317,62.3975796 M25.3757207,23.5810016 C16.4678267,23.5810016 9.2232319,30.1441713 9.2232319,38.2110371 C9.2232319,46.1259616 16.1650883,52.0918445 25.3757207,52.0918445 L42.3044161,52.0918445 C42.8465286,52.0918445 43.3780805,52.2333071 43.8497889,52.498768 C46.5480307,54.0321536 50.4079423,56.2239518 53.2311514,56.2239518 C56.9854564,56.2239518 59.8825904,54.2644317 62.7656429,52.0813656 C63.4714452,51.5434581 64.3796597,51.3356302 65.2491519,51.5050361 C66.352738,51.7198498 67.4897663,51.8298764 68.6320749,51.8298764 C77.5382089,51.8298764 84.7828029,45.268453 84.7828029,37.2033335 C84.7828029,29.1364678 77.5382081,22.5767907 68.6320749,22.5767907 C67.1201441,22.5802836 65.6909385,21.5760732 65.3899604,20.1107993 C63.9695552,13.1913532 57.293475,8.1703012 49.5155682,8.1703012 C41.1321854,8.1703012 34.2237715,13.8637376 33.4387643,21.4119065 C33.3437186,22.300851 32.8684901,23.1077123 32.1310059,23.6194231 C31.3935217,24.1328802 30.4729865,24.309272 29.5946938,24.0909654 C28.2253643,23.7521932 26.8066659,23.5810016 25.3757207,23.5810016 L25.3757207,23.5810016 L25.3757207,23.5810016 L25.3757207,23.5810016" id="Shape" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/data/images/view-toggle-icon-cloud-inactive.svg b/data/images/view-toggle-icon-cloud-inactive.svg
new file mode 100644
index 000000000..9196a8cde
--- /dev/null
+++ b/data/images/view-toggle-icon-cloud-inactive.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="92px" height="69px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>view-toggle-icon-cloud-inactive</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
+            <stop stop-color="rgb(123,125,121)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <path d="M53.2281328,62.3975796 C49.0021193,62.3975796 44.7250631,60.1044871 41.4741479,58.2654723 L25.3727026,58.2654723 C12.8266705,58.2654723 3,49.4563637 3,38.2126997 C3,26.7437438 13.0361222,17.4124462 25.3727026,17.4124462 C26.2052325,17.4124462 27.0360024,17.4543611 27.8614919,17.5399373 C30.3678823,8.48283289 39.1332076,2 49.5143107,2 C59.3497803,2 67.9373357,7.97286897 70.83975,16.5060372 C82.1413879,17.5434301 91,26.431129 91,37.2067426 C91,48.6739521 80.9638778,58.0035034 68.6290582,58.0035034 C67.5659545,58.0035034 66.5028508,57.9336453 65.4538277,57.7939291 C62.2135448,60.1465059 58.3360271,62.3975796 53.2281328,62.3975796 L53.2281328,62.3975796 L53.2281328,62.3975796 L53.2281328,62.3975796" id="Shape" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>
\ No newline at end of file