Ticket #457

modules/boonex/albums/template/images/icons/std-icon.svg

@@ -1,62 +1,48 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="104px" height="104px" viewBox="0 0 104 104" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="600px" height="600px" viewBox="0 0 600 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>albums</title>
+    <title>Group 2 Copy 4</title>
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M50,2.96059473e-15 C86.98,2.96059473e-15 100,13.02 100,50 C100,86.98 86.98,100 50,100 C13.02,100 0,86.98 0,50 C0,13.02 13.02,2.96059473e-15 50,2.96059473e-15 L50,2.96059473e-15 Z" id="path-1"></path>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-2" y="-2" width="104" height="104">
-            <rect x="-2" y="-2" width="104" height="104" fill="white"></rect>
-            <use xlink:href="#path-1" fill="black"></use>
-        </mask>
-        <path d="M60,46.9565217 C60,48.3913043 58.826087,49.5652174 57.3913043,49.5652174 L2.60869565,49.5652174 C1.17391304,49.5652174 0,48.3913043 0,46.9565217 L0,2.60869565 C0,1.17391304 1.17391304,0 2.60869565,0 L57.3913043,0 C58.826087,0 60,1.17391304 60,2.60869565 L60,46.9565217 L60,46.9565217 Z" id="path-3"></path>
-        <polygon id="path-5" points="0 0 33.9130435 33.9130435 41.7391304 33.9130435 41.7391304 0"></polygon>
-        <polygon id="path-7" points="0 15.6521739 20.8695652 36.5217391 31.3043478 26.0869565 41.7391304 36.5217391 41.7391304 0 0 0"></polygon>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-9">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
             <stop stop-color="#FFFFFF" stop-opacity="0.2" offset="0%"></stop>
-            <stop stop-color="#000000" stop-opacity="0.1" offset="100%"></stop>
+            <stop stop-color="#000000" stop-opacity="0.138870018" offset="100%"></stop>
         </linearGradient>
-        <path d="M100,50 C100,86.98 86.98,100 50,100 C13.02,100 0,86.98 0,50 C0,13.02 13.02,3.55271368e-15 50,3.55271368e-15 C86.98,3.55271368e-15 100,13.02 100,50 Z" id="path-10"></path>
-        <mask id="mask-11" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-2" y="-2" width="104" height="104">
-            <rect x="-2" y="-2" width="104" height="104" fill="white"></rect>
-            <use xlink:href="#path-10" fill="black"></use>
-        </mask>
+        <path d="M285,135.714286 C307.477679,135.714286 325.714286,117.477679 325.714286,95 C325.714286,72.5223214 307.477679,54.2857143 285,54.2857143 C262.522321,54.2857143 244.285714,72.5223214 244.285714,95 C244.285714,117.477679 262.522321,135.714286 285,135.714286 L285,135.714286 Z" id="path-2"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-3">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F6F6F6" offset="35.2427758%"></stop>
+            <stop stop-color="#E5E5E5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M356.25,-5.68434189e-14 L23.75,-5.68434189e-14 C10.5178571,-5.68434189e-14 0,10.7723214 0,24.0044643 L0,301.709821 C0,314.941964 10.5178571,325.714286 23.75,325.714286 L356.25,325.714286 C369.482143,325.714286 380,314.941964 380,301.709821 L380,24.0044643 C380,10.7723214 369.482143,-5.68434189e-14 356.25,-5.68434189e-14 L356.25,-5.68434189e-14 Z M268.799107,167.691964 C266.254464,164.723214 262.352679,162.433036 257.941964,162.433036 C253.616071,162.433036 250.5625,164.46875 247.084821,167.267857 L231.223214,180.669643 C227.915179,183.044643 225.285714,184.65625 221.46875,184.65625 C217.821429,184.65625 214.513393,183.299107 212.138393,181.178571 C211.290179,180.415179 209.763393,178.973214 208.491071,177.700893 L162.857143,128.334821 C159.464286,124.433036 154.375,121.973214 148.691964,121.973214 C143.008929,121.973214 137.75,124.772321 134.441964,128.589286 L27.1428571,258.026786 L27.1428571,37.0669643 C27.9910714,31.2991071 32.4866071,27.1428571 38.2544643,27.1428571 L341.660714,27.1428571 C347.513393,27.1428571 352.263393,31.46875 352.602679,37.3214286 L352.857143,258.196429 L268.799107,167.691964 L268.799107,167.691964 Z" id="path-5"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
     </defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="albums" transform="translate(2.000000, 2.000000)">
-            <g id="Shape">
-                <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
-                <use stroke-opacity="0.3" stroke="#000000" mask="url(#mask-2)" stroke-width="4" xlink:href="#path-1"></use>
-            </g>
-            <g id="Group">
-                <g id="Clipped" transform="translate(20.000000, 25.000000)">
-                    <mask id="mask-4" fill="white">
-                        <use xlink:href="#path-3"></use>
-                    </mask>
-                    <g id="Shape"></g>
-                    <g id="Group" mask="url(#mask-4)">
-                        <g id="Clipped" transform="translate(18.260870, 15.652174)">
-                            <mask id="mask-6" fill="white">
-                                <use xlink:href="#path-5"></use>
-                            </mask>
-                            <g id="Shape"></g>
-                            <path d="M31.3043478,10.4347826 L41.7391304,20.8695652 L41.7391304,31.3043478 C41.7391304,32.7391304 40.5652174,33.9130435 39.1304348,33.9130435 L20.8695652,33.9130435 L20.8695652,20.8695652 L31.3043478,10.4347826 L31.3043478,10.4347826 Z" id="Shape" stroke="#009C41" stroke-width="2" fill="#1EBC61" mask="url(#mask-6)"></path>
+        <g id="Group-2-Copy-4">
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path" fill="#2BAF92"></path>
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path-copy" fill="url(#linearGradient-1)"></path>
+            <g id="image" transform="translate(300.000000, 300.000000) rotate(-360.000000) translate(-300.000000, -300.000000) translate(110.000000, 137.000000)">
+                <g id="Layer_1" transform="translate(-0.000000, 0.000000)">
+                    <g id="Group">
+                        <g id="Shape" opacity="0.496773098">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-2"></use>
                         </g>
-                        <path d="M18.2608696,15.6521739 L0,33.9130435 L0,46.9565217 C0,48.3913043 1.17391304,49.5652174 2.60869565,49.5652174 L52.173913,49.5652174 L18.2608696,15.6521739 L18.2608696,15.6521739 Z" id="Shape" stroke="#0EAC51" stroke-width="2" fill="#2ECC71"></path>
-                        <g id="Clipped" transform="translate(18.260870, 0.000000)">
-                            <mask id="mask-8" fill="white">
-                                <use xlink:href="#path-7"></use>
-                            </mask>
-                            <g id="Shape"></g>
-                            <circle id="Oval" stroke="#F9B32F" stroke-width="2" fill="#FFCF4B" mask="url(#mask-8)" cx="22.173913" cy="14.3478261" r="6.52173913"></circle>
+                        <g id="Shape">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                            <use fill="url(#linearGradient-4)" fill-rule="evenodd" xlink:href="#path-5"></use>
                         </g>
                     </g>
                 </g>
-                <path d="M50,25 L77.3913043,25 C78.826087,25 80,26.173913 80,27.6086957 L80,71.9565217 C80,73.3913043 78.826087,74.5652174 77.3913043,74.5652174 L22.6086957,74.5652174 C21.173913,74.5652174 20,73.3913043 20,71.9565217 L20,27.6086957 C20,26.173913 21.173913,25 22.6086957,25 L50,25 L50,25 Z" id="Shape" stroke="#657576" stroke-width="2"></path>
-                <g id="Shape-Copy">
-                    <use fill="url(#linearGradient-9)" fill-rule="evenodd" xlink:href="#path-10"></use>
-                    <use stroke-opacity="0.5" stroke="#000000" mask="url(#mask-11)" stroke-width="4" xlink:href="#path-10"></use>
-                </g>
             </g>
         </g>
     </g>

modules/boonex/developer/classes/BxDevModule.php

@@ -27,12 +27,12 @@ class BxDevModule extends BxDolModule
         parent::__construct($aModule);
 
         $this->aTools = array(
-            array('name' => BX_DEV_TOOLS_SETTINGS, 'title' => '', 'icon' => 'cogs'),
-            array('name' => BX_DEV_TOOLS_FORMS, 'title' => '', 'icon' => 'bx-dev-mi-forms.svg'),
-            array('name' => BX_DEV_TOOLS_NAVIGATION, 'title' => '', 'icon' => 'bx-dev-mi-navigation.svg'),
-            array('name' => BX_DEV_TOOLS_PAGES, 'title' => '', 'icon' => 'bx-dev-mi-pages.svg'),
-            array('name' => BX_DEV_TOOLS_POLYGLOT, 'title' => '', 'icon' => 'bx-dev-mi-polyglot.png'),
-            //array('name' => BX_DEV_TOOLS_PERMISSIONS, 'title' => '', 'icon' => 'bx-dev-mi-permissions.png'),
+            array('name' => BX_DEV_TOOLS_SETTINGS, 'title' => '_adm_page_cpt_settings', 'icon' => 'bx-dev-mi-settings.svg'),
+            array('name' => BX_DEV_TOOLS_POLYGLOT, 'title' => '_adm_page_cpt_polyglot', 'icon' => 'bx-dev-mi-polyglot.svg'),
+            array('name' => BX_DEV_TOOLS_FORMS, 'title' => '_adm_page_cpt_builder_forms', 'icon' => 'bx-dev-mi-forms.svg'),
+            array('name' => BX_DEV_TOOLS_NAVIGATION, 'title' => '_adm_page_cpt_builder_menus', 'icon' => 'bx-dev-mi-navigation.svg'),
+            array('name' => BX_DEV_TOOLS_PAGES, 'title' => '_adm_page_cpt_builder_pages', 'icon' => 'bx-dev-mi-pages.svg'),
+            //array('name' => BX_DEV_TOOLS_PERMISSIONS, 'title' => '_adm_page_cpt_builder_permissions', 'icon' => 'bx-dev-mi-permissions.png'),
         );
     }
 

