From 41f2187e85e33df785991349741cbb0073d173f2 Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Tue, 17 Jan 2017 17:03:07 +0300
Subject: [PATCH] [SSE mobile] updated icons

---
 .../spreadsheeteditor/mobile/resources/less/ios/_icons.less | 6 +++---
 .../mobile/resources/less/material/_icons.less              | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/spreadsheeteditor/mobile/resources/less/ios/_icons.less b/apps/spreadsheeteditor/mobile/resources/less/ios/_icons.less
index 03cf48b4e..73ee4e971 100644
--- a/apps/spreadsheeteditor/mobile/resources/less/ios/_icons.less
+++ b/apps/spreadsheeteditor/mobile/resources/less/ios/_icons.less
@@ -151,7 +151,7 @@ i.icon {
   &.icon-function {
     width: 22px;
     height: 22px;
-    background-image: url(../img/function.png);
+    .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{themeColor};stroke:@{themeColor};stroke-width:0.5;stroke-linecap:square;stroke-miterlimit:10;}.st1{fill:@{themeColor};stroke:@{themeColor};stroke-width:0.5;stroke-linejoin:round;stroke-miterlimit:10;}</style><path d="M-226.9 257.7c-0.3-0.5-0.5-1.2-0.6-1.9 -0.1-0.7-0.2-1.5-0.2-2.2 0-1.4 0.3-2.7 0.8-4 0.5-1.3 1.2-2.5 2.1-3.4 0.9-0.9 1.5-1.5 1.9-1.8 0.1-0.1 0.1-0.1 0.1-0.1 0 0-0.1-0.1-0.2-0.1 -0.3 0-0.5 0-0.7 0.1 -0.2 0.1-0.5 0.4-1.1 1s-1.1 1.1-1.5 1.7c-0.4 0.6-0.8 1.3-1.1 1.9 -0.3 0.7-0.5 1.4-0.7 2.2 -0.2 0.8-0.2 1.6-0.2 2.6 0 0.6 0.1 1.2 0.2 2 0.1 0.7 0.3 1.4 0.6 2 0.3 0.6 0.4 0.9 0.5 0.9 0.1 0 0.2 0.1 0.5 0.1 0.1 0 0.1 0 0.1-0.1l0 0C-226.5 258.6-226.7 258.3-226.9 257.7zM-219.1 253.1c0-0.1 0-0.1-0.1-0.1 -0.1 0-0.2 0.1-0.3 0.2 -0.3 0.4-0.6 0.7-0.9 0.9s-0.6 0.3-0.9 0.3c-0.2 0-0.4-0.1-0.5-0.2 -0.2-0.2-0.2-0.4-0.2-0.8 0-0.7 0.2-1.7 0.7-2.9 0.5-1.3 1-1.9 1.7-1.9 0.1 0 0.2 0.1 0.2 0.2 0 0.1 0 0.1 0 0.3 0 0.1 0 0.1 0 0.2 0 0.1 0 0.2 0.1 0.3 0.1 0.1 0.2 0.1 0.3 0.1 0.2 0 0.3-0.1 0.4-0.2 0.1-0.1 0.2-0.2 0.2-0.4 0-0.2-0.1-0.5-0.3-0.7 -0.2-0.2-0.4-0.3-0.7-0.3 -0.5 0-1.1 0.3-1.6 0.9 -0.1 0.1-0.2 0.2-0.2 0.2l-0.1 0c-0.1-0.3-0.2-0.6-0.3-0.7 -0.2-0.2-0.4-0.2-0.7-0.2 -0.4 0-0.8 0.2-1.2 0.6 -0.4 0.4-0.7 0.6-0.7 0.7 0 0.1 0 0.1 0.1 0.1 0.1 0 0.2-0.1 0.4-0.3 0.4-0.5 0.8-0.7 1.1-0.7 0.1 0 0.3 0.1 0.4 0.3 0.1 0.2 0.2 0.4 0.2 0.7 0 0.6-0.3 1.5-0.8 2.9 -0.5 1.3-1.1 2-1.7 2 -0.1 0-0.2 0-0.3-0.1 -0.1-0.1-0.1-0.2-0.1-0.3 0 0 0-0.1 0-0.2 0-0.1 0-0.1 0-0.2 0-0.3-0.1-0.4-0.4-0.4 -0.2 0-0.3 0.1-0.5 0.2 -0.1 0.1-0.2 0.3-0.2 0.5 0 0.3 0.1 0.5 0.4 0.7 0.3 0.2 0.6 0.3 0.9 0.3 0.4 0 0.9-0.2 1.4-0.7 0.2-0.2 0.4-0.3 0.5-0.4 0 0.1 0.1 0.2 0.2 0.4 0.3 0.5 0.7 0.7 1.2 0.7 0.6 0 1.1-0.2 1.6-0.7C-219.4 253.6-219.1 253.3-219.1 253.1zM-216.2 247.2c-0.1-0.7-0.3-1.4-0.6-2 -0.3-0.6-0.4-0.9-0.5-0.9 -0.1 0-0.2-0.1-0.5-0.1 -0.1 0-0.1 0-0.1 0l0 0.1c0 0.1 0.2 0.4 0.5 0.9 0.3 0.5 0.5 1.2 0.6 1.9 0.1 0.7 0.2 1.5 0.2 2.2 0 1.4-0.3 2.7-0.8 4.1 -0.5 1.3-1.2 2.5-2.1 3.4 -0.9 0.9-1.5 1.5-1.9 1.8l-0.1 0.1c0 0 0.1 0.1 0.2 0.1 0.3 0 0.5 0 0.6 0 0.1 0 0.5-0.3 1.1-0.9 0.6-0.6 1.2-1.2 1.7-1.9 0.5-0.7 0.8-1.4 1.1-2.1 0.3-0.7 0.5-1.4 0.6-2.2C-216.1 250.7-216 250-216 249.2 -216 248.6-216.1 248-216.2 247.2z"/><path class="st0" d="M-226.9 257.7c-0.3-0.5-0.5-1.2-0.6-1.9 -0.1-0.7-0.2-1.5-0.2-2.2 0-1.4 0.3-2.7 0.8-4 0.5-1.3 1.2-2.5 2.1-3.4 0.9-0.9 1.5-1.5 1.9-1.8 0.1-0.1 0.1-0.1 0.1-0.1 0 0-0.1-0.1-0.2-0.1 -0.3 0-0.5 0-0.7 0.1 -0.2 0.1-0.5 0.4-1.1 1s-1.1 1.1-1.5 1.7c-0.4 0.6-0.8 1.3-1.1 1.9 -0.3 0.7-0.5 1.4-0.7 2.2 -0.2 0.8-0.2 1.6-0.2 2.6 0 0.6 0.1 1.2 0.2 2 0.1 0.7 0.3 1.4 0.6 2 0.3 0.6 0.4 0.9 0.5 0.9 0.1 0 0.2 0.1 0.5 0.1 0.1 0 0.1 0 0.1-0.1l0 0C-226.5 258.6-226.7 258.3-226.9 257.7zM-219.1 253.1c0-0.1 0-0.1-0.1-0.1 -0.1 0-0.2 0.1-0.3 0.2 -0.3 0.4-0.6 0.7-0.9 0.9s-0.6 0.3-0.9 0.3c-0.2 0-0.4-0.1-0.5-0.2 -0.2-0.2-0.2-0.4-0.2-0.8 0-0.7 0.2-1.7 0.7-2.9 0.5-1.3 1-1.9 1.7-1.9 0.1 0 0.2 0.1 0.2 0.2 0 0.1 0 0.1 0 0.3 0 0.1 0 0.1 0 0.2 0 0.1 0 0.2 0.1 0.3 0.1 0.1 0.2 0.1 0.3 0.1 0.2 0 0.3-0.1 0.4-0.2 0.1-0.1 0.2-0.2 0.2-0.4 0-0.2-0.1-0.5-0.3-0.7 -0.2-0.2-0.4-0.3-0.7-0.3 -0.5 0-1.1 0.3-1.6 0.9 -0.1 0.1-0.2 0.2-0.2 0.2l-0.1 0c-0.1-0.3-0.2-0.6-0.3-0.7 -0.2-0.2-0.4-0.2-0.7-0.2 -0.4 0-0.8 0.2-1.2 0.6 -0.4 0.4-0.7 0.6-0.7 0.7 0 0.1 0 0.1 0.1 0.1 0.1 0 0.2-0.1 0.4-0.3 0.4-0.5 0.8-0.7 1.1-0.7 0.1 0 0.3 0.1 0.4 0.3 0.1 0.2 0.2 0.4 0.2 0.7 0 0.6-0.3 1.5-0.8 2.9 -0.5 1.3-1.1 2-1.7 2 -0.1 0-0.2 0-0.3-0.1 -0.1-0.1-0.1-0.2-0.1-0.3 0 0 0-0.1 0-0.2 0-0.1 0-0.1 0-0.2 0-0.3-0.1-0.4-0.4-0.4 -0.2 0-0.3 0.1-0.5 0.2 -0.1 0.1-0.2 0.3-0.2 0.5 0 0.3 0.1 0.5 0.4 0.7 0.3 0.2 0.6 0.3 0.9 0.3 0.4 0 0.9-0.2 1.4-0.7 0.2-0.2 0.4-0.3 0.5-0.4 0 0.1 0.1 0.2 0.2 0.4 0.3 0.5 0.7 0.7 1.2 0.7 0.6 0 1.1-0.2 1.6-0.7C-219.4 253.6-219.1 253.3-219.1 253.1zM-216.2 247.2c-0.1-0.7-0.3-1.4-0.6-2 -0.3-0.6-0.4-0.9-0.5-0.9 -0.1 0-0.2-0.1-0.5-0.1 -0.1 0-0.1 0-0.1 0l0 0.1c0 0.1 0.2 0.4 0.5 0.9 0.3 0.5 0.5 1.2 0.6 1.9 0.1 0.7 0.2 1.5 0.2 2.2 0 1.4-0.3 2.7-0.8 4.1 -0.5 1.3-1.2 2.5-2.1 3.4 -0.9 0.9-1.5 1.5-1.9 1.8l-0.1 0.1c0 0 0.1 0.1 0.2 0.1 0.3 0 0.5 0 0.6 0 0.1 0 0.5-0.3 1.1-0.9 0.6-0.6 1.2-1.2 1.7-1.9 0.5-0.7 0.8-1.4 1.1-2.1 0.3-0.7 0.5-1.4 0.6-2.2C-216.1 250.7-216 250-216 249.2 -216 248.6-216.1 248-216.2 247.2z"/><path class="st1" d="M-229.7 247.7c0-0.1 0-0.2 0-0.3 0-0.1 0-0.2 0-0.3 -0.9 0-1.4 0-1.4 0 0.4-1.9 0.8-3.1 1.2-3.7 0.4-0.6 0.8-0.9 1.3-0.9 0.2 0 0.3 0 0.4 0.1 0.1 0.1 0.1 0.2 0.1 0.3 0 0.1 0 0.2-0.1 0.3 -0.1 0.2-0.2 0.4-0.2 0.5 0 0.2 0.1 0.4 0.2 0.5 0.1 0.1 0.3 0.2 0.4 0.2 0.2 0 0.4-0.1 0.5-0.3 0.1-0.2 0.2-0.4 0.2-0.6 0-0.4-0.1-0.8-0.4-1.1C-227.7 242.2-228.1 242-228.5 242c-0.8 0-1.5 0.4-2.1 1.3 -0.6 0.9-1.1 2.2-1.4 3.9 -0.7 0-1.2 0-1.6 0.1l-0.1 0.5 1.6 0c-0.1 0.3-0.3 1.2-0.5 2.5 -0.7 3.4-1.3 5.9-1.8 7.4 -0.5 1.5-1.1 2.3-1.8 2.3 -0.2 0-0.3-0.1-0.4-0.2s-0.2-0.3-0.2-0.4c0-0.1 0-0.3 0.1-0.5 0.1-0.2 0.1-0.3 0.1-0.4 0-0.2-0.1-0.4-0.2-0.5 -0.1-0.1-0.3-0.2-0.4-0.2 -0.2 0-0.4 0.1-0.5 0.3 -0.1 0.2-0.2 0.4-0.2 0.7 0 0.4 0.1 0.8 0.4 1.1 0.3 0.3 0.7 0.5 1.1 0.5 0.8 0 1.5-0.4 2.1-1.2 0.6-0.8 1.1-2.1 1.5-3.9l1.7-7.6C-230.7 247.7-230.2 247.7-229.7 247.7L-229.7 247.7z"/></svg>');
   }
   // Reorder
 
@@ -297,12 +297,12 @@ i.icon {
   &.sortdown {
     width: 22px;
     height: 22px;
-    background-image: url(../img/sort-a-z.png);
+    .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{themeColor}</style><polygon class="st0" points="-230 256.4 -230.7 255.7 -233 258.1 -233 242 -234 242 -234 258.1 -236.3 255.7 -237 256.4 -233.5 260 -233.5 260 -233.5 260 "/><path class="st0" d="M-226 249.55L-223.1 242h1.08l3.09 7.55h-1.14l-0.88-2.29h-3.16l-0.83 2.29H-226zM-223.82 246.45h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-223.82 246.45z"/><path class="st0" d="M-225.93 259v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21v-0.89h5.41v0.89l-4.24 5.24 -0.46 0.53h4.82V259H-225.93z"/></svg>');
   }
   &.sortup {
     width: 22px;
     height: 22px;
-    background-image: url(../img/sort-z-a.png);
+    .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{themeColor}}</style><polygon class="st0" points="-233.5 242 -233.5 242 -233.5 242 -237 245.6 -236.3 246.3 -234 243.9 -234 260 -233 260 -233 243.9 -230.7 246.3 -230 245.6 "/><path class="st0" d="M-226.53 260l2.9-7.55h1.08L-219.47 260h-1.14l-0.88-2.29h-3.16L-225.47 260H-226.53zM-224.36 256.9h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-224.36 256.9z"/><path class="st0" d="M-225.97 250.55v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21V243h5.41v0.89l-4.24 5.24 -0.46 0.53H-220v0.89H-225.97z"/></svg>');
   }
 }
 
