W.I.P. of modern theme with SVG icons enabled

This commit is contained in:
Hadi Nategh 2018-12-11 16:47:55 +01:00
parent 01bd78e34a
commit d2b3effba2
11 changed files with 7046 additions and 2 deletions

View File

@ -983,7 +983,7 @@ abstract class Framework extends Framework\Extra
self::includeJS('/api/images.php', array(
'template' => $GLOBALS['egw_info']['server']['template_set'],
'etag' => md5(json_encode(Image::map($GLOBALS['egw_info']['server']['template_set']))),
'svg' => Header\UserAgent::mobile(), // always load non-svg image map, ATM we use svg icons only for mobile theme
'svg' => Header\UserAgent::mobile() || $GLOBALS['egw_info']['user']['preferences']['common']['theme'] == 'modern',
));
self::includeJS('/api/user.php', array(
'user' => $GLOBALS['egw_info']['user']['account_lid'],

View File

@ -31,7 +31,7 @@ class Image
*/
static function find($app,$image,$extension='',$_svg=false)
{
$svg = Header\UserAgent::mobile() ? null : $_svg; // ATM we use svg icons only for mobile theme
$svg = Header\UserAgent::mobile() || $GLOBALS['egw_info']['user']['preferences']['common']['theme'] == 'modern' ? null : $_svg;
static $image_map_no_svg = null, $image_map_svg = null;
if (is_null($svg)) $svg = self::svg_usable ();
if ($svg)

6729
pixelegg/css/modern.css Normal file

File diff suppressed because it is too large Load Diff

187
pixelegg/css/modern.less Normal file
View File

@ -0,0 +1,187 @@
/**
* EGroupware: modern theme
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Hadi Nategh <hn@stylite.de>
* @package pixelegg
* @version $Id$
*/
@import "pixelegg.less";
@import "../mobile/app_colors.less";
// Addressbook
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@addressbook-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @addressbook-color;
border-bottom-width: 4px !important;
}
// Admin
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@admin-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @admin-color;
border-bottom-width: 4px !important;
}
// Bookmarks
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@bookmarks-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @bookmarks-color;
border-bottom-width: 4px !important;
}
// Calendar
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@calendar-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @calendar-color;
border-bottom-width: 4px !important;
}
// Filemanager
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@filemanager-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @filemanager-color;
border-bottom-width: 4px !important;
}
// Infolog
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@infolog-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @infolog-color;
border-bottom-width: 4px !important;
}
// Mail
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@mail-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @mail-color;
border-bottom-width: 4px !important;
}
// Projectmanager
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@projectmanager-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @projectmanager-color;
border-bottom-width: 4px !important;
}
// Resources
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@resources-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @resources-color;
border-bottom-width: 4px !important;
}
// Timesheet
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@timesheet-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @timesheet-color;
border-bottom-width: 4px !important;
}
// Tracker
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@tracker-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #tracker-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @tracker-color;
border-bottom-width: 4px !important;
}
//Wiki
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@wiki-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #wiki-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-bottom: 4px solid;
border-bottom-color: @wiki-color;
border-bottom-width: 4px !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {filter: none;}
#egw_fw_sidebar {
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn {
.egw_fw_ui_scrollarea_outerdiv {
.egw_fw_ui_sidemenu_entry_header_active {
margin-left: 3px;
padding-top: 3px;
}
}
}
#egw_fw_sidemenu{
.egw_fw_ui_scrollarea_outerdiv {
.egw_fw_ui_sidemenu_entry_icon {
filter: none;
}
.egw_fw_ui_sidemenu_entry_header_active {
border-top-left-radius: 5px;
&:hover {
border-radius: 5px 0px 0px 0px;
}
&:active {
border-radius: 5px 0px 0px 0px;
}
}
}
}
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active {padding-bottom: 4px;}
#egw_fw_header {
#egw_fw_topmenu {
#egw_fw_topmenu_items {
ul a#topmenu_cats {
background-image: url(../images/topmenu_items/category.svg);
}
ul a#topmenu_password {
background-image: url(../images/topmenu_items/password.svg);
}
ul a#topmenu_search {
background-image: url(../images/topmenu_items/search.svg);
}
ul a#topmenu_prefs {
background-image: url(../images/topmenu_items/setup.svg);
}
ul a#topmenu_home {
background-image: url(../images/topmenu_items/home.svg);
}
ul a#topmenu_acl {
background-image: url(../images/topmenu_items/access.svg);
}
}
}
}
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon img[src*="svg"] {
background-color : transparent;
background-image: none;
}
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon {
filter: none;
}