modules/boonex/developer/template/images/icons/bx-dev-mi-polyglot.svg

@@ -0,0 +1,199 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="600px" height="600px" viewBox="0 0 600 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 2 Copy 13</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" stop-opacity="0.2" offset="0%"></stop>
+            <stop stop-color="#000000" stop-opacity="0.138870018" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F6F6F6" offset="35.2427758%"></stop>
+            <stop stop-color="#E5E5E5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M200,0 L199.807692,0 C199.807692,0 199.807692,0 199.711538,0 L199.519231,0 C89.2307692,0.288461538 0,89.7115385 0,200 C0,310.288462 89.2307692,399.711538 199.519231,400 L199.711538,400 L199.807692,400 L200,400 C310.480769,400 400,310.480769 400,200 C400,89.5192308 310.480769,0 200,0 L200,0 Z M200,384.038462 L199.807692,384.038462 C199.807692,384.038462 199.807692,384.038462 199.711538,384.038462 L199.519231,384.038462 C98.1730769,383.75 15.9615385,301.442308 15.9615385,200 C15.9615385,98.5576923 98.0769231,16.25 199.519231,16.0576923 L199.711538,16.0576923 L199.807692,16.0576923 L200,16.0576923 C301.634615,16.0576923 384.038462,98.4615385 384.038462,200.096154 C384.038462,301.634615 301.634615,384.038462 200,384.038462 L200,384.038462 Z" id="path-3"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M263.75,119.038462 C245.769231,123.365385 227.211538,125.961538 208.076923,126.538462 L208.076923,192.019231 L273.076923,192.019231 C272.5,165 269.134615,140.480769 263.75,119.038462 L263.75,119.038462 Z" id="path-5"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M207.980769,33.1730769 L207.980769,111.923077 C225.769231,111.346154 243.076923,109.038462 259.711538,105 C247.115385,65.1923077 227.5,39.0384615 207.980769,33.1730769 L207.980769,33.1730769 Z" id="path-7"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-8">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M139.807692,104.903846 C156.634615,108.942308 174.038462,111.346154 191.923077,111.923077 L191.923077,32.9807692 C172.403846,38.6538462 152.5,64.8076923 139.807692,104.903846 L139.807692,104.903846 Z" id="path-9"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-10">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M319.807692,82.1153846 C298.076923,60 270.288462,43.8461538 239.134615,36.4423077 C253.365385,51.1538462 265.288462,73.6538462 273.846154,101.153846 C289.903846,96.25 305.288462,89.9038462 319.807692,82.1153846 L319.807692,82.1153846 Z" id="path-11"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-12">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M287.788462,192.019231 L367.884615,192.019231 C366.153846,154.711538 352.211538,120.480769 329.903846,93.3653846 C313.461538,102.403846 296.057692,109.807692 277.884615,115.288462 C283.75,138.365385 287.211538,164.423077 287.788462,192.019231 L287.788462,192.019231 Z" id="path-13"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-14">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M126.442308,192.019231 L192.019231,192.019231 L192.019231,126.538462 C172.692308,125.961538 153.942308,123.365385 135.865385,118.942308 C130.384615,140.384615 127.019231,165 126.442308,192.019231 L126.442308,192.019231 Z" id="path-15"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-16">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M273.076923,207.980769 L207.980769,207.980769 L207.980769,273.365385 C227.115385,273.942308 245.769231,276.442308 263.75,280.865385 C269.134615,259.519231 272.5,234.903846 273.076923,207.980769 L273.076923,207.980769 Z" id="path-17"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-18">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M135.865385,280.961538 C153.942308,276.538462 172.692308,273.942308 192.019231,273.365385 L192.019231,207.980769 L126.442308,207.980769 C127.019231,235 130.384615,259.615385 135.865385,280.961538 L135.865385,280.961538 Z" id="path-19"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-20">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M192.019231,366.923077 L192.019231,287.980769 C174.134615,288.557692 156.634615,290.961538 139.807692,295 C152.5,335.096154 172.403846,361.346154 192.019231,366.923077 L192.019231,366.923077 Z" id="path-21"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-22">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M239.134615,363.557692 C270.288462,356.057692 298.076923,340 319.903846,317.788462 C305.384615,310 290,303.653846 273.942308,298.75 C265.384615,326.346154 253.365385,348.75 239.134615,363.557692 L239.134615,363.557692 Z" id="path-23"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-24">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M160.288462,36.6346154 C129.423077,44.1346154 101.826923,60.1923077 80.1923077,82.2115385 C94.6153846,89.9038462 109.807692,96.25 125.673077,101.057692 C134.230769,73.6538462 146.153846,51.3461538 160.288462,36.6346154 L160.288462,36.6346154 Z" id="path-25"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-26">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M277.884615,284.711538 C296.153846,290.192308 313.557692,297.596154 330,306.634615 C352.307692,279.519231 366.25,245.288462 367.980769,207.980769 L287.884615,207.980769 C287.211538,235.576923 283.75,261.538462 277.884615,284.711538 L277.884615,284.711538 Z" id="path-27"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-28">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M207.980769,287.980769 L207.980769,366.826923 C227.5,360.961538 247.115385,334.807692 259.711538,294.903846 C243.076923,290.865385 225.769231,288.557692 207.980769,287.980769 L207.980769,287.980769 Z" id="path-29"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-30">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M121.730769,115.192308 C103.653846,109.711538 86.3461538,102.403846 70.0961538,93.3653846 C47.7884615,120.480769 33.8461538,154.711538 32.1153846,192.019231 L111.826923,192.019231 C112.307692,164.326923 115.865385,138.269231 121.730769,115.192308 L121.730769,115.192308 Z" id="path-31"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-32">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M111.730769,207.980769 L32.0192308,207.980769 C33.75,245.288462 47.6923077,279.519231 70,306.634615 C86.25,297.692308 103.557692,290.288462 121.634615,284.807692 C115.865385,261.730769 112.307692,235.673077 111.730769,207.980769 L111.730769,207.980769 Z" id="path-33"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-34">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M80.0961538,317.788462 C101.730769,339.807692 129.326923,355.865385 160.288462,363.365385 C146.153846,348.653846 134.230769,326.25 125.673077,298.846154 C109.807692,303.75 94.5192308,310.096154 80.0961538,317.788462 L80.0961538,317.788462 Z" id="path-35"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-36">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-2-Copy-13">
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path-copy-14" fill="#FF4D63"></path>
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path-copy" fill="url(#linearGradient-1)"></path>
+            <g id="ios-world" transform="translate(100.000000, 104.000000)">
+                <g id="Layer_1">
+                    <g id="Group">
+                        <g id="Shape">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-5"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-7"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-9"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-11"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-13"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-15"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-15"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-18)" xlink:href="#path-17"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-17"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-20)" xlink:href="#path-19"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-19"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-22)" xlink:href="#path-21"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-21"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-24)" xlink:href="#path-23"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-23"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-26)" xlink:href="#path-25"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-25"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-28)" xlink:href="#path-27"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-27"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-30)" xlink:href="#path-29"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-29"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-32)" xlink:href="#path-31"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-31"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-34)" xlink:href="#path-33"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-33"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-36)" xlink:href="#path-35"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-35"></use>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

modules/boonex/developer/template/menu_main.html

@@ -3,7 +3,7 @@
         <ul class="bx-menu-ver">        
             <bx_repeat:menu_items>
                 <li class="bx-def-round-corners bx-def-margin-sec-bottom __class_add__">
-                    <a href="__link__" target="__target__" onclick="__onclick__">
+                    <a href="__link__" target="__target__" onclick="__onclick__" title="__title__">
                         <div class="bx-dev-mm-item">
                             <bx_if:icon>
                             	<img src="<bx_icon_url:mi-empty.png />" />

modules/boonex/persons/template/images/icons/std-icon.svg

@@ -1,34 +1,48 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="130px" height="130px" viewBox="0 0 130 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="600px" height="600px" viewBox="0 0 600 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>persons</title>
+    <title>Group 2 Copy 6</title>
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M64,0 C111.3344,0 128,16.6656 128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 L64,0 Z" id="path-1"></path>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-1" fill="black"></use>
-        </mask>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
             <stop stop-color="#FFFFFF" stop-opacity="0.2" offset="0%"></stop>
-            <stop stop-color="#000000" stop-opacity="0.2" offset="100%"></stop>
+            <stop stop-color="#000000" stop-opacity="0.138870018" offset="100%"></stop>
         </linearGradient>
-        <path d="M128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 C111.3344,0 128,16.6656 128,64 Z" id="path-4"></path>
-        <mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-4" fill="black"></use>
-        </mask>
+        <path d="M316.428571,199.375 C316.428571,182.589286 324.732143,188.75 330,156.785714 C332.053571,144.196429 333.75,152.589286 338.125,132.410714 C340.446429,121.875 336.517857,121.071429 337.053571,116.071429 C337.5,111.071429 337.946429,106.517857 338.839286,96.25 C339.910714,83.3928571 328.482143,49.8214286 287.589286,49.8214286 C246.696429,49.8214286 235.267857,83.3928571 236.339286,96.25 C237.142857,106.607143 237.678571,111.071429 238.125,116.071429 C238.571429,121.071429 234.732143,121.875 237.053571,132.410714 C241.428571,152.589286 243.125,144.107143 245.178571,156.785714 C250.446429,188.75 258.660714,182.678571 258.660714,199.375 C258.660714,211.339286 261.428571,216.339286 245.357143,223.928571 C250.178571,225.625 255.803571,227.678571 262.589286,230.267857 C311.160714,248.75 310,266.696429 311.25,275.178571 C312.142857,280.982143 312.589286,327.232143 312.767857,343.75 L395,343.75 C396.74423,343.75 400,341.452044 399.992344,337.629929 C399.957181,320.076271 399.760528,270.374307 398.660714,263.482143 C397.678571,256.875 388.839286,248.125 351.160714,233.75 C314.196429,219.732143 316.428571,225.357143 316.428571,199.375 Z" id="path-2"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-3">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F6F6F6" offset="35.2427758%"></stop>
+            <stop stop-color="#E5E5E5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M290,316.607143 C289.821429,300 289.375,280.892857 288.482143,275.178571 C287.142857,266.696429 275.714286,255.357143 227.232143,236.875 C220.535714,234.375 214.910714,232.321429 210,230.535714 C180.267857,220 182.410714,216.517857 182.410714,187.678571 C182.410714,165.982143 193.125,180.089286 199.910714,138.928571 C202.589286,122.678571 204.732143,133.482143 210.357143,107.5 C213.392857,93.9285714 208.303571,92.8571429 208.928571,86.3392857 C209.553571,79.8214286 210.178571,74.0178571 211.25,60.7142857 C212.678571,44.1964286 197.946429,0.803571429 145.089286,0.803571429 C92.2321429,0.803571429 77.5892857,44.1071429 78.9285714,60.7142857 C80,74.0178571 80.625,79.8214286 81.3392857,86.3392857 C81.9642857,92.8571429 76.875,93.8392857 79.9107143,107.5 C85.625,133.482143 87.7678571,122.678571 90.4464286,138.928571 C97.2321429,180.089286 107.857143,165.982143 107.857143,187.678571 C107.857143,221.25 110.803571,218.75 63.0357143,236.875 C14.5535714,255.357143 3.125,266.696429 1.78571429,275.178571 C0.430922983,283.375059 0.103988986,318.604193 0.0250942966,335.129649 C1.11480269e-13,340.385956 4.79024368,343.75 7,343.75 L145.089286,343.75 L290.178571,343.75 C290.178571,343.75 290.178571,331.160714 290,316.607143 Z" id="path-5"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
     </defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="persons" transform="translate(1.000000, 1.000000)">
-            <g id="Shape">
-                <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
-                <use stroke-opacity="0.3" stroke="#000000" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            </g>
-            <path d="M63.8144127,24 C60.14964,24.0681818 56.7064581,24.4261364 55.6325945,27.4090909 C51.14964,27.3068182 50.0928218,29.8636364 48.4735036,33.5113636 C46.8541854,37.1590909 47.8087309,46.6704545 48.9848672,50.0965909 C46.3598672,51.6988636 47.21214,59.3693182 51.0303218,59.6079545 C51.4735036,61.6022727 51.8485036,66.8011364 55.1212309,68.6420455 L55.1212309,75.2897727 C55.0019127,81.1022727 34.4280491,85.6363636 31.4280491,88.7727273 C28.4280491,91.9090909 27.8825945,95.1647727 28.0189581,99 L99.6098672,99 C99.7462309,95.1647727 99.2007763,91.9090909 96.2007763,88.7727273 C93.2007763,85.6363636 73.0530491,81.1022727 72.6780491,75.3068182 L72.6780491,68.6590909 C75.9507763,66.8181818 76.5132763,61.2784091 76.9394127,59.2840909 C80.7575945,58.8579545 81.4394127,51.5284091 78.8144127,49.9431818 C79.9905491,46.5 81.2860036,37.1761364 79.6666854,33.5284091 C78.0473672,29.8806818 74.0416854,24 63.8144127,24 L63.8144127,24 Z" id="Shape" stroke="#B6866D" stroke-width="2" fill="#F0C7B1" stroke-linecap="round" stroke-linejoin="round"></path>
-            <g id="Shape-Copy">
-                <use fill="url(#linearGradient-3)" fill-rule="evenodd" xlink:href="#path-4"></use>
-                <use stroke-opacity="0.5" stroke="#000000" mask="url(#mask-5)" stroke-width="2" xlink:href="#path-4"></use>
+        <g id="Group-2-Copy-6">
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path" fill="#F6A623"></path>
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path-copy" fill="url(#linearGradient-1)"></path>
+            <g id="person-stalker" transform="translate(100.000000, 124.000000)">
+                <g id="Layer_1">
+                    <g id="Group">
+                        <g id="Shape" opacity="0.496773098">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-2"></use>
+                        </g>
+                        <g id="Shape">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                            <use fill="url(#linearGradient-4)" fill-rule="evenodd" xlink:href="#path-5"></use>
+                        </g>
+                    </g>
+                </g>
             </g>
         </g>
     </g>

studio/template/images/icons/wi-bld-navigation.svg

@@ -1,39 +1,57 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="130px" height="130px" viewBox="0 0 130 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="600px" height="600px" viewBox="0 0 600 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>nav</title>
+    <title>Group 2 Copy 2</title>
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M64,0 C111.3344,0 128,16.6656 128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 L64,0 Z" id="path-1"></path>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-1" fill="black"></use>
-        </mask>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
             <stop stop-color="#FFFFFF" stop-opacity="0.2" offset="0%"></stop>
-            <stop stop-color="#000000" stop-opacity="0.2" offset="100%"></stop>
+            <stop stop-color="#000000" stop-opacity="0.138870018" offset="100%"></stop>
         </linearGradient>
-        <path d="M128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 C111.3344,0 128,16.6656 128,64 Z" id="path-4"></path>
-        <mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-4" fill="black"></use>
-        </mask>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F6F6F6" offset="35.2427758%"></stop>
+            <stop stop-color="#E5E5E5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M353.4,128 L30.6,128 C13.7,128 0,142.3 0,160 C0,177.7 13.7,192 30.6,192 L353.4,192 C370.3,192 384,177.7 384,160 C384,142.3 370.3,128 353.4,128 L353.4,128 Z" id="path-3"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M353.4,0 L30.6,0 C13.7,0 0,14.3 0,32 C0,49.7 13.7,64 30.6,64 L353.4,64 C370.3,64 384,49.7 384,32 C384,14.3 370.3,0 353.4,0 L353.4,0 Z" id="path-5"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M353.4,256 L30.6,256 C13.7,256 0,270.3 0,288 C0,305.7 13.7,320 30.6,320 L353.4,320 C370.3,320 384,305.7 384,288 C384,270.3 370.3,256 353.4,256 L353.4,256 Z" id="path-7"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-8">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
     </defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="nav" transform="translate(1.000000, 1.000000)">
-            <g id="Shape">
-                <use fill="#B7F5E7" fill-rule="evenodd" xlink:href="#path-1"></use>
-                <use stroke-opacity="0.3" stroke="#000000" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            </g>
-            <g id="Group" transform="translate(31.000000, 26.000000)" stroke-width="2">
-                <path d="M33.0782609,0 C34.0173913,0 34.7826087,0.765217391 34.7826087,1.70434783 L34.7826087,80 L31.3043478,80 L31.3043478,1.77391304 C31.3043478,0.8 32.1043478,0 33.0782609,0 L33.0782609,0 Z" id="Shape" stroke="#AE7C5B" fill="#AE7C5B"></path>
-                <polygon id="Shape" stroke="#C18D6A" fill="#F6C4A3" points="66.0869565 15.6521739 59.1304348 24.3478261 6.95652174 24.3478261 6.95652174 6.95652174 59.1304348 6.95652174" stroke-linecap="round" stroke-linejoin="round"></polygon>
-                <polygon id="Shape" stroke="#CB9673" fill="#F6C4A3" points="0 43.4782609 6.95652174 34.7826087 59.1304348 34.7826087 59.1304348 52.173913 6.95652174 52.173913" stroke-linecap="round" stroke-linejoin="round"></polygon>
-            </g>
-            <g id="Group">
-                <g id="Shape-Copy">
-                    <use fill="url(#linearGradient-3)" fill-rule="evenodd" xlink:href="#path-4"></use>
-                    <use stroke-opacity="0.5" stroke="#000000" mask="url(#mask-5)" stroke-width="2" xlink:href="#path-4"></use>
+        <g id="Group-2-Copy-2">
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path" fill="#4990E2"></path>
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path-copy" fill="url(#linearGradient-1)"></path>
+            <g id="navicon-round" transform="translate(108.000000, 143.000000)">
+                <g id="Layer_1">
+                    <g id="Group">
+                        <g id="Shape">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                        </g>
+                        <g id="Shape">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-5"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-7"></use>
+                        </g>
+                    </g>
                 </g>
             </g>
         </g>

studio/template/images/icons/wi-bld-pages.svg

@@ -1,39 +1,47 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="130px" height="130px" viewBox="0 0 130 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="600px" height="600px" viewBox="0 0 600 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>pages</title>
+    <title>Group 2 Copy</title>
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M64,0 C111.3344,0 128,16.6656 128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 L64,0 Z" id="path-1"></path>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-1" fill="black"></use>
-        </mask>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
             <stop stop-color="#FFFFFF" stop-opacity="0.2" offset="0%"></stop>
-            <stop stop-color="#000000" stop-opacity="0.2" offset="100%"></stop>
+            <stop stop-color="#000000" stop-opacity="0.138870018" offset="100%"></stop>
         </linearGradient>
-        <path d="M128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 C111.3344,0 128,16.6656 128,64 Z" id="path-4"></path>
-        <mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-4" fill="black"></use>
-        </mask>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F6F6F6" offset="35.2427758%"></stop>
+            <stop stop-color="#E5E5E5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,352.004964 C0,356.420501 3.57643808,360 7.99240587,360 L276.913844,360 C281.327928,360 284.90625,356.422385 284.90625,352.004964 L284.90625,82.9950358 C284.90625,78.5794995 281.329812,75 276.913844,75 L7.99240587,75 C3.578322,75 0,78.5776149 0,82.9950358 L0,352.004964 Z" id="path-3"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M82.9950358,0 C78.5794995,0 75,3.57358932 75,7.99854961 L75,60 L300,60 L300,285 L352.00145,285 C356.418927,285 360,281.422385 360,277.004964 L360,7.99503582 C360,3.57949946 356.422385,0 352.004964,0 L82.9950358,0 Z" id="path-5"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
     </defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="pages" transform="translate(1.000000, 1.000000)">
-            <g id="Shape">
-                <use fill="#B7F5E7" fill-rule="evenodd" xlink:href="#path-1"></use>
-                <use stroke-opacity="0.3" stroke="#000000" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            </g>
-            <g id="Group" transform="translate(24.000000, 28.000000)" stroke="#34495E" stroke-width="2">
-                <rect id="Rectangle-path" fill="#BEEFBB" x="0" y="22.8571429" width="57.1428571" height="49.5238095" stroke-linecap="round" stroke-linejoin="round"></rect>
-                <rect id="Rectangle-path" fill="#A2DED0" x="11.4285714" y="11.4285714" width="57.1428571" height="49.5238095" stroke-linecap="round" stroke-linejoin="round"></rect>
-                <rect id="Rectangle-path" fill="#82CEF9" x="22.8571429" y="0" width="57.1428571" height="49.5238095" stroke-linecap="round" stroke-linejoin="round"></rect>
-            </g>
-            <g id="Group">
-                <g id="Shape-Copy">
-                    <use fill="url(#linearGradient-3)" fill-rule="evenodd" xlink:href="#path-4"></use>
-                    <use stroke-opacity="0.5" stroke="#000000" mask="url(#mask-5)" stroke-width="2" xlink:href="#path-4"></use>
+        <g id="Group-2-Copy">
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path" fill="#4990E2"></path>
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path-copy" fill="url(#linearGradient-1)"></path>
+            <g id="ios-browsers" transform="translate(120.000000, 118.000000)">
+                <g id="Layer_1">
+                    <g id="Group">
+                        <g id="Shape">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-5"></use>
+                        </g>
+                    </g>
                 </g>
             </g>
         </g>

studio/template/images/icons/wi-dashboard.svg

@@ -1,48 +1,59 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="130px" height="130px" viewBox="0 0 130 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="600px" height="600px" viewBox="0 0 600 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>albums copy 5</title>
+    <title>Group 2 Copy 12</title>
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M64,0 C111.3344,0 128,16.6656 128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 L64,0 Z" id="path-1"></path>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-1" fill="black"></use>
-        </mask>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
             <stop stop-color="#FFFFFF" stop-opacity="0.2" offset="0%"></stop>
-            <stop stop-color="#000000" stop-opacity="0.2" offset="100%"></stop>
+            <stop stop-color="#000000" stop-opacity="0.138870018" offset="100%"></stop>
         </linearGradient>
-        <path d="M128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 C111.3344,0 128,16.6656 128,64 Z" id="path-4"></path>
-        <mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-4" fill="black"></use>
-        </mask>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F6F6F6" offset="35.2427758%"></stop>
+            <stop stop-color="#E5E5E5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M360.9375,201.320625 L360.9375,200.625 L388.888125,200.625 C388.015312,179.0625 383.210625,157.866563 374.984062,138.608438 C366.88125,119.644688 355.7625,102.36 341.930625,87.4565625 L318.617812,110.562188 L308.090625,100.257188 L331.329375,77.120625 C316.154062,63.211875 298.648125,52.05 279.284062,43.940625 C259.199062,35.5284375 238.125,31.02375 216.5625,30.174375 L216.5625,61.875 L215.6175,61.875 L202.5,61.875 L202.5,30.174375 C180.9375,31.0125 160.359375,35.5171875 140.24625,43.9415625 C121.165312,51.931875 103.723125,63.12 88.3884375,77.195625 L111.634687,100.242188 L111.12,100.756875 L111.120937,100.7625 L110.849062,101.076563 L101.220937,110.641875 L77.990625,87.6928125 C64.14375,102.629063 53.049375,119.795625 45.013125,138.6075 C36.7884375,157.86375 31.9846875,179.0625 31.1128125,200.625 L58.125,200.625 L58.125,215.625 L57.3975,215.625 L31.1128125,215.625 C31.9809375,236.25 36.658125,257.28 45.015,276.840938 C52.2234375,293.716875 62.263125,309.338438 74.8565625,323.646563 C111.2175,288.605625 159.192187,269.339063 210.000937,269.339063 C260.731875,269.339063 308.706562,288.722813 345.145312,323.840625 C357.664687,309.614063 367.7025,293.860313 374.985937,276.81 C383.34375,257.24625 388.020937,236.25 388.888125,215.625 L360.9375,215.625 L360.9375,201.320625 L360.9375,201.320625 Z M255,209.941875 C255,234.754688 234.812812,254.941875 210,254.941875 C200.415937,254.941875 191.530312,251.920313 184.2225,246.794063 L172.941562,258.075 L162.336562,247.469063 L173.537812,236.267813 C168.173437,228.859688 165.000937,219.765938 165.000937,209.942813 C165.000937,185.13 185.188125,164.942813 210.000937,164.942813 C219.377812,164.942813 228.091875,167.829375 235.307812,172.755938 L304.199062,111.136875 L305.524687,112.4625 L246.60375,183.815625 C251.880937,191.187188 255,200.204063 255,209.941875 L255,209.941875 Z" id="path-3"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M210,0 C94.02,0 0,93.961875 0,209.941875 C0,263.355937 19.9528125,312.10125 52.79625,349.160625 C56.1253125,352.91625 59.5846875,356.491875 63.170625,360 L73.125,360 L79.6875,360 L83.9765625,360 C84.8064785,358.976691 85.648607,357.963689 86.5027265,356.961217 C116.246611,322.051082 160.532047,299.91 209.999063,299.91 C260.886563,299.91 306.291562,323.340937 336.0225,360 L356.828437,360 C360.414375,356.491875 363.874687,352.915312 367.202812,349.160625 C400.04625,312.10125 419.999062,263.355937 419.999062,209.941875 C420,93.961875 325.98,0 210,0 L210,0 Z M355.0725,334.497188 C352.212188,337.692188 349.08,340.93125 345.497813,344.400938 L345.145313,344.743125 L344.819063,344.374688 C342.354375,341.590313 339.669375,338.76375 336.6075,335.730938 C336.349688,335.476875 336.087188,335.225625 335.825625,334.974375 L335.353125,334.519688 C319.17375,318.801563 300.44625,306.425625 279.689063,297.734063 C257.625,288.494063 234.178125,283.808438 209.999063,283.808438 C185.82,283.808438 162.373125,288.494063 140.309063,297.734063 C119.552813,306.425625 100.824375,318.8025 84.645,334.519688 L84.1725,334.974375 C83.9109375,335.225625 83.649375,335.475938 83.3915625,335.730938 C80.3296875,338.762813 77.6446875,341.590313 75.18,344.374688 L74.85375,344.743125 L74.5003125,344.400938 C70.918125,340.93125 67.7859375,337.692188 64.9265625,334.497188 C33.5071875,299.39625 16.20375,254.22 16.20375,207.2925 C16.20375,156.043125 36.361875,107.867813 72.9646875,71.641875 C109.565625,35.4178125 158.232188,15.46875 210,15.46875 C261.76875,15.46875 310.434375,35.4178125 347.034375,71.641875 C383.637188,107.86875 403.795313,156.044062 403.795313,207.2925 C403.795313,254.22 386.492813,299.395313 355.0725,334.497188 L355.0725,334.497188 Z" id="path-5"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <circle id="path-7" cx="210" cy="209.941875" r="30"></circle>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-8">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
     </defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="albums-copy-5" transform="translate(1.000000, 1.000000)">
-            <g id="Shape">
-                <use fill="#AEE2FF" fill-rule="evenodd" xlink:href="#path-1"></use>
-                <use stroke-opacity="0.3" stroke="#000000" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            </g>
-            <g id="Group-2" transform="translate(21.000000, 32.000000)" stroke-width="3">
-                <path d="M0.544303797,42.5464135 C0.544303797,46.5689835 1.12448216,50.4561786 2.16880322,54.1499808 L84.0319707,54.1499808 C85.0762917,50.4561786 85.6371308,46.5689835 85.6371308,42.5464135 C85.6371308,19.0491897 66.5879411,0 43.0907173,0 C19.5934935,0 0.544303797,19.0491897 0.544303797,42.5464135 Z" id="Shape" stroke="#34495E" fill="#ECF0F1"></path>
-                <path d="M8.20265823,41.3670886 L12.070514,41.3670886" id="Shape" stroke="#34495E" stroke-linecap="round" stroke-linejoin="round"></path>
-                <path d="M10.755443,29.3570253 L12.5346567,30.1112572" id="Shape" stroke="#34495E" stroke-linecap="round" stroke-linejoin="round"></path>
-                <path d="M18.4137975,19.1458861 L21.1599751,21.8920637" id="Shape" stroke="#34495E" stroke-linecap="round" stroke-linejoin="round"></path>
-                <path d="M29.9013291,11.4875316 L30.6362217,13.2667453" id="Shape" stroke="#34495E" stroke-linecap="round" stroke-linejoin="round"></path>
-                <path d="M42.4556962,8.93474684 L42.4556962,12.8026026" id="Shape" stroke="#34495E" stroke-linecap="round" stroke-linejoin="round"></path>
-                <path d="M56.1640698,11.4875316 L55.4291772,13.2667453" id="Shape" stroke="#34495E" stroke-linecap="round" stroke-linejoin="round"></path>
-                <path d="M67.1101016,19.1458861 L64.3639241,21.8727244" id="Shape" stroke="#34495E" stroke-linecap="round" stroke-linejoin="round"></path>
-                <path d="M75.0778845,29.3570253 L73.2986709,30.0919179" id="Shape" stroke="#C0392B" stroke-linecap="round" stroke-linejoin="round"></path>
-                <path d="M78.4429191,42.1209494 L76.9790677,42.1209494 C76.2767536,42.1209494 75.1412394,42.1209494 74.5750633,42.1209494 L74.5750633,42.1209494" id="Shape" stroke="#C0392B" stroke-linecap="round" stroke-linejoin="round"></path>
-                <path d="M44.3671097,44.6930735 C43.7675921,45.5826803 42.5685568,45.8147516 41.6789499,45.215234 C40.7893431,44.6157163 23.5193671,30.6334177 23.5193671,30.6334177 C23.5193671,30.6334177 42.9553423,41.405396 43.8449492,42.0049137 C44.734556,42.6044313 44.9666273,43.8034666 44.3671097,44.6930735 L44.3671097,44.6930735 Z" id="Shape" stroke="#34495E" stroke-linecap="round" stroke-linejoin="round"></path>
-            </g>
-            <g id="Shape-Copy">
-                <use fill="url(#linearGradient-3)" fill-rule="evenodd" xlink:href="#path-4"></use>
-                <use stroke-opacity="0.5" stroke="#000000" mask="url(#mask-5)" stroke-width="2" xlink:href="#path-4"></use>
+        <g id="Group-2-Copy-12">
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path-copy-13" fill="#FF4D63"></path>
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path-copy" fill="url(#linearGradient-1)"></path>
+            <g id="ios-speedometer" transform="translate(90.000000, 112.000000)">
+                <g id="Layer_1">
+                    <g id="Group">
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                        </g>
+                        <g id="Shape">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-5"></use>
+                        </g>
+                        <g id="Oval">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-7"></use>
+                        </g>
+                    </g>
+                </g>
             </g>
-            <g id="Group"></g>
         </g>
     </g>
 </svg>

studio/template/images/icons/wi-polyglot.svg

@@ -1,60 +1,198 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="130px" height="130px" viewBox="0 0 130 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="600px" height="600px" viewBox="0 0 600 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>albums copy 6</title>
+    <title>Group 2 Copy 13</title>
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M64,0 C111.3344,0 128,16.6656 128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 L64,0 Z" id="path-1"></path>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-1" fill="black"></use>
-        </mask>
-        <ellipse id="path-3" cx="41.5" cy="40" rx="41.3270833" ry="39.8333333"></ellipse>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
             <stop stop-color="#FFFFFF" stop-opacity="0.2" offset="0%"></stop>
-            <stop stop-color="#000000" stop-opacity="0.2" offset="100%"></stop>
+            <stop stop-color="#000000" stop-opacity="0.138870018" offset="100%"></stop>
         </linearGradient>
-        <path d="M128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 C111.3344,0 128,16.6656 128,64 Z" id="path-6"></path>
-        <mask id="mask-7" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-6" fill="black"></use>
-        </mask>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F6F6F6" offset="35.2427758%"></stop>
+            <stop stop-color="#E5E5E5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M200,0 L199.807692,0 C199.807692,0 199.807692,0 199.711538,0 L199.519231,0 C89.2307692,0.288461538 0,89.7115385 0,200 C0,310.288462 89.2307692,399.711538 199.519231,400 L199.711538,400 L199.807692,400 L200,400 C310.480769,400 400,310.480769 400,200 C400,89.5192308 310.480769,0 200,0 L200,0 Z M200,384.038462 L199.807692,384.038462 C199.807692,384.038462 199.807692,384.038462 199.711538,384.038462 L199.519231,384.038462 C98.1730769,383.75 15.9615385,301.442308 15.9615385,200 C15.9615385,98.5576923 98.0769231,16.25 199.519231,16.0576923 L199.711538,16.0576923 L199.807692,16.0576923 L200,16.0576923 C301.634615,16.0576923 384.038462,98.4615385 384.038462,200.096154 C384.038462,301.634615 301.634615,384.038462 200,384.038462 L200,384.038462 Z" id="path-3"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M263.75,119.038462 C245.769231,123.365385 227.211538,125.961538 208.076923,126.538462 L208.076923,192.019231 L273.076923,192.019231 C272.5,165 269.134615,140.480769 263.75,119.038462 L263.75,119.038462 Z" id="path-5"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M207.980769,33.1730769 L207.980769,111.923077 C225.769231,111.346154 243.076923,109.038462 259.711538,105 C247.115385,65.1923077 227.5,39.0384615 207.980769,33.1730769 L207.980769,33.1730769 Z" id="path-7"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-8">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M139.807692,104.903846 C156.634615,108.942308 174.038462,111.346154 191.923077,111.923077 L191.923077,32.9807692 C172.403846,38.6538462 152.5,64.8076923 139.807692,104.903846 L139.807692,104.903846 Z" id="path-9"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-10">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M319.807692,82.1153846 C298.076923,60 270.288462,43.8461538 239.134615,36.4423077 C253.365385,51.1538462 265.288462,73.6538462 273.846154,101.153846 C289.903846,96.25 305.288462,89.9038462 319.807692,82.1153846 L319.807692,82.1153846 Z" id="path-11"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-12">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M287.788462,192.019231 L367.884615,192.019231 C366.153846,154.711538 352.211538,120.480769 329.903846,93.3653846 C313.461538,102.403846 296.057692,109.807692 277.884615,115.288462 C283.75,138.365385 287.211538,164.423077 287.788462,192.019231 L287.788462,192.019231 Z" id="path-13"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-14">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M126.442308,192.019231 L192.019231,192.019231 L192.019231,126.538462 C172.692308,125.961538 153.942308,123.365385 135.865385,118.942308 C130.384615,140.384615 127.019231,165 126.442308,192.019231 L126.442308,192.019231 Z" id="path-15"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-16">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M273.076923,207.980769 L207.980769,207.980769 L207.980769,273.365385 C227.115385,273.942308 245.769231,276.442308 263.75,280.865385 C269.134615,259.519231 272.5,234.903846 273.076923,207.980769 L273.076923,207.980769 Z" id="path-17"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-18">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M135.865385,280.961538 C153.942308,276.538462 172.692308,273.942308 192.019231,273.365385 L192.019231,207.980769 L126.442308,207.980769 C127.019231,235 130.384615,259.615385 135.865385,280.961538 L135.865385,280.961538 Z" id="path-19"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-20">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M192.019231,366.923077 L192.019231,287.980769 C174.134615,288.557692 156.634615,290.961538 139.807692,295 C152.5,335.096154 172.403846,361.346154 192.019231,366.923077 L192.019231,366.923077 Z" id="path-21"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-22">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M239.134615,363.557692 C270.288462,356.057692 298.076923,340 319.903846,317.788462 C305.384615,310 290,303.653846 273.942308,298.75 C265.384615,326.346154 253.365385,348.75 239.134615,363.557692 L239.134615,363.557692 Z" id="path-23"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-24">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M160.288462,36.6346154 C129.423077,44.1346154 101.826923,60.1923077 80.1923077,82.2115385 C94.6153846,89.9038462 109.807692,96.25 125.673077,101.057692 C134.230769,73.6538462 146.153846,51.3461538 160.288462,36.6346154 L160.288462,36.6346154 Z" id="path-25"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-26">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M277.884615,284.711538 C296.153846,290.192308 313.557692,297.596154 330,306.634615 C352.307692,279.519231 366.25,245.288462 367.980769,207.980769 L287.884615,207.980769 C287.211538,235.576923 283.75,261.538462 277.884615,284.711538 L277.884615,284.711538 Z" id="path-27"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-28">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M207.980769,287.980769 L207.980769,366.826923 C227.5,360.961538 247.115385,334.807692 259.711538,294.903846 C243.076923,290.865385 225.769231,288.557692 207.980769,287.980769 L207.980769,287.980769 Z" id="path-29"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-30">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M121.730769,115.192308 C103.653846,109.711538 86.3461538,102.403846 70.0961538,93.3653846 C47.7884615,120.480769 33.8461538,154.711538 32.1153846,192.019231 L111.826923,192.019231 C112.307692,164.326923 115.865385,138.269231 121.730769,115.192308 L121.730769,115.192308 Z" id="path-31"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-32">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M111.730769,207.980769 L32.0192308,207.980769 C33.75,245.288462 47.6923077,279.519231 70,306.634615 C86.25,297.692308 103.557692,290.288462 121.634615,284.807692 C115.865385,261.730769 112.307692,235.673077 111.730769,207.980769 L111.730769,207.980769 Z" id="path-33"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-34">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M80.0961538,317.788462 C101.730769,339.807692 129.326923,355.865385 160.288462,363.365385 C146.153846,348.653846 134.230769,326.25 125.673077,298.846154 C109.807692,303.75 94.5192308,310.096154 80.0961538,317.788462 L80.0961538,317.788462 Z" id="path-35"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-36">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
     </defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="albums-copy-6" transform="translate(1.000000, 1.000000)">
-            <g id="Group"></g>
-            <g id="Shape">
-                <use fill="#AEE2FF" fill-rule="evenodd" xlink:href="#path-1"></use>
-                <use stroke-opacity="0.3" stroke="#000000" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            </g>
-            <g id="Group" transform="translate(23.000000, 22.000000)">
-                <ellipse id="Oval" stroke="#3498DB" fill="#9EE5FF" transform="translate(41.500000, 42.000000) rotate(-90.000000) translate(-41.500000, -42.000000) " cx="41.5" cy="42" rx="41.5" ry="40"></ellipse>
-                <g id="Clipped" transform="translate(0.000000, 2.000000)">
-                    <mask id="mask-4" fill="white">
-                        <use xlink:href="#path-3"></use>
-                    </mask>
-                    <use id="Oval" fill="#FFE4AF" xlink:href="#path-3"></use>
-                    <g id="Group" mask="url(#mask-4)">
-                        <g transform="translate(-1.729167, -1.666667)">
-                            <g transform="translate(1.729167, 25.000000)">
-                                <path d="M3.45833333,0 L79.5416667,0" id="Shape" stroke="#3498DB" stroke-width="2"></path>
-                                <path d="M0,16.6666667 L86.4583333,16.6666667" id="Shape" stroke="#3498DB" stroke-width="2"></path>
-                                <path d="M3.45833333,33.3333333 L79.5416667,33.3333333" id="Shape" stroke="#3498DB" stroke-width="2"></path>
-                            </g>
-                            <g>
-                                <path d="M43.2291667,83.3333333 C19.349375,83.3333333 0,64.6833333 0,41.6666667 C0,18.65 19.349375,0 43.2291667,0" id="Shape" stroke="#3498DB" stroke-width="2"></path>
-                                <path d="M43.1427083,83.3333333 C29.1364583,75.1333333 19.0208333,58.6166667 19.0208333,41.6666667 C19.0208333,24.7166667 29.1364583,8.2 43.1427083,0" id="Shape" stroke="#3498DB" stroke-width="2"></path>
-                                <path d="M43.2291667,83.3333333 L43.2291667,41.6666667 L43.2291667,0" id="Shape" stroke="#3498DB" stroke-width="2"></path>
-                                <path d="M43.2291667,83.3333333 C57.2354167,75.1333333 67.4375,58.6166667 67.4375,41.6666667 C67.4375,24.7166667 57.2354167,8.2 43.2291667,0" id="Shape" stroke="#3498DB" stroke-width="2"></path>
-                            </g>
+        <g id="Group-2-Copy-13">
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path-copy-14" fill="#FF4D63"></path>
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path-copy" fill="url(#linearGradient-1)"></path>
+            <g id="ios-world" transform="translate(100.000000, 104.000000)">
+                <g id="Layer_1">
+                    <g id="Group">
+                        <g id="Shape">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-5"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-7"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-9"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-11"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-13"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-15"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-15"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-18)" xlink:href="#path-17"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-17"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-20)" xlink:href="#path-19"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-19"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-22)" xlink:href="#path-21"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-21"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-24)" xlink:href="#path-23"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-23"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-26)" xlink:href="#path-25"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-25"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-28)" xlink:href="#path-27"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-27"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-30)" xlink:href="#path-29"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-29"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-32)" xlink:href="#path-31"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-31"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-34)" xlink:href="#path-33"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-33"></use>
+                        </g>
+                        <g id="Shape" opacity="0.5">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-36)" xlink:href="#path-35"></use>
+                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-35"></use>
                         </g>
                     </g>
                 </g>
-                <ellipse id="Oval" stroke="#3498DB" stroke-width="2" transform="translate(41.500000, 42.000000) rotate(-90.000000) translate(-41.500000, -42.000000) " cx="41.5" cy="42" rx="41.5" ry="40"></ellipse>
-            </g>
-            <g id="Shape-Copy">
-                <use fill="url(#linearGradient-5)" fill-rule="evenodd" xlink:href="#path-6"></use>
-                <use stroke-opacity="0.5" stroke="#000000" mask="url(#mask-7)" stroke-width="2" xlink:href="#path-6"></use>
             </g>
         </g>
     </g>

studio/template/images/icons/wi-store.svg

@@ -1,51 +1,113 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="130px" height="130px" viewBox="0 0 130 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="600px" height="600px" viewBox="0 0 600 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>albums copy 3</title>
+    <title>Group 2 Copy 3</title>
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M64,0 C111.3344,0 128,16.6656 128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 L64,0 Z" id="path-1"></path>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-1" fill="black"></use>
-        </mask>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
             <stop stop-color="#FFFFFF" stop-opacity="0.2" offset="0%"></stop>
-            <stop stop-color="#000000" stop-opacity="0.2" offset="100%"></stop>
+            <stop stop-color="#000000" stop-opacity="0.138870018" offset="100%"></stop>
         </linearGradient>
-        <path d="M128,64 C128,111.3344 111.3344,128 64,128 C16.6656,128 0,111.3344 0,64 C0,16.6656 16.6656,0 64,0 C111.3344,0 128,16.6656 128,64 Z" id="path-4"></path>
-        <mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="130" height="130">
-            <rect x="-1" y="-1" width="130" height="130" fill="white"></rect>
-            <use xlink:href="#path-4" fill="black"></use>
-        </mask>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F6F6F6" offset="35.2427758%"></stop>
+            <stop stop-color="#E5E5E5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M87.2003618,87.2003618 C94.7368421,79.6638652 94.7368421,68.1249999 94.7368421,47.3684211 C94.7368421,26.6118422 94.7368421,15.072977 87.2003618,7.53648027 C79.6638652,0 68.1249999,0 47.3684211,0 C26.6118422,0 15.072977,0 7.53648027,7.53648027 C0,15.072977 0,26.6118422 0,47.3684211 C0,68.1249999 0,79.6638652 7.53648027,87.2003618 C15.072977,94.7368421 26.6118422,94.7368421 47.3684211,94.7368421 C68.1249999,94.7368421 79.6638652,94.7368421 87.2003618,87.2003618 L87.2003618,87.2003618 Z" id="path-3"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M352.46352,87.2003618 C360,79.6638652 360,68.1249999 360,47.3684211 C360,26.6118422 360,15.072977 352.46352,7.53648027 C344.927023,0 333.388158,0 312.631579,0 C291.875,0 280.336135,0 272.799638,7.53648027 C265.263158,15.072977 265.263158,26.6118422 265.263158,47.3684211 C265.263158,68.1249999 265.263158,79.6638652 272.799638,87.2003618 C280.336135,94.7368421 291.875,94.7368421 312.631579,94.7368421 C333.388158,94.7368421 344.927023,94.7368421 352.46352,87.2003618 L352.46352,87.2003618 Z" id="path-5"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M219.831941,87.2003618 C227.368421,79.6638652 227.368421,68.1249999 227.368421,47.3684211 C227.368421,26.6118422 227.368421,15.072977 219.831941,7.53648027 C212.295444,0 200.756579,0 180,0 C159.243421,0 147.704556,0 140.168059,7.53648027 C132.631579,15.072977 132.631579,26.6118422 132.631579,47.3684211 C132.631579,68.1249999 132.631579,79.6638652 140.168059,87.2003618 C147.704556,94.7368421 159.243421,94.7368421 180,94.7368421 C200.756579,94.7368421 212.295444,94.7368421 219.831941,87.2003618 L219.831941,87.2003618 Z" id="path-7"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-8">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M87.2003618,217.937204 C94.7368421,210.400707 94.7368421,198.861842 94.7368421,178.105263 C94.7368421,157.348684 94.7368421,145.809819 87.2003618,138.273322 C79.6638652,130.736842 68.1249999,130.736842 47.3684211,130.736842 C26.6118422,130.736842 15.072977,130.736842 7.53648027,138.273322 C0,145.809819 0,157.348684 0,178.105263 C0,198.861842 0,210.400707 7.53648027,217.937204 C15.072977,225.473684 26.6118422,225.473684 47.3684211,225.473684 C68.1249999,225.473684 79.6638652,225.473684 87.2003618,217.937204 L87.2003618,217.937204 Z" id="path-9"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-10">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M352.46352,217.937204 C360,210.400707 360,198.861842 360,178.105263 C360,157.348684 360,145.809819 352.46352,138.273322 C344.927023,130.736842 333.388158,130.736842 312.631579,130.736842 C291.875,130.736842 280.336135,130.736842 272.799638,138.273322 C265.263158,145.809819 265.263158,157.348684 265.263158,178.105263 C265.263158,198.861842 265.263158,210.400707 272.799638,217.937204 C280.336135,225.473684 291.875,225.473684 312.631579,225.473684 C333.388158,225.473684 344.927023,225.473684 352.46352,217.937204 L352.46352,217.937204 Z" id="path-11"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-12">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M227.368421,178.105263 C227.368421,157.348684 227.368421,145.809819 219.831941,138.273322 C212.295444,130.736842 200.756579,130.736842 180,130.736842 C159.243421,130.736842 147.704556,130.736842 140.168059,138.273322 C132.631579,145.809819 132.631579,157.348684 132.631579,178.105263 C132.631579,198.861842 132.631579,210.400707 140.168059,217.937204 C147.704556,225.473684 159.243421,225.473684 180,225.473684 C200.756579,225.473684 212.295444,225.473684 219.831941,217.937204 C227.368421,210.400707 227.368421,198.861842 227.368421,178.105263 Z" id="path-13"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-14">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M87.2003618,352.46352 C94.7368421,344.927023 94.7368421,333.388158 94.7368421,312.631579 C94.7368421,291.875 94.7368421,280.336135 87.2003618,272.799638 C79.6638652,265.263158 68.1249999,265.263158 47.3684211,265.263158 C26.6118422,265.263158 15.072977,265.263158 7.53648027,272.799638 C0,280.336135 0,291.875 0,312.631579 C0,333.388158 0,344.927023 7.53648027,352.46352 C15.072977,360 26.6118422,360 47.3684211,360 C68.1249999,360 79.6638652,360 87.2003618,352.46352 L87.2003618,352.46352 Z" id="path-15"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-16">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M352.46352,352.46352 C360,344.927023 360,333.388158 360,312.631579 C360,291.875 360,280.336135 352.46352,272.799638 C344.927023,265.263158 333.388158,265.263158 312.631579,265.263158 C291.875,265.263158 280.336135,265.263158 272.799638,272.799638 C265.263158,280.336135 265.263158,291.875 265.263158,312.631579 C265.263158,333.388158 265.263158,344.927023 272.799638,352.46352 C280.336135,360 291.875,360 312.631579,360 C333.388158,360 344.927023,360 352.46352,352.46352 L352.46352,352.46352 Z" id="path-17"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-18">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <path d="M219.831941,352.46352 C227.368421,344.927023 227.368421,333.388158 227.368421,312.631579 C227.368421,291.875 227.368421,280.336135 219.831941,272.799638 C212.295444,265.263158 200.756579,265.263158 180,265.263158 C159.243421,265.263158 147.704556,265.263158 140.168059,272.799638 C132.631579,280.336135 132.631579,291.875 132.631579,312.631579 C132.631579,333.388158 132.631579,344.927023 140.168059,352.46352 C147.704556,360 159.243421,360 180,360 C200.756579,360 212.295444,360 219.831941,352.46352 L219.831941,352.46352 Z" id="path-19"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-20">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
     </defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="albums-copy-3" transform="translate(1.000000, 1.000000)">
-            <g id="Shape">
-                <use fill="#AEE2FF" fill-rule="evenodd" xlink:href="#path-1"></use>
-                <use stroke-opacity="0.3" stroke="#000000" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            </g>
-            <g id="Group" transform="translate(26.880000, 26.880000)" stroke-width="2" stroke="#34495E">
-                <g id="Rectangle-path">
-                    <rect fill="#6BB9F0" x="0" y="0" width="17.6761905" height="17.6761905" stroke-linecap="round" stroke-linejoin="round"></rect>
-                    <rect fill="#EF7265" x="28.2819048" y="0" width="17.6761905" height="17.6761905" stroke-linecap="round" stroke-linejoin="round"></rect>
-                    <rect fill="#36D7B7" x="56.5638095" y="0" width="17.6761905" height="17.6761905" stroke-linecap="round" stroke-linejoin="round"></rect>
-                </g>
-                <g transform="translate(0.000000, 28.281905)" id="Rectangle-path">
-                    <rect fill="#F2CF5F" x="0" y="0" width="17.6761905" height="17.6761905" stroke-linecap="round" stroke-linejoin="round"></rect>
-                    <rect fill="#2ECC71" x="28.2819048" y="0" width="17.6761905" height="17.6761905" stroke-linecap="round" stroke-linejoin="round"></rect>
-                    <rect fill="#AEA8D3" x="56.5638095" y="0" width="17.6761905" height="17.6761905" stroke-linecap="round" stroke-linejoin="round"></rect>
-                </g>
-                <g transform="translate(0.000000, 56.563810)" id="Rectangle-path">
-                    <rect fill="#82CEF9" x="0" y="0" width="17.6761905" height="17.6761905" stroke-linecap="round" stroke-linejoin="round"></rect>
-                    <rect fill="#F4B350" x="28.2819048" y="0" width="17.6761905" height="17.6761905" stroke-linecap="round" stroke-linejoin="round"></rect>
-                    <rect fill="#A2DED0" x="56.5638095" y="0" width="17.6761905" height="17.6761905" stroke-linecap="round" stroke-linejoin="round"></rect>
+        <g id="Group-2-Copy-3">
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path" fill="#FF4D63"></path>
+            <path d="M552.268958,552.268958 C600,504.537813 600,431.458333 600,300 C600,168.541667 600,95.4621875 552.268958,47.7310417 C504.537813,0 431.458333,0 300,0 C168.541667,0 95.4621875,0 47.7310417,47.7310417 C0,95.4621875 0,168.541667 0,300 C0,431.458333 0,504.537813 47.7310417,552.268958 C95.4621875,600 168.541667,600 300,600 C431.458333,600 504.537813,600 552.268958,552.268958 L552.268958,552.268958 Z" id="path-copy" fill="url(#linearGradient-1)"></path>
+            <g id="Group-3" transform="translate(120.000000, 120.000000)">
+                <g id="path-copy-2">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                    <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
                 </g>
-            </g>
-            <g id="Group">
-                <g id="Shape-Copy">
-                    <use fill="url(#linearGradient-3)" fill-rule="evenodd" xlink:href="#path-4"></use>
-                    <use stroke-opacity="0.5" stroke="#000000" mask="url(#mask-5)" stroke-width="2" xlink:href="#path-4"></use>
+                <g id="path-copy-3">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                    <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-5"></use>
+                </g>
+                <g id="path-copy-4">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                    <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-7"></use>
+                </g>
+                <g id="path-copy-7">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                    <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-9"></use>
+                </g>
+                <g id="path-copy-6" opacity="0.496773098">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
+                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-11"></use>
+                </g>
+                <g id="path-copy-5">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
+                    <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-13"></use>
+                </g>
+                <g id="path-copy-10" opacity="0.496773098">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-15"></use>
+                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-15"></use>
+                </g>
+                <g id="path-copy-9">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-18)" xlink:href="#path-17"></use>
+                    <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-17"></use>
+                </g>
+                <g id="path-copy-8">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-20)" xlink:href="#path-19"></use>
+                    <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-19"></use>
                 </g>
             </g>
         </g>