diff --git a/apps/spreadsheeteditor/mobile/resources/less/material/_icons.less b/apps/spreadsheeteditor/mobile/resources/less/material/_icons.less
index 338cc7408..d5e3e9617 100644
--- a/apps/spreadsheeteditor/mobile/resources/less/material/_icons.less
+++ b/apps/spreadsheeteditor/mobile/resources/less/material/_icons.less
@@ -113,7 +113,7 @@ i.icon {
   &.icon-function {
     width: 22px;
     height: 22px;
-    background-image: url(../img/function.png);
+    .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{themeColor};stroke:@{themeColor};stroke-width:0.5;stroke-linecap:square;stroke-miterlimit:10;}.st1{fill:@{themeColor};stroke:@{themeColor};stroke-width:0.5;stroke-linejoin:round;stroke-miterlimit:10;}</style><path d="M-226.9 257.7c-0.3-0.5-0.5-1.2-0.6-1.9 -0.1-0.7-0.2-1.5-0.2-2.2 0-1.4 0.3-2.7 0.8-4 0.5-1.3 1.2-2.5 2.1-3.4 0.9-0.9 1.5-1.5 1.9-1.8 0.1-0.1 0.1-0.1 0.1-0.1 0 0-0.1-0.1-0.2-0.1 -0.3 0-0.5 0-0.7 0.1 -0.2 0.1-0.5 0.4-1.1 1s-1.1 1.1-1.5 1.7c-0.4 0.6-0.8 1.3-1.1 1.9 -0.3 0.7-0.5 1.4-0.7 2.2 -0.2 0.8-0.2 1.6-0.2 2.6 0 0.6 0.1 1.2 0.2 2 0.1 0.7 0.3 1.4 0.6 2 0.3 0.6 0.4 0.9 0.5 0.9 0.1 0 0.2 0.1 0.5 0.1 0.1 0 0.1 0 0.1-0.1l0 0C-226.5 258.6-226.7 258.3-226.9 257.7zM-219.1 253.1c0-0.1 0-0.1-0.1-0.1 -0.1 0-0.2 0.1-0.3 0.2 -0.3 0.4-0.6 0.7-0.9 0.9s-0.6 0.3-0.9 0.3c-0.2 0-0.4-0.1-0.5-0.2 -0.2-0.2-0.2-0.4-0.2-0.8 0-0.7 0.2-1.7 0.7-2.9 0.5-1.3 1-1.9 1.7-1.9 0.1 0 0.2 0.1 0.2 0.2 0 0.1 0 0.1 0 0.3 0 0.1 0 0.1 0 0.2 0 0.1 0 0.2 0.1 0.3 0.1 0.1 0.2 0.1 0.3 0.1 0.2 0 0.3-0.1 0.4-0.2 0.1-0.1 0.2-0.2 0.2-0.4 0-0.2-0.1-0.5-0.3-0.7 -0.2-0.2-0.4-0.3-0.7-0.3 -0.5 0-1.1 0.3-1.6 0.9 -0.1 0.1-0.2 0.2-0.2 0.2l-0.1 0c-0.1-0.3-0.2-0.6-0.3-0.7 -0.2-0.2-0.4-0.2-0.7-0.2 -0.4 0-0.8 0.2-1.2 0.6 -0.4 0.4-0.7 0.6-0.7 0.7 0 0.1 0 0.1 0.1 0.1 0.1 0 0.2-0.1 0.4-0.3 0.4-0.5 0.8-0.7 1.1-0.7 0.1 0 0.3 0.1 0.4 0.3 0.1 0.2 0.2 0.4 0.2 0.7 0 0.6-0.3 1.5-0.8 2.9 -0.5 1.3-1.1 2-1.7 2 -0.1 0-0.2 0-0.3-0.1 -0.1-0.1-0.1-0.2-0.1-0.3 0 0 0-0.1 0-0.2 0-0.1 0-0.1 0-0.2 0-0.3-0.1-0.4-0.4-0.4 -0.2 0-0.3 0.1-0.5 0.2 -0.1 0.1-0.2 0.3-0.2 0.5 0 0.3 0.1 0.5 0.4 0.7 0.3 0.2 0.6 0.3 0.9 0.3 0.4 0 0.9-0.2 1.4-0.7 0.2-0.2 0.4-0.3 0.5-0.4 0 0.1 0.1 0.2 0.2 0.4 0.3 0.5 0.7 0.7 1.2 0.7 0.6 0 1.1-0.2 1.6-0.7C-219.4 253.6-219.1 253.3-219.1 253.1zM-216.2 247.2c-0.1-0.7-0.3-1.4-0.6-2 -0.3-0.6-0.4-0.9-0.5-0.9 -0.1 0-0.2-0.1-0.5-0.1 -0.1 0-0.1 0-0.1 0l0 0.1c0 0.1 0.2 0.4 0.5 0.9 0.3 0.5 0.5 1.2 0.6 1.9 0.1 0.7 0.2 1.5 0.2 2.2 0 1.4-0.3 2.7-0.8 4.1 -0.5 1.3-1.2 2.5-2.1 3.4 -0.9 0.9-1.5 1.5-1.9 1.8l-0.1 0.1c0 0 0.1 0.1 0.2 0.1 0.3 0 0.5 0 0.6 0 0.1 0 0.5-0.3 1.1-0.9 0.6-0.6 1.2-1.2 1.7-1.9 0.5-0.7 0.8-1.4 1.1-2.1 0.3-0.7 0.5-1.4 0.6-2.2C-216.1 250.7-216 250-216 249.2 -216 248.6-216.1 248-216.2 247.2z"/><path class="st0" d="M-226.9 257.7c-0.3-0.5-0.5-1.2-0.6-1.9 -0.1-0.7-0.2-1.5-0.2-2.2 0-1.4 0.3-2.7 0.8-4 0.5-1.3 1.2-2.5 2.1-3.4 0.9-0.9 1.5-1.5 1.9-1.8 0.1-0.1 0.1-0.1 0.1-0.1 0 0-0.1-0.1-0.2-0.1 -0.3 0-0.5 0-0.7 0.1 -0.2 0.1-0.5 0.4-1.1 1s-1.1 1.1-1.5 1.7c-0.4 0.6-0.8 1.3-1.1 1.9 -0.3 0.7-0.5 1.4-0.7 2.2 -0.2 0.8-0.2 1.6-0.2 2.6 0 0.6 0.1 1.2 0.2 2 0.1 0.7 0.3 1.4 0.6 2 0.3 0.6 0.4 0.9 0.5 0.9 0.1 0 0.2 0.1 0.5 0.1 0.1 0 0.1 0 0.1-0.1l0 0C-226.5 258.6-226.7 258.3-226.9 257.7zM-219.1 253.1c0-0.1 0-0.1-0.1-0.1 -0.1 0-0.2 0.1-0.3 0.2 -0.3 0.4-0.6 0.7-0.9 0.9s-0.6 0.3-0.9 0.3c-0.2 0-0.4-0.1-0.5-0.2 -0.2-0.2-0.2-0.4-0.2-0.8 0-0.7 0.2-1.7 0.7-2.9 0.5-1.3 1-1.9 1.7-1.9 0.1 0 0.2 0.1 0.2 0.2 0 0.1 0 0.1 0 0.3 0 0.1 0 0.1 0 0.2 0 0.1 0 0.2 0.1 0.3 0.1 0.1 0.2 0.1 0.3 0.1 0.2 0 0.3-0.1 0.4-0.2 0.1-0.1 0.2-0.2 0.2-0.4 0-0.2-0.1-0.5-0.3-0.7 -0.2-0.2-0.4-0.3-0.7-0.3 -0.5 0-1.1 0.3-1.6 0.9 -0.1 0.1-0.2 0.2-0.2 0.2l-0.1 0c-0.1-0.3-0.2-0.6-0.3-0.7 -0.2-0.2-0.4-0.2-0.7-0.2 -0.4 0-0.8 0.2-1.2 0.6 -0.4 0.4-0.7 0.6-0.7 0.7 0 0.1 0 0.1 0.1 0.1 0.1 0 0.2-0.1 0.4-0.3 0.4-0.5 0.8-0.7 1.1-0.7 0.1 0 0.3 0.1 0.4 0.3 0.1 0.2 0.2 0.4 0.2 0.7 0 0.6-0.3 1.5-0.8 2.9 -0.5 1.3-1.1 2-1.7 2 -0.1 0-0.2 0-0.3-0.1 -0.1-0.1-0.1-0.2-0.1-0.3 0 0 0-0.1 0-0.2 0-0.1 0-0.1 0-0.2 0-0.3-0.1-0.4-0.4-0.4 -0.2 0-0.3 0.1-0.5 0.2 -0.1 0.1-0.2 0.3-0.2 0.5 0 0.3 0.1 0.5 0.4 0.7 0.3 0.2 0.6 0.3 0.9 0.3 0.4 0 0.9-0.2 1.4-0.7 0.2-0.2 0.4-0.3 0.5-0.4 0 0.1 0.1 0.2 0.2 0.4 0.3 0.5 0.7 0.7 1.2 0.7 0.6 0 1.1-0.2 1.6-0.7C-219.4 253.6-219.1 253.3-219.1 253.1zM-216.2 247.2c-0.1-0.7-0.3-1.4-0.6-2 -0.3-0.6-0.4-0.9-0.5-0.9 -0.1 0-0.2-0.1-0.5-0.1 -0.1 0-0.1 0-0.1 0l0 0.1c0 0.1 0.2 0.4 0.5 0.9 0.3 0.5 0.5 1.2 0.6 1.9 0.1 0.7 0.2 1.5 0.2 2.2 0 1.4-0.3 2.7-0.8 4.1 -0.5 1.3-1.2 2.5-2.1 3.4 -0.9 0.9-1.5 1.5-1.9 1.8l-0.1 0.1c0 0 0.1 0.1 0.2 0.1 0.3 0 0.5 0 0.6 0 0.1 0 0.5-0.3 1.1-0.9 0.6-0.6 1.2-1.2 1.7-1.9 0.5-0.7 0.8-1.4 1.1-2.1 0.3-0.7 0.5-1.4 0.6-2.2C-216.1 250.7-216 250-216 249.2 -216 248.6-216.1 248-216.2 247.2z"/><path class="st1" d="M-229.7 247.7c0-0.1 0-0.2 0-0.3 0-0.1 0-0.2 0-0.3 -0.9 0-1.4 0-1.4 0 0.4-1.9 0.8-3.1 1.2-3.7 0.4-0.6 0.8-0.9 1.3-0.9 0.2 0 0.3 0 0.4 0.1 0.1 0.1 0.1 0.2 0.1 0.3 0 0.1 0 0.2-0.1 0.3 -0.1 0.2-0.2 0.4-0.2 0.5 0 0.2 0.1 0.4 0.2 0.5 0.1 0.1 0.3 0.2 0.4 0.2 0.2 0 0.4-0.1 0.5-0.3 0.1-0.2 0.2-0.4 0.2-0.6 0-0.4-0.1-0.8-0.4-1.1C-227.7 242.2-228.1 242-228.5 242c-0.8 0-1.5 0.4-2.1 1.3 -0.6 0.9-1.1 2.2-1.4 3.9 -0.7 0-1.2 0-1.6 0.1l-0.1 0.5 1.6 0c-0.1 0.3-0.3 1.2-0.5 2.5 -0.7 3.4-1.3 5.9-1.8 7.4 -0.5 1.5-1.1 2.3-1.8 2.3 -0.2 0-0.3-0.1-0.4-0.2s-0.2-0.3-0.2-0.4c0-0.1 0-0.3 0.1-0.5 0.1-0.2 0.1-0.3 0.1-0.4 0-0.2-0.1-0.4-0.2-0.5 -0.1-0.1-0.3-0.2-0.4-0.2 -0.2 0-0.4 0.1-0.5 0.3 -0.1 0.2-0.2 0.4-0.2 0.7 0 0.4 0.1 0.8 0.4 1.1 0.3 0.3 0.7 0.5 1.1 0.5 0.8 0 1.5-0.4 2.1-1.2 0.6-0.8 1.1-2.1 1.5-3.9l1.7-7.6C-230.7 247.7-230.2 247.7-229.7 247.7L-229.7 247.7z"/></svg>');
   }
 
   // Reorder
@@ -260,12 +260,12 @@ i.icon {
   &.sortdown {
     width: 22px;
     height: 22px;
-    background-image: url(../img/sort-a-z.png);
+    .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{themeColor}</style><polygon class="st0" points="-230 256.4 -230.7 255.7 -233 258.1 -233 242 -234 242 -234 258.1 -236.3 255.7 -237 256.4 -233.5 260 -233.5 260 -233.5 260 "/><path class="st0" d="M-226 249.55L-223.1 242h1.08l3.09 7.55h-1.14l-0.88-2.29h-3.16l-0.83 2.29H-226zM-223.82 246.45h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-223.82 246.45z"/><path class="st0" d="M-225.93 259v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21v-0.89h5.41v0.89l-4.24 5.24 -0.46 0.53h4.82V259H-225.93z"/></svg>');
   }
   &.sortup {
     width: 22px;
     height: 22px;
-    background-image: url(../img/sort-z-a.png);
+    .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{themeColor}}</style><polygon class="st0" points="-233.5 242 -233.5 242 -233.5 242 -237 245.6 -236.3 246.3 -234 243.9 -234 260 -233 260 -233 243.9 -230.7 246.3 -230 245.6 "/><path class="st0" d="M-226.53 260l2.9-7.55h1.08L-219.47 260h-1.14l-0.88-2.29h-3.16L-225.47 260H-226.53zM-224.36 256.9h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-224.36 256.9z"/><path class="st0" d="M-225.97 250.55v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21V243h5.41v0.89l-4.24 5.24 -0.46 0.53H-220v0.89H-225.97z"/></svg>');
   }
 }