View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
<svg version="1.1" id="pixelegg_lock" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g>
<g>
<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M25.308,14.912h-0.962V7.272c0-3.692-3.442-6.685-7.688-6.685
S8.968,3.58,8.968,7.272v7.639H8.007c-1.592,0-2.883,1.283-2.883,2.865v10.505c0,1.581,1.292,2.865,2.883,2.865h17.301
c1.591,0,2.883-1.284,2.883-2.865V17.776C28.19,16.194,26.898,14.912,25.308,14.912z M18.578,24.888v1.483
c0,1.055-0.859,1.91-1.921,1.91c-1.062,0-1.923-0.855-1.923-1.91v-1.484c-1.144-0.661-1.922-1.879-1.922-3.289
c0-2.109,1.722-3.821,3.845-3.821c2.122,0,3.844,1.712,3.844,3.821C20.501,23.008,19.723,24.227,18.578,24.888z M20.501,13.957
c0,0.336-0.093,0.655-0.235,0.955h-7.218c-0.143-0.3-0.235-0.619-0.235-0.955V7.272c0-1.583,1.722-2.865,3.845-2.865
c2.122,0,3.844,1.282,3.844,2.865V13.957z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
<svg version="1.1" id="pixelegg_tag_message" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g>
<g>
<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M30.682,3.215c0-1.224-0.992-2.216-2.216-2.216h-8.862
c-0.708,0-1.331,0.338-1.737,0.854l-2.072,2.072L1.562,18.157c-0.828,0.827-0.828,2.17,0,2.997l8.989,8.989
c0.828,0.826,2.169,0.826,2.996,0L27.779,15.91l2.247-2.247l-0.007-0.007c0.408-0.402,0.662-0.96,0.662-1.578V3.215z
M25.533,10.667c-1.242,1.241-3.254,1.241-4.495,0c-1.241-1.241-1.241-3.253,0-4.495c1.241-1.241,3.253-1.241,4.495,0
C26.772,7.414,26.772,9.426,25.533,10.667z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
<svg version="1.1" id="pixelegg_home" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g>
<g>
<path fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" d="M30.62,16.719L17.894,3.991c-0.514-0.514-1.232-0.655-1.889-0.494
c-0.658-0.162-1.375-0.02-1.889,0.494L1.388,16.719c-0.781,0.781-0.181,1,0.601,1.781c0,0,3.069,0.088,3,0v11h8v-9h6v9h8v-11h3
C30.771,17.719,31.401,17.5,30.62,16.719z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 872 B

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
<svg version="1.1" id="pixelegg_logout" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g>
<g>
<path fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" d="M24.266,5.218L22.09,9.881c1.787,1.646,2.914,3.998,2.914,6.619
c0,4.973-4.031,9.004-9.004,9.004c-4.972,0-9.003-4.031-9.003-9.004c0-2.621,1.127-4.974,2.915-6.619L7.735,5.218
C4.264,7.766,2,11.863,2,16.5c0,7.732,6.268,14,14,14c7.732,0,14-6.268,14-14C30,11.863,27.736,7.766,24.266,5.218z M15,17.5h2
c1.105,0,2-0.896,2-2v-12c0-1.104-0.895-2-2-2h-2c-1.104,0-2,0.896-2,2v12C13,16.604,13.896,17.5,15,17.5z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<path fill="#696969" stroke="#E6E6E6" d="M1.935,31h3.739c0.438,0,0.818-0.305,0.914-0.734l0.62-2.796l4.262-0.132c0.479-0.015,0.87-0.393,0.902-0.87
l0.248-3.572l3.549,0.079c0.409,0.01,0.775-0.246,0.907-0.634l1.081-3.182c0.852,0.33,1.881,0.622,3.411,0.622
c5.154,0,9.349-4.194,9.349-9.349s-4.194-9.349-9.349-9.349c-5.155,0-9.35,4.194-9.35,9.349c0,0.671,0.186,1.704,0.328,2.372
L1.232,25.707C1.082,25.88,1,26.1,1,26.325v3.74C1,30.581,1.42,31,1.935,31z M19.932,9.38c0-1.42,1.151-2.571,2.571-2.571
s2.571,1.151,2.571,2.571c0,1.42-1.151,2.571-2.571,2.571S19.932,10.8,19.932,9.38z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
<svg version="1.1" id="pixelegg_search" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g>
<g>
<g>
<path fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" d="M20.201,21.894l-0.182-0.182c-0.332-0.331-0.332-0.868,0-1.2
l0.601-0.602c0.332-0.332,0.87-0.332,1.202,0l0.182,0.182c1.473-1.861,2.357-4.209,2.357-6.768
c0-6.036-4.893-10.929-10.927-10.929c-6.036,0-10.929,4.893-10.929,10.929s4.893,10.929,10.929,10.929
c2.558,0,4.905-0.886,6.767-2.357l1.717,1.718l1.803-1.803l-1.719-1.719C21.473,20.762,20.87,21.364,20.201,21.894z
M13.433,21.674c-4.612,0-8.35-3.738-8.35-8.35s3.738-8.35,8.35-8.35c4.611,0,8.349,3.738,8.349,8.35
S18.044,21.674,13.433,21.674z"/>
<path fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" d="M29.217,25.742l-4.041-4.04c-0.371-0.372-0.975-0.372-1.347,0
l-0.108,0.108l1.104,1.104c0.332,0.332,0.332,0.87,0,1.202l-0.602,0.602c-0.332,0.331-0.869,0.331-1.201,0l-1.104-1.105
l-0.108,0.109c-0.373,0.371-0.373,0.975,0,1.348l4.041,4.041c0.371,0.371,0.975,0.371,1.346,0l2.021-2.021
C29.589,26.717,29.589,26.113,29.217,25.742z"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
<svg version="1.1" id="pixelegg_setup" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g>
<g>
<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M27.114,11.493c1.295-3.006,1.63-3.999,0.526-5.111l-2.021-2.006
c-0.396-0.395-0.959-0.628-1.518-0.628c-0.377,0-0.767,0-3.553,1.264c-1.219-3.064-1.68-4.007-3.202-4.007h-2.86
c-1.505,0-1.958,0.852-3.137,4.026C8.516,3.834,8.119,3.834,7.764,3.834c-0.559,0-1.125,0.233-1.513,0.623L4.224,6.472
c-1.131,1.132-0.742,2.193,0.589,5.074c-3.122,1.238-3.985,1.667-3.985,3.23v2.853c0,1.602,0.946,2.045,4.009,3.167
c-1.292,3.003-1.626,3.996-0.526,5.103l2.014,2.008c0.392,0.396,0.964,0.635,1.525,0.635c0.374,0,0.763,0,3.552-1.265
c1.222,3.063,1.679,4.01,3.205,4.01h2.86c1.505,0,1.96-0.855,3.141-4.03c2.835,1.201,3.232,1.201,3.585,1.201
c0.557,0,1.119-0.234,1.513-0.623l2.039-2.028c1.118-1.133,0.729-2.194-0.601-5.062c3.043-1.21,3.981-1.674,3.981-3.233v-2.851
C31.124,13.054,30.178,12.616,27.114,11.493z M28.662,17.339c-0.603,0.352-2.314,1.024-3.006,1.299l-0.487,0.195l-0.771,1.869
l0.234,0.501c0.276,0.594,1.053,2.261,1.254,2.939L24.1,25.928c-0.271-0.075-1.033-0.328-3.063-1.203l-0.467-0.204l-1.867,0.771
l-0.192,0.51c-0.225,0.621-0.866,2.363-1.207,2.975h-2.541c-0.347-0.592-1.023-2.298-1.298-2.986l-0.195-0.492l-1.866-0.768
l-0.481,0.222c-2.013,0.928-2.75,1.189-2.981,1.263L6.15,24.23c0.181-0.678,0.903-2.346,1.196-3.021l0.215-0.494L6.788,18.85
l-0.509-0.185c-0.686-0.249-2.383-0.868-2.99-1.204v-2.521c0.593-0.34,2.249-0.993,3.004-1.293l0.488-0.191l0.773-1.867
L7.32,11.083c-0.279-0.595-1.053-2.264-1.253-2.945L7.853,6.36c0.27,0.073,1.032,0.325,3.069,1.2l0.468,0.203l1.862-0.768
l0.189-0.515c0.225-0.62,0.866-2.358,1.205-2.975h2.543c0.345,0.594,1.022,2.298,1.296,2.989l0.194,0.491l1.865,0.769l0.482-0.223
c2.015-0.929,2.749-1.19,2.982-1.261l1.791,1.781c-0.18,0.674-0.905,2.344-1.195,3.021l-0.215,0.496l0.776,1.87l0.506,0.184
c0.687,0.251,2.38,0.868,2.989,1.201V17.339z M15.977,11.636c-2.493,0-4.521,2.022-4.521,4.508c0,2.487,2.028,4.51,4.521,4.51
s4.521-2.023,4.521-4.51C20.497,13.659,18.47,11.636,15.977,11.636z M15.977,18.151c-1.137,0-2.064-0.901-2.064-2.007
c0-1.105,0.927-2.005,2.064-2.005c1.138,0,2.062,0.9,2.062,2.005C18.039,17.25,17.114,18.151,15.977,18.151z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB