CINXE.COM

<!DOCTYPE html>    <html lang="en" class="os-linux no-js en">  <head> <title>XLNT Platform: Driving A/B Testing at LinkedIn | LinkedIn Engineering</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width"> <meta name="trackingId" content="S9i8UhAPQc68bR5QzvLmcg=="> <meta property="og:title" content="XLNT Platform: Driving A/B Testing at LinkedIn"> <meta property="og:type" content="website"> <meta property="og:url" content="https://engineering.linkedin.com/ab-testing/xlnt-platform-driving-ab-testing-linkedin"/> <meta property="og:description" content="A/B testing is an indispensable driver behind LinkedIn’s data culture. We run more than 200 experiments in parallel daily and that number is growing quickly. We realized early on that ad hoc testing would only take us so far. We needed to change our approach to allow us to quickly quantify the impac"> <meta property="og:locale" content="en-us"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://engineering.linkedin.com/ab-testing/xlnt-platform-driving-ab-testing-linkedin"> <meta name="twitter:title" content="XLNT Platform: Driving A/B Testing at LinkedIn"> <meta name="twitter:description" content="A/B testing is an indispensable driver behind LinkedIn’s data culture. We run more than 200 experiments in parallel daily and that number is growing quickly. We realized early on that ad hoc testing would only take us so far. We needed to change our approach to allow us to quickly quantify the impac"> <meta name="twitter:image" content="/apps/settings/wcm/designs/linkedin/katy/global/clientlibs/resources/img/default-share-twitter.png"> <meta name="twitter:site" content="@LinkedInEng"> <meta property="pINT" content="unknown">  <meta name="globalTrackingUrl" content="https://www.linkedin.com/li/track"> <meta name="globalTrackingAppId" content="microsites"> <meta name="appName" content="microsites"> <link rel="apple-touch-icon-precomposed" href="//static.licdn.com/scds/common/u/img/icon/apple-touch-icon.png">   <link rel="icon" href="//static.licdn.com/scds/common/u/images/logos/favicons/v1/favicon.ico"> <meta name="msapplication-TileImage" content="//static.licdn.com/scds/common/u/images/logos/linkedin/logo-in-win8-tile-144_v1.png"/> <meta name="msapplication-TileColor" content="#0077B5"/> <meta name="application-name" content="LinkedIn"/> <link href="https://engineering.linkedin.com/ab-testing/xlnt-platform-driving-ab-testing-linkedin" rel="canonical"/> <link rel="stylesheet" href="https://content.linkedin.com/etc.clientlibs/settings/wcm/designs/linkedin/katy/global/clientlibs.min.LIHASHc7764f1063b9de7c6fc7028180b5f125.css" type="text/css">  <link rel="stylesheet" href="https://content.linkedin.com/etc.clientlibs/settings/wcm/designs/linkedin/katy/global/header/blogs.min.LIHASHc94ae39aa06e5dbe775448f8c3f54016.css" type="text/css"> </head> <body> <div style="display: none;"><svg id="svg-source" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="264px" width="24px"> <style>use{fill-opacity:1;stroke-opacity:1;fill:transparent;stroke:transparent}use[data-size=small], .active use[*|href^="#nav-"], use[data-state=active], li-icon[size=small], li-icon[type^="nav-"][active]{fill-opacity:0;stroke-opacity:0;fill:currentColor;stroke:currentColor}@-webkit-keyframes loaderspin{from{-webkit-transform: rotate(0deg) translate(-30px, -30px);}to{-webkit-transform: rotate(360deg) translate(-30px, -30px);}}@keyframes loaderspin{from{-webkit-transform: rotate(0deg) translate(-30px, -30px); transform: rotate(0deg) translate(-30px, -30px);}to{-webkit-transform: rotate(360deg) translate(-30px, -30px); transform: rotate(360deg) translate(-30px, -30px);}}li-icon[type="loader"]>svg{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:loaderspin 1s steps(12) infinite;-moz-animation:loaderspin 1s steps(12) infinite;-o-animation:loaderspin 1s steps(12) infinite;-ms-animation:loaderspin 1s steps(12) infinite;animation:loaderspin 1s steps(12) infinite}li-icon{display:inline-block;width:300px;height:150px;overflow:hidden}li-icon[type$="-icon"]{fill-opacity:1;stroke-opacity:1;fill:transparent;stroke:transparent;width:24px;height:24px}li-icon[type$="-icon"]>svg{vertical-align:top}li-icon[type$="-icon"][size="small"]{fill-opacity:0;stroke-opacity:0;fill:currentColor;stroke:currentColor;width:16px;height:16px}li-icon[type="loader"]{fill-opacity:1;stroke-opacity:1;fill:transparent;stroke:transparent}li-icon[type="loader"][size="small"]{fill-opacity:0;stroke-opacity:0;fill:currentColor;stroke:currentColor}li-icon g[id*="_color"],li-icon g[id*="-color"]{display:none}li-icon[color] g[id*="_solid"],li-icon[color] g[id*="-solid"]{display:none}li-icon[color] g[id*="_color"],li-icon[color] g[id*="-color"]{display:block}li-icon[type^="nav-"]{width:32px;height:32px}li-icon[type^="large-"],li-icon[type^="large-"][size="small"]{width:48px;height:48px}</style> <defs id="ui-icons"> <svg x="0" y="0" id="analytics-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M4,12h10v2H3c-0.552,0-1-0.448-1-1V2h2V12zM13.268,2c-0.141,0-0.286,0.033-0.42,0.118l-2.594,1.646L11.4,4.368L9.927,7.223l-2.209-1.13C7.519,5.99,7.282,5.972,7.066,6.042c-0.215,0.07-0.394,0.224-0.495,0.427l-1.831,3.65l1.52,0.762l1.447-2.885l2.2,1.126c0.418,0.214,0.928,0.049,1.142-0.367l1.805-3.645L14,5.737V2.751C14,2.319,13.656,2,13.268,2z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M5,19h16v2H5c-1.105,0-2-0.896-2-2V3h2V19zM20,3c-0.185,0-0.375,0.052-0.55,0.167L15,6l2.245,1.216l-2.661,4.923l-3.634-1.984c-0.2-0.108-0.435-0.133-0.651-0.068c-0.217,0.065-0.399,0.215-0.506,0.415l-3.069,5.763l1.5,0.799l2.666-5.005l3.629,1.982c0.199,0.108,0.433,0.134,0.648,0.069c0.217-0.064,0.399-0.212,0.507-0.411l3.067-5.672L21,9.25V4.002C21,3.415,20.519,3.001,20,3z"/> </svg> </svg> <svg x="0" y="0" id="archive-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,2H8L7.5,1H2C1.448,1,1,1.448,1,2v10c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V3C15,2.448,14.552,2,14,2z M13,11H2.994L2.992,3l0.002,0H3h3.514L7,3.972V7H5l2.24,2.651C7.44,9.884,7.72,10,8,10c0.28,0,0.559-0.117,0.759-0.349L11,7H9V4h4V11z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20,5h-8l-1-2H4C2.896,3,2,3.895,2,5v13c0,1.105,0.896,2,2,2h16c1.104,0,2-0.895,2-2V7C22,5.895,21.104,5,20,5z M20,18H3.994L3.992,5l0.002,0H4h6.014L11,6.972v6.347l-2.763-2.772L7,11.784l3.656,3.656C11.027,15.811,11.513,16,12,16s0.973-0.189,1.344-0.56L17,11.783l-1.237-1.237L13,13.318V7h7V18z"/> </svg> </svg> <svg x="0" y="0" id="arrow-down-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M2,9.821l1.145-1.145L7,12.519V2h2v10.519l3.855-3.843L14,9.821l-4.657,4.623C8.972,14.815,8.486,15,8,15c-0.486,0-0.972-0.186-1.343-0.557L2,9.821z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M10.656,21.44L3,13.761l1.237-1.237L11,19.319V3h2v16.318l6.796-6.783l1.214,1.237l-7.667,7.667C12.972,21.811,12.486,22,12,22S11.027,21.811,10.656,21.44z"/> </svg> </svg> <svg x="0" y="0" id="arrow-left-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,9H3.481l3.843,3.855L6.179,14L1.557,9.343C1.186,8.972,1,8.486,1,8c0-0.486,0.186-0.972,0.557-1.343L6.179,2l1.145,1.145L3.481,7H14V9z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21,13H4.682l6.783,6.796l-1.237,1.214L2.56,13.343C2.189,12.972,2,12.486,2,12s0.189-0.973,0.56-1.344L10.239,3l1.237,1.237L4.681,11H21V13z"/> </svg> </svg> <svg x="0" y="0" id="arrow-right-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15,8c0,0.486-0.186,0.972-0.557,1.343L10,14l-1.324-1.145L12.519,9H2V7h10.519L8.676,3.145L9.821,2l4.623,4.657C14.814,7.028,15,7.514,15,8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M22,12c0,0.486-0.189,0.973-0.56,1.344L13.761,21l-1.237-1.237L19.319,13H3v-2h16.318l-6.783-6.796l1.237-1.214l7.667,7.667C21.811,11.028,22,11.514,22,12z"/> </svg> </svg> <svg x="0" y="0" id="arrow-up-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,6.179l-1.145,1.145L9,3.481V14H7V3.481L3.145,7.324L2,6.179l4.657-4.623C7.028,1.185,7.514,1,8,1c0.486,0,0.972,0.186,1.343,0.557L14,6.179z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M13.344,2.56L21,10.239l-1.237,1.237L13,4.681V21h-2V4.682l-6.796,6.783L2.99,10.227l7.667-7.667C11.028,2.189,11.514,2,12,2S12.973,2.189,13.344,2.56z"/> </svg> </svg> <svg x="0" y="0" id="arrow-up-left-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M5.4,4H11V2H4.016C3.465,2,2.966,2.223,2.604,2.584c-0.362,0.361-0.586,0.86-0.587,1.411L2,11h2V5.403L12.6,14l1.4-1.394L5.4,4z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20,18.6L7.4,6H17V4H6C5.448,4,4.948,4.224,4.586,4.586C4.224,4.948,4,5.448,4,6v11h2V7.409L18.6,20L20,18.6z"/> </svg> </svg> <svg x="0" y="0" id="at-pebble-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8,1C4.14,1,1,4.14,1,8s3.14,7,7,7h3v-2H8c-2.757,0-5.125-2.243-5.125-5S5.243,2.875,8,2.875S13,5.243,13,8c0,0.551-0.449,1-1,1h-1V8c0-1.654-1.346-3-3-3S5,6.346,5,8s1.346,3,3,3h4c1.654,0,3-1.346,3-3C15,4.14,11.86,1,8,1zM6.875,8c0-0.625,0.484-1.125,1.125-1.125c0.625,0,1,0.469,1,1.125v1H8C7.344,9,6.875,8.609,6.875,8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10h5v-2h-5c-4.411,0-8.125-3.589-8.125-8c0-4.531,3.594-8.125,8.125-8.125c4.562,0,8,3.594,8,8.125v1.5c0,0.969-0.547,1.5-1.5,1.5H17v-3c0-2.757-2.243-5-5-5s-5,2.243-5,5s2.243,5,5,5h6.5c1.859,0,3.5-1.656,3.5-3.5V12C22,6.486,17.514,2,12,2zM8.875,12c0-1.75,1.375-3.125,3.125-3.125c1.792,0,3,1.354,3,3.125v3h-3C10.346,15,8.875,13.654,8.875,12z"/> </svg> </svg> <svg x="0" y="0" id="bell-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M12,9V6c0-2.209-1.791-4-4-4S4,3.791,4,6v3c0,1.104-0.895,2-2,2v2h4c0,1.104,0.895,2,2,2s2-0.896,2-2h4v-2C12.895,11,12,10.104,12,9zM5.213,11C5.703,10.484,6,9.728,6,9V5.875c0-1.103,0.897-2,2-2s2,0.897,2,2V9c0,0.728,0.281,1.484,0.834,2H5.213z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M18,15V9c0-3.314-2.686-6-6-6S6,5.686,6,9v6c0,1.657-1.343,3-3,3v2h7c0,1.104,0.895,2,2,2s2-0.896,2-2h7v-2C19.343,18,18,16.657,18,15zM6.998,18C7.627,17.164,8,16.125,8,15V8.875c0-2.206,1.794-4,4-4s4,1.794,4,4V15c0,1.125,0.373,2.164,1.002,3H6.998z"/> </svg> </svg> <svg x="0" y="0" id="block-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8,1C4.134,1,1,4.134,1,8c0,3.866,3.134,7,7,7c3.866,0,7-3.134,7-7C15,4.134,11.866,1,8,1zM2.77,8c0-2.884,2.346-5.23,5.23-5.23c1.123,0,2.158,0.363,3.011,0.967l-7.273,7.273C3.133,10.158,2.77,9.123,2.77,8zM8,13.23c-1.123,0-2.158-0.363-3.011-0.967l7.273-7.273C12.867,5.842,13.23,6.877,13.23,8C13.23,10.884,10.884,13.23,8,13.23z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2zM3.77,12c0-4.538,3.692-8.23,8.23-8.23c1.951,0,3.742,0.685,5.154,1.824L5.594,17.154C4.455,15.742,3.77,13.951,3.77,12zM12,20.23c-1.951,0-3.742-0.685-5.154-1.824L18.406,6.846C19.545,8.258,20.23,10.049,20.23,12C20.23,16.538,16.538,20.23,12,20.23z"/> </svg> </svg> <svg x="0" y="0" id="briefcase-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,5h-2V3c0-0.552-0.448-1-1-1H5C4.448,2,4,2.448,4,3l0,2H2C1.448,5,1,5.448,1,6v7c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V6C15,5.448,14.552,5,14,5zM6,4h4v1H6V4zM13,12H3V7h10V12z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20,7h-3l0-2c0-1.105-0.895-2-2-2H9C7.895,3,7,3.895,7,5l0,2H4C2.895,7,2,7.895,2,9v9c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V9C22,7.895,21.105,7,20,7zM9,5h6l0,2H9V5zM20,18H4V9h16V18z"/> </svg> </svg> <svg x="0" y="0" id="calendar-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M13,4h-1V2h-2v2H6V2H4v2H3C2.448,4,2,4.448,2,5v8c0,0.552,0.448,1,1,1h7.125L14,10.104V5C14,4.448,13.552,4,13,4zM12,9H9v3H4V6h8V9z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M19,6h-2V3h-2v3H9V3H7v3H5C3.895,6,3,6.895,3,8v11c0,1.105,0.895,2,2,2h10.125L21,15.125V8C21,6.895,20.105,6,19,6zM19,14h-5v5H5V8h1.979v2h2V8h6v2h2V8H19V14z"/> </svg> </svg> <svg x="0" y="0" id="camera-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,4h-1.5l-1-2h-7l-1,2H2C1.448,4,1,4.448,1,5v7c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V5C15,4.448,14.552,4,14,4zM13,11H3V6h1.736l1-2h4.528l1,2H13V11zM10,8c0,1.105-0.895,2-2,2S6,9.105,6,8s0.895-2,2-2S10,6.895,10,8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20,6h-2l-1.5-3h-9L6,6H4C2.895,6,2,6.895,2,8v10c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2l0-10C22,6.895,21.105,6,20,6zM20,18H4V8h3.236l1.5-3h6.528l1.5,3H20V18zM12,7c-2.761,0-5,2.239-5,5c0,2.761,2.239,5,5,5c2.761,0,5-2.239,5-5C17,9.239,14.761,7,12,7zM12,15.125c-1.723,0-3.125-1.402-3.125-3.125c0-1.723,1.402-3.125,3.125-3.125s3.125,1.402,3.125,3.125C15.125,13.723,13.723,15.125,12,15.125z"/> </svg> </svg> <svg x="0" y="0" id="cancel-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M12.99,4.248L9.237,8L13,11.763L11.763,13L8,9.237L4.237,13L3,11.763L6.763,8L3,4.237L4.237,3L8,6.763l3.752-3.752L12.99,4.248z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20,5.237l-6.763,6.768l6.743,6.747l-1.237,1.237L12,13.243L5.257,19.99l-1.237-1.237l6.743-6.747L4,5.237L5.237,4L12,10.768L18.763,4L20,5.237z"/> </svg> </svg> <svg x="0" y="0" id="check-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M13.605,2.021L15,3.077L7.184,13.401C6.888,13.796,6.445,13.996,6.001,14c-0.455,0.005-0.911-0.195-1.215-0.599L1,8.391l1.387-1.067l3.6,4.76L13.605,2.021z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M19.605,4L21,5.057L10.184,19.401C9.888,19.796,9.445,19.996,9.001,20c-0.455,0.005-0.911-0.195-1.215-0.599L3,13.067L4.387,12l4.6,6.084L19.605,4z"/> </svg> </svg> <svg x="0" y="0" id="chevron-down-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15,6.442l-6.126,4.278C8.612,10.906,8.306,11,8,11c-0.306,0-0.612-0.094-0.873-0.281L1,6.442L1.991,5L8,9.196L14.008,5L15,6.442z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21.996,9.446l-9.118,6.278c-0.261,0.187-0.568,0.281-0.874,0.281c-0.306,0-0.612-0.094-0.873-0.281L2.004,9.446l0.991-1.442l9.009,6.196l9-6.196L21.996,9.446z"/> </svg> </svg> <svg x="0" y="0" id="chevron-left-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M11,1.992L6.804,8L11,14.009L9.558,15L5.281,8.874C5.094,8.613,5,8.306,5,8c0-0.306,0.094-0.613,0.281-0.874L9.558,1L11,1.992z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M16,3l-6.196,9L16,21.009L14.558,22l-6.277-9.126C8.094,12.613,8,12.306,8,12c0-0.306,0.094-0.613,0.281-0.874l6.278-9.118L16,3z"/> </svg> </svg> <svg x="0" y="0" id="chevron-right-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M6.442,1l4.278,6.126C10.906,7.388,11,7.694,11,8c0,0.306-0.094,0.612-0.281,0.873L6.442,15L5,14.009L9.196,8L5,1.992L6.442,1z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M9.442,2.008l6.278,9.118C15.906,11.388,16,11.694,16,12c0,0.306-0.094,0.612-0.281,0.873L9.442,22L8,21.009L14.196,12L8,3L9.442,2.008z"/> </svg> </svg> <svg x="0" y="0" id="chevron-up-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14.008,11L8,6.804L1.991,11L1,9.558l6.126-4.277C7.387,5.094,7.694,5,8,5c0.306,0,0.613,0.094,0.874,0.281L15,9.558L14.008,11z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21.004,16.004l-9-6.196l-9.009,6.196l-0.991-1.442l9.126-6.277c0.261-0.187,0.567-0.281,0.873-0.281c0.306,0,0.613,0.094,0.874,0.281l9.118,6.278L21.004,16.004z"/> </svg> </svg> <svg x="0" y="0" id="circle-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15,8c0,3.866-3.134,7-7,7c-3.866,0-7-3.134-7-7c0-3.866,3.134-7,7-7C11.866,1,15,4.134,15,8zM13.23,8c0-2.884-2.346-5.23-5.23-5.23C5.116,2.77,2.77,5.116,2.77,8c0,2.884,2.346,5.23,5.23,5.23C10.884,13.23,13.23,10.884,13.23,8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M22,12c0,5.523-4.477,10-10,10C6.477,22,2,17.523,2,12C2,6.477,6.477,2,12,2C17.523,2,22,6.477,22,12zM20.23,12c0-4.538-3.692-8.23-8.23-8.23c-4.538,0-8.23,3.692-8.23,8.23s3.692,8.23,8.23,8.23C16.538,20.23,20.23,16.538,20.23,12z"/> </svg> </svg> <svg x="0" y="0" id="clipboard-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M12,2H9.288L9.064,1.553C8.895,1.214,8.549,1,8.17,1H7.83C7.451,1,7.105,1.214,6.936,1.553L6.712,2H4C3.448,2,3,2.448,3,3v11c0,0.552,0.448,1,1,1h8c0.552,0,1-0.448,1-1V3C13,2.448,12.552,2,12,2zM11,13H5V4h1l0.25,1h3.5L10,4h1V13z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M18,4h-3.664l-0.585-1.171C13.497,2.321,12.977,2,12.409,2h-0.818c-0.568,0-1.088,0.321-1.342,0.829L9.664,4H6C4.895,4,4,4.895,4,6v14c0,1.105,0.895,2,2,2h12c1.105,0,2-0.895,2-2V6C20,4.895,19.105,4,18,4zM18,20H6V6h2l0.5,2h7L16,6h2V20z"/> </svg> </svg> <svg x="0" y="0" id="clipboard-add-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M5,12h3v2H4c-0.552,0-1-0.448-1-1V3c0-0.552,0.448-1,1-1h2.712l0.224-0.447C7.105,1.214,7.451,1,7.83,1h0.34c0.379,0,0.725,0.214,0.894,0.553L9.288,2H12c0.552,0,1,0.448,1,1v6h-2V4h-1L9.75,5h-3.5L6,4H5V12zM13,12v-2h-2v2H9v2h2v2h2v-2h2v-2H13z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M6,19h7v2H6c-1.105,0-2-0.895-2-2V6c0-1.105,0.895-2,2-2h3.664l0.585-1.171C10.503,2.321,11.023,2,11.591,2h0.818c0.568,0,1.088,0.321,1.342,0.829L14.336,4H18c1.105,0,2,0.895,2,2v8h-2V6h-2l-0.5,2h-7L8,6H6V19zM20,19v-3h-2v3h-3v2h3v3h2v-3h3v-2H20z"/> </svg> </svg> <svg x="0" y="0" id="clock-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8.875,7.718L11,9.203l-0.959,1.38L7.55,8.834C7.284,8.647,7.125,8.341,7.125,8.016V4h1.75V7.718zM15,8c0,3.866-3.134,7-7,7c-3.866,0-7-3.134-7-7c0-3.866,3.134-7,7-7C11.866,1,15,4.134,15,8zM13.23,8c0-2.884-2.346-5.23-5.23-5.23C5.116,2.77,2.77,5.116,2.77,8c0,2.884,2.346,5.23,5.23,5.23C10.884,13.23,13.23,10.884,13.23,8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2zM12,20.23c-4.538,0-8.23-3.692-8.23-8.23S7.462,3.77,12,3.77s8.23,3.692,8.23,8.23S16.538,20.23,12,20.23zM12.875,11.718l3.57,2.567l-0.97,1.353l-3.75-2.75c-0.378-0.283-0.6-0.728-0.6-1.2V6h1.75V11.718z"/> </svg> </svg> <svg x="0" y="0" id="company-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M10,10H6V8h4V10zM10,5H6v2h4V5zM14,13v2H2v-2h1V3c0-1.105,0.896-2,2-2h6c1.104,0,2,0.895,2,2v10H14zM5,13h2v-1h2v1h2V3H5V13z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M15,16H9v-2h6V16zM15,10H9v2h6V10zM15,6H9v2h6V6zM21,20v2H3v-2h2V4c0-1.105,0.896-2,2-2h10c1.104,0,2,0.895,2,2v16H21zM7,20h4v-2h2v2h4V4H7V20z"/> </svg> </svg> <svg x="0" y="0" id="compass-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8,1C4.134,1,1,4.134,1,8s3.134,7,7,7s7-3.134,7-7S11.866,1,8,1zM8,13.25c-2.895,0-5.25-2.355-5.25-5.25S5.105,2.75,8,2.75S13.25,5.105,13.25,8S10.895,13.25,8,13.25zM7.456,6.507L10,5L9.587,7.912C9.548,8.238,9.433,8.551,9.252,8.826S8.829,9.329,8.544,9.493L6,11l0.413-2.912c0.039-0.326,0.154-0.639,0.335-0.914S7.171,6.671,7.456,6.507z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M9.495,10.349c-0.362,0.549-0.591,1.175-0.669,1.828L8,18l5.089-3.013c0.569-0.329,1.054-0.786,1.416-1.336s0.591-1.175,0.669-1.828L16,6l-5.089,3.013C10.342,9.343,9.857,9.8,9.495,10.349zM11.803,10.519l1.953-1.156l-0.319,2.252c-0.046,0.381-0.181,0.752-0.393,1.073s-0.499,0.592-0.847,0.793l-1.953,1.156l0.319-2.252c0.046-0.381,0.181-0.752,0.393-1.073S11.455,10.72,11.803,10.519zM12,2C6.477,2,2,6.477,2,12s4.477,10,10,10s10-4.477,10-10S17.523,2,12,2zM12,20.25c-4.549,0-8.25-3.701-8.25-8.25S7.451,3.75,12,3.75s8.25,3.701,8.25,8.25S16.549,20.25,12,20.25z"/> </svg> </svg> <svg x="0" y="0" id="compose-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M11,8.75l2-2V13c0,0.55-0.45,1-1,1H3c-0.55,0-1-0.45-1-1V4c0-0.55,0.45-1,1-1h6.25l-2,2H4v7h7V8.75zM13.854,2.854l-0.707-0.707C13.049,2.049,12.92,2,12.792,2c-0.128,0-0.255,0.049-0.353,0.146L6,8.586L5,11l2.414-1l6.439-6.439C13.951,3.463,14,3.334,14,3.206C14,3.079,13.951,2.951,13.854,2.854z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M17,13.75l2-2V19c0,1.1-0.9,2-2,2H5c-1.1,0-2-0.9-2-2V7c0-1.1,0.9-2,2-2h7.25l-2,2H5v12h12V13.75zM20.999,6.707c0,0.284-0.089,0.536-0.292,0.74L13.154,15L7,17l2-6.154l7.553-7.553C16.748,3.098,17.004,3,17.26,3s0.512,0.098,0.707,0.293l2.74,2.74C20.894,6.22,20.999,6.462,20.999,6.707zM18.907,6.74L17.26,5.093l-7.069,7.069l1.647,1.647L18.907,6.74z"/> </svg> </svg> <svg x="0" y="0" id="connect-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M9.78,8.943L8,8.312V7.846C8.61,7.297,9,6.51,9,5.625V4c0-1.657-1.343-3-3-3S3,2.343,3,4v1.625C3,6.51,3.39,7.297,4,7.846v0.466l-1.78,0.63C0.89,9.414,0,10.673,0,12.085V14h12v-1.915C12,10.673,11.11,9.414,9.78,8.943zM5,3.5c0-0.551,0.449-1,1-1s1,0.449,1,1v3c0,0.551-0.449,1-1,1s-1-0.449-1-1V3.5zM10.125,12h-8.25v-0.412c0-0.471,0.307-0.823,0.709-0.965L6,9.413l3.416,1.21c0.402,0.142,0.709,0.494,0.709,0.965V12zM16,5v2h-2v2h-2V7h-2V5h2V3h2v2H16z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M15.669,13.945L13,13v-1.379c0.615-0.703,1-1.613,1-2.621V6c0-2.209-1.791-4-4-4S6,3.791,6,6v3c0,1.008,0.385,1.917,1,2.62V13l-2.669,0.945C2.334,14.652,1,16.541,1,18.659V21h18v-2.341C19,16.541,17.666,14.652,15.669,13.945zM8,5.75c0-1.103,0.897-2,2-2s2,0.897,2,2v3.5c0,1.103-0.897,2-2,2s-2-0.897-2-2V5.75zM17.125,19H2.875v-0.591c0-1.271,0.801-2.404,1.999-2.828L9,14.163v-1.305C9.321,12.942,9.653,13,10,13s0.679-0.058,1-0.141v1.305l4.126,1.417c1.198,0.424,1.999,1.557,1.999,2.828V19zM24,8v2h-3v3h-2v-3h-3V8h3V5h2v3H24z"/> </svg> </svg> <svg x="0" y="0" id="document-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M9.125,1H4C3.448,1,3,1.448,3,2v12c0,0.552,0.448,1,1,1h8c0.552,0,1-0.448,1-1V4.896L9.125,1zM5,13V3h3v3h3v7H5z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M14.125,2H6C4.895,2,4,2.895,4,4v16c0,1.105,0.895,2,2,2h12c1.105,0,2-0.895,2-2V7.875L14.125,2zM6,20V4h7v5h5v11H6z"/> </svg> </svg> <svg x="0" y="0" id="download-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,10v3c0,0.552-0.448,1-1,1H3c-0.552,0-1-0.448-1-1v-3h2v2h8v-2H14zM8,10c0.486,0,0.973-0.185,1.344-0.557L12,6.787l-1.145-1.145L9,7.519V1H7v6.519L5.145,5.642L4,6.786l2.656,2.657C7.027,9.814,7.513,10,8,10z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21,15v4c0,1.105-0.895,2-2,2H5c-1.105,0-2-0.895-2-2v-4h2v4h14v-4H21zM12,16c0.486,0,0.972-0.189,1.343-0.56L18,10.783l-1.237-1.237L13,13.318V2h-2v11.319L7.237,9.547L6,10.784l4.656,4.656C11.027,15.811,11.513,16,12,16z"/> </svg> </svg> <svg x="0" y="0" id="ellipsis-horizontal-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M4,7v2H2V7H4zM7,7v2h2V7H7zM12,7v2h2V7H12z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M6,10v4H2v-4H6zM10,10v4h4v-4H10zM18,10v4h4v-4H18z"/> </svg> </svg> <svg x="0" y="0" id="ellipsis-vertical-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M9,4H7V2h2V4zM9,7H7v2h2V7zM9,12H7v2h2V12z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M14,6h-4V2h4V6zM14,10h-4v4h4V10zM14,18h-4v4h4V18z"/> </svg> </svg> <svg x="0" y="0" id="envelope-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,3H2C1.448,3,1,3.448,1,4v8c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V4C15,3.448,14.552,3,14,3zM12.373,5L8,8.296L3.625,5H12.373zM3,11V6.747l3.809,2.857C7.162,9.867,7.581,9.999,7.999,10c0.42,0.001,0.839-0.13,1.194-0.393L13,6.768V11H3z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4zM4,6h16v0.262l-8,6.05L4,6.266L4,6zM4,18V8.484l6.809,5.12C11.162,13.867,11.581,13.999,12,14c0.419,0.001,0.839-0.13,1.194-0.393L20,8.517V18H4z"/> </svg> </svg> <svg x="0" y="0" id="error-pebble-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M10.916,6.216L9.132,8l1.784,1.784l-1.132,1.132L8,9.132l-1.784,1.784L5.084,9.784L6.918,8L5.084,6.216l1.132-1.132L8,6.868l1.784-1.784L10.916,6.216zM15,8c0,3.866-3.134,7-7,7s-7-3.134-7-7c0-3.866,3.134-7,7-7S15,4.134,15,8zM13.23,8c0-2.884-2.346-5.23-5.23-5.23S2.77,5.116,2.77,8c0,2.884,2.346,5.23,5.23,5.23S13.23,10.884,13.23,8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M13.238,12l3.463,3.463L15.463,16.7L12,13.237L8.538,16.7L7.3,15.463L10.763,12L7.3,8.537L8.538,7.3L12,10.763l3.452-3.452l1.238,1.237L13.238,12zM22,12c0,5.523-4.477,10-10,10C6.477,22,2,17.523,2,12S6.477,2,12,2C17.523,2,22,6.477,22,12zM20.23,12c0-4.538-3.692-8.23-8.23-8.23S3.77,7.462,3.77,12s3.692,8.23,8.23,8.23S20.23,16.538,20.23,12z"/> </svg> </svg> <svg x="0" y="0" id="fast-forward-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15.347,6.767L7,2v3.427L1,2v12l6-3.578V14l8.364-4.987C15.795,8.757,16,8.297,16,7.875C16,7.442,15.775,7.013,15.347,6.767zM3,10.875v-5.75l4,2.318v0.903L3,10.875zM9,10.875v-5.75l4.746,2.75L9,10.875z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M22.347,10.892L11,4v5.467L2,4v16l9-5.435V20l11.364-6.862C22.795,12.882,23,12.422,23,12C23,11.567,22.775,11.138,22.347,10.892zM4,16.625v-9.25l7,4.18v0.89L4,16.625zM13,16.625v-9.25L20.746,12L13,16.625z"/> </svg> </svg><svg x="0" y="0" id="fb-share-button-svg" preserveAspectRatio="xMidYMid meet" viewBox="0 0 10 11"><svg style="fill-opacity: 1;"><path d="M9.1,0.1V2H8C7.6,2,7.3,2.1,7.1,2.3C7,2.4,6.9,2.7,6.9,3v1.4H9L8.8,6.5H6.9V12H4.7V6.5H2.9V4.4h1.8V2.8 c0-0.9,0.3-1.6,0.7-2.1C6,0.2,6.6,0,7.5,0C8.2,0,8.7,0,9.1,0.1z"></path></svg></svg> <svg x="0" y="0" id="filter-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15,2v2H6.723C6.376,4.595,5.738,5,5,5C4.262,5,3.624,4.595,3.277,4H1V2h2.277C3.624,1.405,4.262,1,5,1c0.738,0,1.376,0.405,1.723,1H15zM11,6c-0.738,0-1.376,0.405-1.723,1H1v2h8.277c0.346,0.595,0.984,1,1.723,1c0.738,0,1.376-0.405,1.723-1H15V7h-2.277C12.376,6.405,11.738,6,11,6zM5,11c-0.738,0-1.376,0.405-1.723,1H1v2h2.277C3.624,14.595,4.262,15,5,15c0.738,0,1.376-0.405,1.723-1H15v-2H6.723C6.376,11.405,5.738,11,5,11z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M9.816,5C9.403,3.837,8.304,3,7,3S4.597,3.837,4.184,5H2v2h2.184C4.597,8.163,5.696,9,7,9s2.403-0.837,2.816-2H22V5H9.816zM7,7.4C6.228,7.4,5.6,6.772,5.6,6S6.228,4.6,7,4.6S8.4,5.228,8.4,6S7.772,7.4,7,7.4zM7,15c-1.304,0-2.403,0.837-2.816,2H2v2h2.184C4.597,20.163,5.696,21,7,21s2.403-0.837,2.816-2H22v-2H9.816C9.403,15.837,8.304,15,7,15zM7,19.4c-0.772,0-1.4-0.628-1.4-1.4s0.628-1.4,1.4-1.4s1.4,0.628,1.4,1.4S7.772,19.4,7,19.4zM17,9c-1.304,0-2.403,0.837-2.816,2H2v2h12.184c0.413,1.163,1.512,2,2.816,2s2.403-0.837,2.816-2H22v-2h-2.184C19.403,9.837,18.304,9,17,9zM17,13.4c-0.772,0-1.4-0.628-1.4-1.4s0.628-1.4,1.4-1.4s1.4,0.628,1.4,1.4S17.772,13.4,17,13.4z"/> </svg> </svg> <svg x="0" y="0" id="flag-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8.875,4c0-0.552-0.448-1-1-1H4V2H2v12h2v-4h3.125c0,0.552,0.448,1,1,1h4.625L14,4H8.875zM11.346,9H8.875c0-0.552-0.448-1-1-1H4V5h3.125c0,0.552,0.448,1,1,1h3.73L11.346,9z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M13,6c0-1.105-0.895-2-2-2H5V3H3v18h2v-6h5c0,1.105,0.895,2,2,2h6.75L21,6H13zM17.384,15H12v0c0-1.105-0.895-2-2-2H5l0-7h6v0c0,1.105,0.895,2,2,2h5.844L17.384,15z"/> </svg> </svg> <svg x="0" y="0" id="follow-channel-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M5.651,12.241C5.884,12.441,6,12.72,6,13c0,0.28-0.116,0.56-0.349,0.76L3,16v-2H0v-2h3v-2L5.651,12.241zM7,11h5V9H7V11zM12,5H7v3h5V5zM4,1v4H1v4h2V7h1v1.924l2,1.661V3h7v10H7v2h6c1.104,0,2-0.896,2-2V1H4z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M7.44,18.657C7.811,19.028,8,19.514,8,20s-0.189,0.972-0.56,1.344L4.784,24l-1.238-1.237L5.319,21H0v-2h5.318l-1.772-1.762L4.783,16L7.44,18.657zM10,18h8v-2h-8V18zM18,6h-8v4h8V6zM10,14h8v-2h-8V14zM6,2v4H2v8h2V8h2v6.007l2,1.971V4h12v15c0,0.552-0.448,1-1,1h-9v2h9c1.657,0,3-1.343,3-3V2H6z"/> </svg> </svg> <svg x="0" y="0" id="follow-company-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,13v2H7v-3h2v1h2V3H5v6.75L3,8.094V3c0-1.105,0.896-2,2-2h6c1.104,0,2,0.895,2,2v10H14zM10,5H6v2h4V5zM6,10h4V8H6V10zM3,10v2H0v2h3v2l2.651-2.24C5.884,13.56,6,13.28,6,13c0-0.28-0.116-0.559-0.349-0.759L3,10z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M9,14h6v2H9V14zM15,6H9v2h6V6zM19,20V4c0-1.105-0.896-2-2-2H7C5.896,2,5,2.895,5,4v8.795l2,1.985V4h10v16h-4v-2h-2v2h-1v2h11v-2H19zM9,12h6v-2H9V12zM4.783,16l-1.238,1.237L5.318,19H0v2h5.319l-1.772,1.763L4.784,24l2.656-2.656C7.811,20.973,8,20.487,8,20s-0.189-0.973-0.56-1.344L4.783,16z"/> </svg> </svg> <svg x="0" y="0" id="follow-person-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M5.651,12.241C5.884,12.441,6,12.72,6,13c0,0.28-0.116,0.56-0.349,0.76L3,16v-2H0v-2h3v-2L5.651,12.241zM14,12.162V14H7v-2h5.25v-0.213c0-0.43-0.4-0.813-0.809-0.949L8,9.733l-2.056,0.642l-1.46-1.234l1.139-0.348C5.244,8.29,5,7.678,5,7V6V5c0-1.657,1.343-3,3-3s3,1.343,3,3v1v1c0,0.678-0.244,1.29-0.624,1.792l1.572,0.524C13.174,9.724,14,10.871,14,12.162zM9,4.5c0-0.551-0.449-1-1-1s-1,0.449-1,1v3c0,0.551,0.449,1,1,1s1-0.449,1-1V4.5z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M16.897,13.632L14.73,12.91C15.508,12.18,16,11.151,16,10V9V7c0-2.209-1.791-4-4-4S8,4.791,8,7v2v1c0,1.151,0.493,2.18,1.271,2.91l-3.055,1.009l1.394,1.394L12,13.858l4.561,1.52c1.531,0.51,2.564,1.943,2.564,3.558V19H10v2h11v-1.676C21,16.742,19.347,14.449,16.897,13.632zM14,10.25c0,1.103-0.897,2-2,2s-2-0.897-2-2v-3.5c0-1.103,0.897-2,2-2s2,0.897,2,2V10.25zM7.44,18.657C7.811,19.028,8,19.514,8,20s-0.189,0.972-0.56,1.344L4.784,24l-1.238-1.237L5.319,21H0v-2h5.318l-1.772-1.762L4.783,16L7.44,18.657z"/> </svg> </svg> <svg x="0" y="0" id="follow-school-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15,8V4.878c0-0.365-0.199-0.702-0.52-0.877L8,1L1.52,4.001C1.199,4.177,1,4.513,1,4.878V8h2v0.115l2,1.657V8h2v4h6v1H7v2h8v-4c0-0.552-0.448-1-1-1h-1V8H15zM11,10H9V8h2V10zM3,6V5.25l5-2.3l5,2.3V6H3zM5.651,12.241C5.884,12.441,6,12.72,6,13c0,0.28-0.116,0.56-0.349,0.76L3,16v-2H0v-2h3v-2L5.651,12.241z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21,11V8.177c0-0.726-0.394-1.396-1.029-1.748L12,2L4.029,6.428C3.394,6.781,3,7.45,3,8.177V11h2v1.795l2,2V11h2v6h10v2h-9v2h11v-4c0-1.104-0.896-2-2-2v-4H21zM13,15h-2v-4h2V15zM17,15h-2v-4h2V15zM5,9V7.927l7-3.889l7,3.889V9H5zM7.44,18.657C7.811,19.028,8,19.514,8,20s-0.189,0.972-0.56,1.344L4.784,24l-1.238-1.237L5.319,21H0v-2h5.318l-1.772-1.762L4.783,16L7.44,18.657z"/> </svg> </svg> <svg x="0" y="0" id="forward-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M5,6h7.519L9.642,3.145L10.787,2l3.657,3.656C14.814,6.027,15,6.513,15,7c0,0.486-0.185,0.973-0.557,1.344L10.787,12l-1.145-1.145L12.519,8H4.875C3.839,8,3,8.839,3,9.875V13H1v-3C0.998,7.953,2.789,6,5,6z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M22,11c0,0.486-0.189,0.972-0.56,1.343L15.783,18l-1.237-1.237L19.318,12H7.875C5.735,12,4,13.735,4,15.875V20H2v-4c-0.007-3.319,2.681-6,6-6h11.319l-4.772-4.763L15.784,4l5.656,5.656C21.811,10.027,22,10.513,22,11z"/> </svg> </svg> <svg x="0" y="0" id="fullscreen-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15,3v3h-2V4h-3V2h4C14.552,2,15,2.448,15,3zM13,12h-3v2h4c0.552,0,1-0.448,1-1v-3h-2V12zM3,10H1v3c0,0.552,0.448,1,1,1h4v-2H3V10zM1,3v3h2V4h3V2H2C1.448,2,1,2.448,1,3z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M22,6v3h-2V6h-5V4h5C21.104,4,22,4.895,22,6zM20,18h-5v2h5c1.104,0,2-0.895,2-2v-3h-2V18zM4,15H2v3c0,1.105,0.896,2,2,2h5v-2H4V15zM2,6v3h2V6h5V4H4C2.896,4,2,4.895,2,6z"/> </svg> </svg> <svg x="0" y="0" id="gear-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M6.665,8c0-0.737,0.598-1.335,1.335-1.335S9.335,7.263,9.335,8S8.737,9.335,8,9.335S6.665,8.737,6.665,8zM8.332,2.6h-0.79C7.27,4.073,5.997,5.137,4.494,5.137c-0.353,0-0.701-0.06-1.036-0.179L3.063,5.642C3.755,6.232,4.15,7.089,4.15,8s-0.396,1.768-1.087,2.358l0.395,0.684c0.335-0.119,0.683-0.179,1.036-0.179c1.503,0,2.776,1.064,3.048,2.537h0.79c0.272-1.473,1.545-2.537,3.048-2.537c0.353,0,0.702,0.06,1.036,0.179l0.395-0.684C12.119,9.768,11.724,8.911,11.724,8s0.396-1.768,1.087-2.358l-0.395-0.684c-0.335,0.119-0.683,0.179-1.036,0.179C9.877,5.137,8.604,4.073,8.332,2.6M9.687,1l0.214,1.283c0.125,0.747,0.771,1.254,1.479,1.254c0.174,0,0.352-0.031,0.527-0.096l1.218-0.456l1.75,3.031L13.87,6.842c-0.365,0.3-0.547,0.729-0.547,1.159c0,0.429,0.182,0.858,0.547,1.157l1.004,0.826l-1.75,3.031l-1.218-0.456c-0.175-0.065-0.353-0.096-0.527-0.096c-0.708,0-1.355,0.507-1.479,1.254L9.687,15h-3.5l-0.214-1.283c-0.125-0.747-0.772-1.254-1.479-1.254c-0.174,0-0.352,0.031-0.527,0.096L2.75,13.016L1,9.984l1.004-0.826c0.365-0.3,0.547-0.729,0.547-1.159c0-0.429-0.182-0.858-0.547-1.157L1,6.016l1.75-3.031l1.218,0.456C4.142,3.506,4.32,3.537,4.494,3.537c0.708,0,1.355-0.507,1.479-1.254L6.187,1H9.687L9.687,1z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,9c-1.657,0-3,1.343-3,3s1.343,3,3,3s3-1.343,3-3S13.657,9,12,9zM12,13.4c-0.772,0-1.4-0.628-1.4-1.4c0-0.772,0.628-1.4,1.4-1.4s1.4,0.628,1.4,1.4C13.4,12.772,12.772,13.4,12,13.4zM20.279,10.456l1.568-1.291l-2.5-4.33l-1.902,0.713c-0.233,0.087-0.47,0.128-0.702,0.128c-0.943,0-1.806-0.676-1.972-1.672L14.437,2h-5L9.103,4.003C8.937,5,8.075,5.676,7.131,5.676c-0.232,0-0.469-0.041-0.702-0.128L4.527,4.835l-2.5,4.33l1.568,1.291c0.486,0.4,0.729,0.972,0.729,1.544c0,0.572-0.243,1.144-0.729,1.544l-1.568,1.291l2.5,4.33l1.902-0.713c0.233-0.087,0.47-0.128,0.702-0.128c0.943,0,1.806,0.676,1.972,1.672L9.437,22h5l0.334-2.003c0.166-0.996,1.029-1.672,1.972-1.672c0.232,0,0.469,0.041,0.702,0.128l1.902,0.713l2.5-4.33l-1.568-1.291c-0.486-0.4-0.729-0.971-0.729-1.543C19.55,11.429,19.793,10.856,20.279,10.456zM16.743,16.724c-1.767,0-3.26,1.266-3.55,3.009l-0.086,0.516h-2.339l-0.086-0.516c-0.291-1.744-1.784-3.009-3.55-3.009c-0.431,0-0.856,0.077-1.264,0.23l-0.439,0.164L4.25,15.077l0.362-0.298C5.446,14.093,5.924,13.08,5.924,12S5.446,9.907,4.612,9.221L4.25,8.923l1.179-2.041l0.439,0.164c0.407,0.153,0.832,0.23,1.264,0.23c1.767,0,3.26-1.266,3.55-3.009l0.086-0.516h2.339l0.086,0.516c0.291,1.744,1.784,3.009,3.55,3.009c0.431,0,0.856-0.077,1.264-0.23l0.542-0.203l1.161,2.01l-0.447,0.368C18.429,9.907,17.95,10.92,17.95,12s0.478,2.093,1.312,2.779l0.447,0.368l-1.161,2.01l-0.542-0.203C17.6,16.802,17.174,16.724,16.743,16.724z"/> </svg> </svg> <svg x="0" y="0" id="globe-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8,1C4.134,1,1,4.134,1,8s3.134,7,7,7c3.866,0,7-3.134,7-7S11.866,1,8,1zM9.5,11L8,10.183V10h2L9.5,11zM6.5,6.202L4.515,4.217C5.435,3.368,6.653,2.838,8,2.838v1.864L6.5,6.202zM2.838,8c0-0.908,0.256-1.75,0.67-2.493L6,8v2.382c0,0.379,0.214,0.725,0.553,0.894L8,12v1.162C5.153,13.162,2.838,10.847,2.838,8zM10.521,12.562l1.192-2.432c0.172-0.379,0.091-0.826-0.203-1.121l-0.717-0.717C10.605,8.105,10.351,8,10.086,8H8V7l1.707-1.707C9.895,5.105,10,4.851,10,4.586V3.241C11.856,4.025,13.163,5.862,13.163,8C13.163,10.042,11.999,11.653,10.521,12.562z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10c5.523,0,10-4.477,10-10S17.523,2,12,2zM12,3.75c0.34,0,0.672,0.032,1,0.074v2.67L11.469,8H9v1.676L5.718,6.666C7.232,4.885,9.485,3.75,12,3.75zM12,20.25c-4.549,0-8.25-3.701-8.25-8.25c0-1.4,0.353-2.718,0.97-3.874L9,12.077v3.187c0,0.758,0.428,1.45,1.106,1.789L12,18V20.25zM14,20v-3l-3-1.444V14h4l1.339,1.349L14,20zM16.478,18.919l1.315-2.63c0.385-0.77,0.234-1.7-0.375-2.309l-1.395-1.395C15.648,12.211,15.14,12,14.609,12H11v-2h0.104c0.521,0,1.021-0.203,1.395-0.567l1.896-1.844C14.782,7.212,15,6.695,15,6.156V4.323C18.068,5.526,20.25,8.51,20.25,12C20.25,14.898,18.745,17.447,16.478,18.919z"/> </svg> </svg> <svg x="0" y="0" id="grid-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M2,10h4v4H2V10zM2,6h4V2H2V6zM10,14h4v-4h-4V14zM10,2v4h4V2H10z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M3,3h4v4H3V3zM10,21h4v-4h-4V21zM3,21h4v-4H3V21zM3,14h4v-4H3V14zM10,7h4V3h-4V7zM17,3v4h4V3H17zM17,14h4v-4h-4V14zM10,14h4v-4h-4V14zM17,21h4v-4h-4V21z"/> </svg> </svg> <svg x="0" y="0" id="group-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15.999,12.408L16,11.817c0-0.861-0.551-1.625-1.368-1.897l-1.003-0.441C13.857,9.215,14,8.876,14,8.5v-1C14,6.672,13.328,6,12.5,6S11,6.672,11,7.5v1c0,0.342,0.119,0.654,0.312,0.906L9.306,8.504C9.728,8.137,10,7.603,10,7V6c0-1.105-0.896-2-2-2S6,4.895,6,6v1c0,0.603,0.272,1.137,0.694,1.504L4.687,9.408C4.88,9.155,5,8.843,5,8.5v-1C5,6.672,4.328,6,3.5,6S2,6.672,2,7.5v1c0,0.376,0.143,0.715,0.371,0.978L1.368,9.919C0.551,10.191,0,10.956,0,11.817l0.001,0.594C2.451,14.196,5.203,15,8,15s5.549-0.804,7.998-2.589l0,0v0L16,12.409L15.999,12.408zM14.25,11.478c-0.728,0.455-1.481,0.812-2.25,1.088v-1.76l0.5-0.193l1.75,0.704V11.478zM7.625,5.75c0-0.207,0.168-0.375,0.375-0.375S8.375,5.543,8.375,5.75v1.5c0,0.207-0.168,0.375-0.375,0.375S7.625,7.457,7.625,7.25V5.75zM3.5,10.612L4,10.805v1.76c-0.769-0.276-1.522-0.633-2.25-1.088v-0.161L3.5,10.612zM6,13.09v-2.524l2-0.897l2,0.897v2.524c-0.662,0.111-1.33,0.17-2,0.17S6.662,13.201,6,13.09zM4.273,5H2.349C3.173,2.671,5.389,1,8,1s4.827,1.671,5.651,4h-1.925C11.009,3.668,9.617,2.75,8,2.75S4.991,3.668,4.273,5z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21.632,14.044l-0.963-0.321C20.875,13.36,21,12.947,21,12.5v-1c0-1.381-1.119-2.5-2.5-2.5S16,10.119,16,11.5v1c0,0.275,0.06,0.531,0.144,0.777l-1.712-0.53l0.015-0.013C14.794,12.244,15,11.646,15,11v-1c0-1.657-1.343-3-3-3s-3,1.343-3,3v1c0,0.646,0.206,1.244,0.553,1.734l0.015,0.013l-1.712,0.53C7.94,13.031,8,12.775,8,12.5v-1C8,10.119,6.881,9,5.5,9S3,10.119,3,11.5v1c0,0.447,0.125,0.86,0.33,1.223l-0.963,0.321C1.551,14.316,1,15.081,1,15.942v2.108C4.237,19.923,7.991,21,12,21s7.763-1.077,11-2.951v-2.108C23,15.081,22.449,14.316,21.632,14.044zM5,11c0-0.276,0.224-0.5,0.5-0.5S6,10.724,6,11v2c0,0.276-0.224,0.5-0.5,0.5S5,13.276,5,13V11zM7,18.607c-1.397-0.359-2.735-0.863-4-1.496v-1.419l2.5-0.958L7,15.358V18.607zM11,9.5c0-0.551,0.449-1,1-1s1,0.449,1,1v2c0,0.551-0.449,1-1,1s-1-0.449-1-1V9.5zM15,19.026c-0.979,0.147-1.98,0.224-3,0.224s-2.021-0.077-3-0.224v-4.288l3-0.9l3,0.9V19.026zM18,11c0-0.276,0.224-0.5,0.5-0.5S19,10.724,19,11v2c0,0.276-0.224,0.5-0.5,0.5S18,13.276,18,13V11zM21,17.111c-1.265,0.633-2.603,1.137-4,1.496v-3.249l1.5-0.625l2.5,0.958V17.111zM7.203,7H5.079C6.463,4.611,9.041,3,12,3s5.537,1.611,6.921,4h-2.124C15.649,5.626,13.926,4.75,12,4.75S8.351,5.626,7.203,7z"/> </svg> </svg> <svg x="0" y="0" id="hamburger-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15,3v2H1V3H15zM1,9h14V7H1V9zM1,13h14v-2H1V13z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M22,6v2H2V6H22zM2,13h20v-2H2V13zM2,18h20v-2H2V18z"/> </svg> </svg> <svg x="0" y="0" id="heart-loop-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"></svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M16.485,3c-1.517,0-2.891,0.616-3.885,1.611l-0.61,0.611l-0.61-0.611C10.385,3.616,9.011,3,7.494,3C4.46,3,2,5.462,2,8.5c0,1.519,0.615,2.894,1.609,3.889l8.38,8.365l8.38-8.365c0.994-0.995,1.609-2.37,1.609-3.889C21.979,5.462,19.519,3,16.485,3zM11.99,7.707l1.039,1.032c0,0,0,0,0,0.001c0.266,0.266,0.431,0.634,0.431,1.039c0,0.811-0.659,1.471-1.469,1.471s-1.469-0.66-1.469-1.471c0-0.405,0.165-0.773,0.431-1.039c0,0,0,0,0-0.001L11.99,7.707z M19.133,11.152l-7.144,7.131l-7.144-7.131C4.138,10.443,3.748,9.502,3.748,8.5c0-2.068,1.68-3.75,3.746-3.75c1.001,0,1.941,0.39,2.649,1.098l0.615,0.616L9.715,7.501C9.133,8.084,8.772,8.889,8.772,9.779c0,1.779,1.44,3.221,3.217,3.221s3.217-1.442,3.217-3.221c0-0.89-0.36-1.695-0.943-2.278L13.22,6.465l0.615-0.616c0.708-0.708,1.648-1.098,2.649-1.098c2.066,0,3.746,1.682,3.746,3.75C20.231,9.502,19.841,10.443,19.133,11.152z"/> </svg> </svg> <svg x="0" y="0" id="home-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8.874,2.281C8.612,2.094,8.306,2,8,2C7.694,2,7.388,2.094,7.126,2.281L1,6.558L1.991,8L3,7.296V13c0,0.552,0.448,1,1,1h8c0.552,0,1-0.448,1-1V7.296L14.008,8L15,6.558L8.874,2.281zM11,12H9V9H7v3H5V5.899l3-2.095l3,2.095V12z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12.874,3.281C12.612,3.094,12.306,3,12,3c-0.306,0-0.612,0.094-0.873,0.281L2,9.558L2.991,11L4,10.306V19c0,1.105,0.895,2,2,2h5v-5h2v5h5c1.105,0,2-0.895,2-2v-8.688L21,11l0.992-1.442L12.874,3.281zM18,19h-3v-3c0-1.105-0.895-2-2-2h-2c-1.105,0-2,0.895-2,2v3H6V8.931l6-4.127l6,4.131V19z"/> </svg> </svg> <svg x="0" y="0" id="image-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M9.665,7c0-0.737,0.598-1.335,1.335-1.335S12.335,6.263,12.335,7S11.737,8.335,11,8.335S9.665,7.737,9.665,7zM15,4v8c0,0.552-0.448,1-1,1H2c-0.552,0-1-0.448-1-1V4c0-0.552,0.448-1,1-1h12C14.552,3,15,3.448,15,4zM8.788,11L6.5,8.713L4.212,11H8.788zM13,5H3v4.95l2.56-2.56c0.519-0.52,1.362-0.52,1.881,0L11.05,11H13V5z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M15,9.5C15,8.672,15.672,8,16.5,8S18,8.672,18,9.5S17.328,11,16.5,11S15,10.328,15,9.5zM22,6v12c0,1.105-0.896,2-2,2H4c-1.104,0-2-0.895-2-2V6c0-1.105,0.896-2,2-2h16C21.104,4,22,4.895,22,6zM20,17.832l-4.021-3.121l-1.313,0.955C14.366,15.884,14.019,16,13.672,16c-0.483,0-1.027-0.207-1.379-0.63L8.47,10.778L4,15.699V18h16V17.832zM20,6H4v7.106l3.257-3.571C7.591,9.17,8.047,8.993,8.5,9c0.46,0.008,0.916,0.206,1.239,0.591l3.92,4.714l1.357-0.979C15.309,13.109,15.655,13,16,13c0.356,0,0.713,0.115,1.01,0.344L20,15.632V6z"/> </svg> </svg> <svg x="0" y="0" id="in-common-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M11,3C9.869,3,8.838,3.39,8,4.023C7.162,3.39,6.131,3,5,3C2.239,3,0,5.239,0,8s2.239,5,5,5c1.131,0,2.162-0.39,3-1.023C8.838,12.61,9.869,13,11,13c2.761,0,5-2.239,5-5S13.761,3,11,3zM6.881,10.829C6.342,11.188,5.696,11.4,5,11.4c-1.875,0-3.4-1.525-3.4-3.4S3.125,4.6,5,4.6c0.696,0,1.342,0.212,1.881,0.571C6.327,5.976,6,6.949,6,8S6.327,10.024,6.881,10.829zM11,11.4c-0.696,0-1.342-0.212-1.881-0.571C9.673,10.024,10,9.051,10,8S9.673,5.976,9.119,5.171C9.658,4.812,10.304,4.6,11,4.6c1.875,0,3.4,1.525,3.4,3.4S12.875,11.4,11,11.4z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M16,5c-1.488,0-2.866,0.468-4,1.26C10.866,5.468,9.488,5,8,5c-3.866,0-7,3.134-7,7c0,3.866,3.134,7,7,7c1.488,0,2.866-0.468,4-1.26c1.134,0.792,2.512,1.26,4,1.26c3.866,0,7-3.134,7-7C23,8.134,19.866,5,16,5zM10.648,16.507C9.868,16.968,8.97,17.25,8,17.25c-2.895,0-5.25-2.355-5.25-5.25c0-2.895,2.355-5.25,5.25-5.25c0.97,0,1.868,0.282,2.648,0.743C9.621,8.711,9,10.282,9,12S9.621,15.289,10.648,16.507zM16,17.25c-0.97,0-1.868-0.282-2.648-0.743C14.379,15.289,15,13.718,15,12s-0.621-3.289-1.648-4.507C14.132,7.032,15.03,6.75,16,6.75c2.895,0,5.25,2.355,5.25,5.25C21.25,14.895,18.895,17.25,16,17.25z"/> </svg> </svg> <svg x="0" y="0" id="language-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8,1C4.134,1.024,0.976,4.178,1,8.044C1.024,11.895,4.154,15,7.999,15c0.015,0,0.03,0,0.045,0c3.866-0.024,6.98-3.178,6.956-7.044C14.976,4.105,11.845,1,8,1zM13.314,7.17l-2.43,0.015c-0.103-1.857-0.515-3.26-0.928-4.204C11.714,3.671,13.014,5.254,13.314,7.17zM2.686,8.836l2.43-0.015c0.103,1.854,0.515,3.255,0.927,4.198C4.288,12.33,2.989,10.75,2.686,8.836zM5.114,7.221L2.673,7.237C2.834,6.097,3.334,5.04,4.158,4.206c0.543-0.55,1.188-0.957,1.888-1.229C5.63,3.927,5.214,5.344,5.114,7.221zM8,2.683c0.308,0.471,1.13,1.978,1.287,4.512L6.713,7.211C6.867,4.664,7.694,3.151,8,2.683zM8,13.317c-0.308-0.471-1.129-1.975-1.286-4.506l2.573-0.016C9.132,11.339,8.306,12.85,8,13.317zM9.956,13.021c0.415-0.949,0.83-2.363,0.93-4.236l2.453-0.015C13.059,10.711,11.745,12.322,9.956,13.021z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10c5.523,0,10-4.477,10-10S17.523,2,12,2zM9.875,14.125C9.797,13.473,9.75,12.768,9.75,12s0.047-1.473,0.125-2.125h4.25c0.078,0.652,0.125,1.357,0.125,2.125s-0.047,1.473-0.125,2.125H9.875zM13.811,15.875c-0.5,2.05-1.31,3.328-1.811,3.964c-0.502-0.638-1.312-1.916-1.811-3.964H13.811zM10.189,8.125C10.688,6.078,11.498,4.8,12,4.161c0.502,0.638,1.312,1.916,1.811,3.964H10.189zM15.884,9.875h4.078c0.182,0.679,0.288,1.389,0.288,2.125s-0.106,1.446-0.288,2.125h-4.078C15.955,13.463,16,12.761,16,12S15.955,10.537,15.884,9.875zM19.279,8.125h-3.674c-0.391-1.827-1.009-3.18-1.581-4.114C16.297,4.588,18.198,6.102,19.279,8.125zM9.976,4.011c-0.572,0.934-1.19,2.286-1.581,4.114H4.721C5.802,6.102,7.703,4.588,9.976,4.011zM4.038,9.875h4.078C8.045,10.537,8,11.239,8,12s0.045,1.463,0.116,2.125H4.038C3.856,13.446,3.75,12.736,3.75,12S3.856,10.554,4.038,9.875zM4.721,15.875h3.674c0.391,1.827,1.009,3.18,1.581,4.114C7.703,19.412,5.802,17.898,4.721,15.875zM14.024,19.989c0.572-0.933,1.19-2.286,1.581-4.114h3.674C18.198,17.898,16.297,19.412,14.024,19.989z"/> </svg> </svg> <svg x="0" y="0" id="like-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M11.641,6.979L9.708,3.751C9.404,3.244,9.177,2.694,9.034,2.12L8.753,0.997C8.751,0.99,8.745,0.986,8.739,0.986H7.014C5.902,0.986,5,1.888,5,3v0.388c0,0.644,0.103,1.284,0.306,1.895l0.228,0.686C5.537,5.978,5.53,5.988,5.521,5.988L2.5,5.986c-0.828,0-1.5,0.672-1.5,1.5c0,0.382,0.147,0.727,0.381,0.991c0.005,0.005,0.005,0.012,0,0.018C1.147,8.759,1,9.104,1,9.486c0,0.529,0.276,0.991,0.69,1.258c0.006,0.004,0.008,0.011,0.004,0.017c-0.12,0.215-0.194,0.46-0.194,0.724c0,0.77,0.582,1.397,1.33,1.483c0.009,0.001,0.014,0.009,0.011,0.018c-0.109,0.306-0.138,0.649,0.015,1.024c0.247,0.604,0.861,0.975,1.514,0.975h2.162c0.89,0,1.531-0.104,2.145-0.309l2.072-0.691c0.001,0,0.003-0.001,0.004-0.001h3.233c0.008,0,0.014-0.006,0.014-0.014V7c0-0.008-0.006-0.014-0.014-0.014h-2.332C11.649,6.986,11.644,6.983,11.641,6.979zM11.986,11.986h-0.71c-0.001,0-0.003,0-0.004,0.001l-2.494,0.805c-0.398,0.129-0.815,0.194-1.233,0.194H4.36c-0.008,0-0.014-0.006-0.014-0.014c0-0.37-0.102-0.738-0.303-1.06c-0.212-0.339-0.517-0.603-0.873-0.764c-0.006-0.003-0.009-0.008-0.007-0.014c0.121-0.618-0.059-1.264-0.486-1.732c-0.004-0.004-0.005-0.01-0.002-0.015C2.893,8.956,2.945,8.463,2.83,8.003C2.828,7.994,2.834,7.986,2.843,7.986H7.98c0.01,0,0.016-0.009,0.014-0.019L6.923,4.651C6.788,4.244,6.75,3.82,6.75,3.391v-0.28c0-0.207,0.168-0.375,0.375-0.375h0.363c0.007,0,0.013,0.005,0.014,0.012c0.111,0.708,0.397,1.463,0.74,2.03l2.601,4.202c0.003,0.004,0.007,0.007,0.012,0.007h1.131C11.994,8.986,12,8.992,12,9v2.972C12,11.979,11.994,11.986,11.986,11.986z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M17.51,11l-2.151-3.044c-1.11-1.604-1.826-3.385-2.249-5.291L12.74,1H10.5C9.119,1,8,2.119,8,3.5v0.576c0,0.807,0.109,1.611,0.323,2.389L9.021,9L4.662,9c-1.371,0-2.606,1.032-2.66,2.402c-0.021,0.529,0.129,1.019,0.39,1.431C2.147,13.22,2,13.675,2,14.167c0,0.854,0.43,1.607,1.083,2.058C3.034,16.42,3,16.622,3,16.833c0,1.039,0.634,1.929,1.536,2.306C4.519,19.258,4.5,19.377,4.5,19.5C4.5,20.881,5.619,22,7,22h3.765c0.654,0,1.306-0.08,1.941-0.239L15.75,21H21V11H17.51zM19,19h-2.496l-3.409,0.821C12.619,19.94,12.13,20,11.64,20H6.9C6.404,20,6,19.596,6,19.109c0.002-0.037,0.009-0.074,0.019-0.138l0.151-1.036L5.204,17.53C4.867,17.39,4.65,17.064,4.65,16.7c0-0.056,0.011-0.127,0.034-0.218l0.229-0.909l-0.772-0.532C3.896,14.871,3.75,14.594,3.75,14.3c0-0.167,0.048-0.328,0.143-0.477L4.351,13.1l-0.458-0.723c-0.102-0.16-0.15-0.333-0.142-0.512C3.769,11.396,4.248,11,4.796,11h6.576l-1.18-4.329c-0.21-0.772-0.317-1.568-0.317-2.367V3.375c0-0.276,0.224-0.5,0.5-0.5h1.072c0.48,2.161,1.258,4.401,2.517,6.22L16.724,13H19V19z"/> </svg> </svg> <svg x="0" y="0" id="like-filled-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M11.641,6.993L9.708,3.765C9.404,3.258,9.177,2.708,9.034,2.134L8.753,1.011C8.751,1.004,8.745,1,8.739,1H8.014C6.902,1,6,1.902,6,3.014v0.388c0,0.644,0.103,1.284,0.306,1.895l0.228,0.686C6.537,5.993,6.53,6.002,6.521,6.002L2.5,6C1.672,6,1,6.672,1,7.5c0,0.382,0.147,0.727,0.381,0.991c0.005,0.005,0.005,0.012,0,0.018C1.147,8.773,1,9.118,1,9.5c0,0.529,0.276,0.991,0.69,1.258c0.006,0.004,0.008,0.011,0.004,0.017C1.574,10.991,1.5,11.236,1.5,11.5c0,0.77,0.582,1.397,1.33,1.483C2.839,12.984,2.844,12.992,2.841,13c-0.109,0.306-0.138,0.649,0.015,1.024C3.103,14.629,3.717,15,4.37,15h2.162c0.89,0,1.531-0.104,2.145-0.309l2.072-0.691C10.749,14,10.751,14,10.752,14h3.233C13.994,14,14,13.994,14,13.986V7.014C14,7.006,13.994,7,13.986,7h-2.332C11.649,7,11.644,6.997,11.641,6.993z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M17.51,11l-2.151-3.044c-1.11-1.604-1.826-3.385-2.249-5.291L12.74,1H11.5C10.119,1,9,2.119,9,3.5v0.576c0,0.807,0.109,1.611,0.323,2.389L10.021,9L4.662,9c-1.371,0-2.606,1.032-2.66,2.402c-0.021,0.529,0.129,1.019,0.39,1.431C2.147,13.22,2,13.675,2,14.167c0,0.854,0.43,1.607,1.083,2.058C3.034,16.42,3,16.622,3,16.833c0,1.039,0.634,1.929,1.536,2.306C4.519,19.258,4.5,19.377,4.5,19.5C4.5,20.881,5.619,22,7,22h3.765c0.654,0,1.306-0.08,1.941-0.239L15.75,21H21V11H17.51z"/> </svg> </svg> <svg x="0" y="0" id="link-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M13.138,2.869C12.567,2.294,11.821,2,11.073,2c-0.758,0-1.518,0.286-2.096,0.869L6.862,4.934C6.511,5.288,6.28,5.713,6.143,6.161c-0.426,0.14-0.829,0.367-1.167,0.708L2.862,8.934C2.287,9.513,2,10.273,2,11.032c0,0.758,0.287,1.519,0.862,2.099C3.433,13.706,4.18,14,4.928,14c0.758,0,1.518-0.286,2.096-0.869l2.114-2.065c0.351-0.354,0.582-0.779,0.719-1.227c0.426-0.14,0.829-0.367,1.168-0.708l2.114-2.065C13.713,6.487,14,5.727,14,4.968C14,4.21,13.713,3.449,13.138,2.869zM5.64,11.994c-0.227,0.229-0.524,0.343-0.822,0.343c-0.315,0-0.595-0.114-0.822-0.343L3.99,11.987c-0.227-0.229-0.34-0.529-0.34-0.829s0.114-0.6,0.34-0.829l2.226-2.181c0.144,0.357,0.359,0.693,0.647,0.982C7.161,9.433,7.51,9.652,7.881,9.797L5.64,11.994zM12.01,5.67L9.785,7.852C9.641,7.494,9.425,7.159,9.138,6.869C8.839,6.567,8.49,6.348,8.119,6.203l2.241-2.197c0.227-0.229,0.524-0.343,0.822-0.343c0.315,0,0.595,0.114,0.822,0.343l0.006,0.006c0.227,0.229,0.34,0.529,0.34,0.829S12.237,5.441,12.01,5.67z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M19.911,4.089c-0.724-0.724-1.673-1.086-2.621-1.086s-1.897,0.362-2.621,1.086l-2.586,2.586c-1.231,1.23-1.404,3.106-0.543,4.532l-0.341,0.341c-0.587-0.354-1.246-0.543-1.91-0.543c-0.949,0-1.897,0.362-2.621,1.086l-2.586,2.586c-1.448,1.448-1.448,3.795,0,5.243c0.724,0.724,1.673,1.086,2.621,1.086s1.897-0.362,2.621-1.086l2.586-2.586c1.228-1.228,1.403-3.1,0.547-4.524l0.344-0.344c0.585,0.352,1.242,0.539,1.903,0.539c0.949,0,1.897-0.362,2.621-1.086l2.586-2.586C21.359,7.884,21.359,5.537,19.911,4.089zM11.226,14.712c0,0.517-0.201,1.004-0.567,1.37l-2.586,2.586c-0.366,0.366-0.852,0.567-1.37,0.567c-0.517,0-1.004-0.201-1.37-0.567c-0.366-0.366-0.567-0.852-0.567-1.37c0-0.517,0.201-1.004,0.567-1.37l2.586-2.586c0.366-0.366,0.852-0.567,1.37-0.567c0.202,0,0.396,0.039,0.583,0.099l-1.611,1.61c-0.348,0.347-0.348,0.913,0,1.261l0.007,0.007c0.344,0.344,0.9,0.344,1.245,0l1.617-1.616C11.187,14.32,11.226,14.512,11.226,14.712zM18.66,8.08l-2.586,2.586c-0.366,0.366-0.852,0.567-1.37,0.567c-0.199,0-0.39-0.039-0.575-0.096l1.604-1.602c0.348-0.347,0.348-0.913,0-1.261l-0.007-0.007c-0.344-0.344-0.9-0.344-1.245,0l-1.615,1.614c-0.06-0.188-0.099-0.383-0.099-0.585c0-0.517,0.201-1.004,0.567-1.37L15.92,5.34c0.366-0.366,0.852-0.567,1.37-0.567c0.517,0,1.004,0.201,1.37,0.567c0.366,0.366,0.567,0.852,0.567,1.37C19.227,7.228,19.026,7.714,18.66,8.08z"/> </svg> </svg> <svg x="0" y="0" id="lock-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M12,7h-1V4c0-1.657-1.343-3-3-3S5,2.343,5,4v3H4C3.448,7,3,7.448,3,8v6c0,0.552,0.448,1,1,1h8c0.552,0,1-0.448,1-1V8C13,7.448,12.552,7,12,7zM7,3.75C7,3.199,7.449,3,8,3s1,0.199,1,0.75V7H7V3.75zM11,13H5V9h6V13z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M18,10h-2V6c0-2.209-1.791-4-4-4S8,3.791,8,6v4H6c-1.105,0-2,0.895-2,2v8c0,1.105,0.895,2,2,2h12c1.105,0,2-0.895,2-2v-8C20,10.895,19.105,10,18,10zM10,5.875c0-1.103,0.897-2,2-2s2,0.897,2,2V10h-4V5.875zM18,20H6v-8h12V20zM12,18.125L12,18.125c-0.552,0-1-0.448-1-1v-2.25c0-0.552,0.448-1,1-1h0c0.552,0,1,0.448,1,1v2.25C13,17.677,12.552,18.125,12,18.125z"/> </svg> </svg> <svg x="0" y="0" id="map-marker-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8,1C5.239,1,3,3.239,3,6c0,0.934,0.273,1.899,0.719,2.647l3.417,5.869C7.329,14.847,7.664,15.012,8,15.012s0.671-0.166,0.864-0.497l3.417-5.869C12.727,7.899,13,6.934,13,6C13,3.239,10.761,1,8,1zM10.751,7.756L8,12.482L5.239,7.74C4.945,7.248,4.77,6.597,4.77,6c0-1.781,1.449-3.23,3.23-3.23S11.23,4.219,11.23,6C11.23,6.597,11.055,7.248,10.751,7.756zM9.335,6c0,0.737-0.598,1.335-1.335,1.335S6.665,6.737,6.665,6S7.263,4.665,8,4.665S9.335,5.263,9.335,6z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M19,9c0-3.863-3.138-6.995-7-7C8.138,2.005,5,5.137,5,9c0,1.075,0.25,2.09,0.683,3H5.675l5.241,9.373C11.157,21.791,11.578,22,11.999,22c0,0,0,0,0,0s0,0,0.001,0c0.422,0,0.843-0.209,1.083-0.627L18.325,12h-0.007C18.75,11.09,19,10.075,19,9zM16.719,11.364L12,19.809l-4.719-8.445C6.942,10.652,6.77,9.773,6.77,9c0-2.936,2.322-5.228,5.23-5.23c2.908,0.002,5.23,2.293,5.23,5.23C17.23,9.773,17.058,10.652,16.719,11.364zM12,6c-1.657,0-3,1.343-3,3s1.343,3,3,3s3-1.343,3-3S13.657,6,12,6zM12,10.4c-0.772,0-1.4-0.628-1.4-1.4s0.628-1.4,1.4-1.4s1.4,0.628,1.4,1.4S12.772,10.4,12,10.4z"/> </svg> </svg> <svg x="0" y="0" id="me-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10s10-4.477,10-10C22,6.477,17.523,2,12,2zM12,3.77c4.538,0,8.23,3.692,8.23,8.23c0,1.789-0.58,3.441-1.553,4.793L15,15.5v-0.879c0.615-0.703,1-1.613,1-2.621v-2c0-2.209-1.791-4-4-4s-4,1.791-4,4v2c0,1.008,0.385,1.917,1,2.62v0.88l-3.677,1.293C4.35,15.441,3.77,13.789,3.77,12C3.77,7.462,7.462,3.77,12,3.77zM14,9.75v2.5c0,1.103-0.897,2-2,2s-2-0.897-2-2v-2.5c0-1.103,0.897-2,2-2S14,8.647,14,9.75zM6.604,18.199L11,16.663v-0.68c0.321,0.083,0.653,0.141,1,0.141s0.679-0.058,1-0.141v0.68l4.396,1.535C15.95,19.46,14.065,20.23,12,20.23S8.05,19.46,6.604,18.199z"/> </svg> </svg> <svg x="0" y="0" id="medal-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"></svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21,6l-0.02-0.013L18.566,2H5.434L3.02,5.987L3,6l0.006,0.01L3,6.02l0.021,0.014l5.018,7.946C7.397,14.821,7,15.859,7,17c0,2.761,2.239,5,5,5s5-2.239,5-5c0-1.141-0.397-2.179-1.04-3.021l5.018-7.946L21,6.02l-0.006-0.01L21,6z M15.934,4l-1.268,2H9.334L8.066,4H15.934z M13.398,8L12,10.205L10.602,8H13.398z M5.066,5.992l1.075-1.761l4.964,7.859c-0.633,0.115-1.22,0.351-1.746,0.68L5.066,5.992z M12,20.25c-1.795,0-3.25-1.455-3.25-3.25s1.455-3.25,3.25-3.25s3.25,1.455,3.25,3.25S13.795,20.25,12,20.25zM14.642,12.77c-0.526-0.329-1.113-0.565-1.746-0.68l4.964-7.859l1.075,1.761L14.642,12.77z"/> </svg> </svg> <svg x="0" y="0" id="messages-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,5h-2V3c0-0.552-0.448-1-1-1H3C2.448,2,2,2.448,2,3v5c0,0.552,0.448,1,1,1h2v2c0,0.552,0.448,1,1,1h3v3l5.295-3.309C14.734,11.417,15,10.936,15,10.418V6C15,5.448,14.552,5,14,5zM5,6v1H4V4h6v1H6C5.448,5,5,5.448,5,6zM13,10.392l-2,1.25V10H7V7h6V10.392z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20,7h-2V5c0-1.104-0.895-2-2-2H5C3.895,3,3,3.896,3,5v7c0,1.104,0.895,2,2,2h2v2c0,1.104,0.895,2,2,2h5v4l6.59-4.119c0.877-0.548,1.41-1.51,1.41-2.544V9C22,7.896,21.105,7,20,7zM7,9v3H5V5h11v2H9C7.895,7,7,7.896,7,9zM20,15.587c0,0.347-0.176,0.664-0.47,0.848L16,18.642V16H9V9h11V15.587z"/> </svg> </svg> <svg x="0" y="0" id="minus-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,7v2H2V7H14z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21,11v2H3v-2H21z"/> </svg> </svg> <svg x="0" y="0" id="mobile-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M12,1H4C3.448,1,3,1.448,3,2v12c0,0.552,0.448,1,1,1h8c0.552,0,1-0.448,1-1V2C13,1.448,12.552,1,12,1z M11,13H5V3h6V13zM6.85,11c0-0.635,0.515-1.15,1.15-1.15S9.15,10.365,9.15,11S8.635,12.15,8,12.15S6.85,11.635,6.85,11z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M17,2H7C5.895,2,5,2.895,5,4v16c0,1.105,0.895,2,2,2h10c1.105,0,2-0.895,2-2V4C19,2.895,18.105,2,17,2z M17,20H7V4h10V20z M10.85,18c0-0.635,0.515-1.15,1.15-1.15s1.15,0.515,1.15,1.15s-0.515,1.15-1.15,1.15S10.85,18.635,10.85,18z"/> </svg> </svg> <svg x="0" y="0" id="mute-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M2,5C1.448,5,1,5.448,1,6v4c0,0.552,0.448,1,1,1h2.5L9,14.125V1.875L4.5,5H2zM7,5.294v5.411L4.54,9H3V7h1.54L7,5.294zM16,9.762L14.763,11L13,9.237L11.237,11L10,9.763L11.763,8L10,6.237L11.237,5L13,6.762l1.752-1.752l1.237,1.238L14.237,8L16,9.762z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M4,8c-1.104,0-2,0.896-2,2v4c0,1.104,0.896,2,2,2h3.25L14,21.096V2.904L7.25,8H4zM12,6.582v10.836L7.45,14H4v-4h3.45L12,6.582zM23.8,14.562L22.563,15.8L20,13.237L17.437,15.8L16.2,14.562L18.763,12L16.2,9.438L17.437,8.2L20,10.762l2.552-2.552l1.237,1.237L21.237,12L23.8,14.562z"/> </svg> </svg> <svg x="0" y="0" id="newspaper-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M12,8H7V5h5V8zM12,9H7v2h5V9zM15,1v12c0,1.105-0.896,2-2,2H3c-1.104,0-2-0.895-2-2V5h3V1H15zM4,7H3v5.75c0,0.276,0.224,0.5,0.5,0.5S4,13.026,4,12.75V7zM13,3H6v10h7V3z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M18,10h-8V6h8V10zM18,12h-8v2h8V12zM18,16h-8v2h8V16zM22,2v17c0,1.657-1.343,3-3,3H5c-1.657,0-3-1.343-3-3V6h4V2H22zM6,8H4v11.25c0,0.552,0.448,1,1,1s1-0.448,1-1V8zM20,4H8v16h11c0.552,0,1-0.448,1-1V4z"/> </svg> </svg> <svg x="0" y="0" id="notify-pebble-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M7,7h2v5H7V7zM15,8c0,3.866-3.134,7-7,7c-3.866,0-7-3.134-7-7c0-3.866,3.134-7,7-7C11.866,1,15,4.134,15,8zM13.23,8c0-2.884-2.346-5.23-5.23-5.23C5.116,2.77,2.77,5.116,2.77,8c0,2.884,2.346,5.23,5.23,5.23C10.884,13.23,13.23,10.884,13.23,8zM7,6h2V4H7V6z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2zM12,20.23c-4.538,0-8.23-3.692-8.23-8.23S7.462,3.77,12,3.77s8.23,3.692,8.23,8.23S16.538,20.23,12,20.23zM11,10h2v8h-2V10zM11,6h2v2h-2V6z"/> </svg> </svg> <svg x="0" y="0" id="open-book-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,3H9.75C9.172,3,8.328,3.297,8,4C7.672,3.297,6.828,3,6.25,3H2C1.448,3,1,3.448,1,4v8c0,0.552,0.448,1,1,1h3.25c1.015,0,1.64,0.344,1.972,1h1.555c0.332-0.656,0.957-1,1.972-1H14c0.552,0,1-0.448,1-1V4C15,3.448,14.552,3,14,3zM7,11.296C6.781,11.109,6.375,11,5.875,11H3V5h3.125C6.608,5,7,5.392,7,5.875V11.296zM13,11h-2.875c-0.5,0-0.906,0.109-1.125,0.296V5.875C9,5.392,9.392,5,9.875,5H13V11z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20,4h-4.875C13.687,4,12.641,4.656,12,5.6C11.359,4.656,10.312,4,8.875,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h5.25c1.015,0,1.64,0.344,1.972,1h1.555c0.332-0.656,0.957-1,1.972-1H20c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4zM11,18.662C10.547,18.188,9.766,18,8.875,18H4V6h5.125C10.161,6,11,6.839,11,7.875V18.662zM20,18h-4.875c-0.89,0-1.672,0.188-2.125,0.662V7.875C13,6.839,13.839,6,14.875,6H20V18z"/> </svg> </svg> <svg x="0" y="0" id="paperclip-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M5,2h5.5C13.708,2,16,4.641,16,7.5S13.692,13,10.5,13H4c-2.352,0-4-1.906-4-4c0-2.094,1.625-4,4-4h5.5C10.881,5,12,6.119,12,7.5c0,1.381-1.119,2.5-2.5,2.5H5V8.125h4.5c0.345,0,0.625-0.29,0.625-0.635c0-0.345-0.28-0.615-0.625-0.615H4C2.625,6.875,1.75,7.719,1.75,9S2.641,11.125,4,11.125h6.63c1.999,0,3.495-1.631,3.495-3.63s-1.496-3.62-3.495-3.62H5V2z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M16,18H6.5C3.292,18,1,15.359,1,12.5S3.308,7,6.5,7H19c2.352,0,4,1.906,4,4s-1.625,4-4,4H9.5C8.119,15,7,13.881,7,12.5S8.119,10,9.5,10H16v1.875H9.5c-0.345,0-0.625,0.29-0.625,0.635c0,0.345,0.28,0.615,0.625,0.615H19c1.375,0,2.25-0.844,2.25-2.125S20.359,8.875,19,8.875H6.37c-1.999,0-3.495,1.631-3.495,3.63s1.496,3.62,3.495,3.62H16V18z"/> </svg> </svg> <svg x="0" y="0" id="paragraph-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15,3v2H1V3H15z M1,13h9v-2H1V13z M1,9h14V7H1V9z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M2,11h20v2H2V11z M2,18h13v-2H2V18z M2,6v2h20V6H2z"/> </svg> </svg> <svg x="0" y="0" id="pause-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M6,2H3C2.448,2,2,2.448,2,3v10c0,0.552,0.448,1,1,1h3c0.552,0,1-0.448,1-1V3C7,2.448,6.552,2,6,2zM5,12H4V4h1V12zM13,2h-3C9.448,2,9,2.448,9,3v10c0,0.552,0.448,1,1,1h3c0.552,0,1-0.448,1-1V3C14,2.448,13.552,2,13,2zM12,12h-1V4h1V12z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M8,3H6C4.896,3,4,3.895,4,5v14c0,1.105,0.896,2,2,2h2c1.104,0,2-0.895,2-2V5C10,3.895,9.104,3,8,3zM8,19H6V5h2V19zM18,3h-2c-1.104,0-2,0.895-2,2v14c0,1.105,0.896,2,2,2h2c1.104,0,2-0.895,2-2V5C20,3.895,19.104,3,18,3zM18,19h-2V5h2V19z"/> </svg> </svg> <svg x="0" y="0" id="pencil-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14.707,4.033l-2.74-2.74C11.772,1.098,11.516,1,11.26,1s-0.512,0.098-0.707,0.293L4,7.846L2,14l6.154-2l6.553-6.553c0.204-0.204,0.292-0.456,0.292-0.74C14.999,4.462,14.894,4.22,14.707,4.033zM6.838,10.809L5.191,9.162l6.069-6.069l1.647,1.647L6.838,10.809z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21.707,5.033l-2.74-2.74C18.772,2.097,18.516,2,18.26,2s-0.512,0.098-0.707,0.293L5,14.846L3,21l6.154-2L21.707,6.447c0.204-0.204,0.292-0.456,0.292-0.74C21.999,5.462,21.894,5.22,21.707,5.033zM7.838,17.809l-1.647-1.647L18.26,4.093l1.647,1.647L7.838,17.809z"/> </svg> </svg> <svg x="0" y="0" id="people-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M13.78,8.911l-0.93-0.312C13.54,8.154,14,7.383,14,6.5v-1C14,4.119,12.881,3,11.5,3S9,4.119,9,5.5v1c0,0.883,0.46,1.654,1.151,2.099L9.22,8.911C9.059,8.969,8.912,9.048,8.765,9.128c-0.29-0.236-0.619-0.43-0.986-0.56L7,8.312V7.846C7.61,7.297,8,6.51,8,5.625V4c0-1.657-1.343-3-3-3S2,2.343,2,4v1.625C2,6.51,2.39,7.297,3,7.846v0.466L2.22,8.568C0.89,9.039,0,10.298,0,11.71V14h16v-1.946C16,10.642,15.11,9.383,13.78,8.911zM11,5c0-0.276,0.224-0.5,0.5-0.5S12,4.724,12,5v2c0,0.276-0.224,0.5-0.5,0.5S11,7.276,11,7V5zM4,3.5c0-0.551,0.449-1,1-1s1,0.449,1,1v3c0,0.551-0.449,1-1,1s-1-0.449-1-1V3.5zM8.125,12h-6.25v-0.787c0-0.471,0.307-0.823,0.709-0.965L5,9.413l2.416,0.835c0.402,0.142,0.709,0.494,0.709,0.965V12zM14.125,12H10v-0.29c0-0.415-0.085-0.812-0.227-1.185L11.5,9.913l1.916,0.679c0.402,0.142,0.709,0.494,0.709,0.965V12z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20.335,14.785L19,14.312v-0.466c0.61-0.549,1-1.336,1-2.221V10c0-1.657-1.343-3-3-3s-3,1.343-3,3v1.625c0,0.885,0.39,1.672,1,2.221v0.466l-0.688,0.244c-0.473-0.421-1.021-0.766-1.642-0.986L11,13v-1.379c0.615-0.703,1-1.613,1-2.621V6c0-2.209-1.791-4-4-4S4,3.791,4,6v3c0,1.008,0.385,1.917,1,2.62V13l-1.669,0.57C1.334,14.277,0,16.166,0,18.284V21h23v-2.444C23,16.861,21.933,15.351,20.335,14.785zM6,5.75c0-1.103,0.897-2,2-2s2,0.897,2,2v3.5c0,1.103-0.897,2-2,2s-2-0.897-2-2V5.75zM14.125,19H1.875v-0.966c0-1.271,0.801-2.404,1.999-2.828L7,14.163v-1.305C7.321,12.942,7.653,13,8,13s0.679-0.058,1-0.141v1.305l3.126,1.042c1.198,0.424,1.999,1.557,1.999,2.828V19zM16,9.5c0-0.551,0.449-1,1-1s1,0.449,1,1v3c0,0.551-0.449,1-1,1s-1-0.449-1-1V9.5zM21.125,19H16v-0.716c0-0.828-0.209-1.617-0.577-2.318L17,15.413l2.964,1.059c0.697,0.249,1.161,0.908,1.161,1.648V19z"/> </svg> </svg> <svg x="0" y="0" id="person-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M11.78,8.943L10,8.312V7.846c0.61-0.549,1-1.336,1-2.221V4c0-1.657-1.343-3-3-3S5,2.343,5,4v1.625C5,6.51,5.39,7.297,6,7.846v0.466l-1.78,0.63C2.89,9.414,2,10.673,2,12.085V14h12v-1.915C14,10.673,13.11,9.414,11.78,8.943zM7,3.5c0-0.551,0.449-1,1-1s1,0.449,1,1v3c0,0.551-0.449,1-1,1s-1-0.449-1-1V3.5zM12.125,12h-8.25v-0.412c0-0.471,0.307-0.823,0.709-0.965L8,9.413l3.416,1.21c0.402,0.142,0.709,0.494,0.709,0.965V12z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M17.669,13.945L15,13v-1.379c0.615-0.703,1-1.613,1-2.621V6c0-2.209-1.791-4-4-4S8,3.791,8,6v3c0,1.008,0.385,1.917,1,2.62V13l-2.669,0.945C4.334,14.652,3,16.541,3,18.659V21h18v-2.341C21,16.541,19.666,14.652,17.669,13.945zM10,5.75c0-1.103,0.897-2,2-2s2,0.897,2,2v3.5c0,1.103-0.897,2-2,2s-2-0.897-2-2V5.75zM19.125,19H4.875v-0.591c0-1.271,0.801-2.404,1.999-2.828L11,14.163v-1.305C11.321,12.942,11.653,13,12,13s0.679-0.058,1-0.141v1.305l4.126,1.417c1.198,0.424,1.999,1.557,1.999,2.828V19z"/> </svg> </svg> <svg x="0" y="0" id="phone-handset-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14.623,11.149L11.69,8.328C11.46,8.112,11.163,8,10.864,8c-0.219,0-0.439,0.06-0.635,0.182L9,9L7.01,7l0.807-1.274C7.95,5.512,7.998,5.269,7.998,5.03c0-0.264-0.124-0.553-0.327-0.768L4.854,1.377C4.617,1.126,4.299,1,3.98,1C3.673,1,3.365,1.117,3.13,1.352l-0.959,0.96C1.421,3.062,1,4.079,1,5.14v0c0,1.217,0.332,2.411,0.959,3.454c1.343,2.233,3.213,4.103,5.446,5.447l0.001,0C8.449,14.668,9.643,15,10.86,15h0.003c1.06,0,2.077-0.421,2.827-1.17l0.958-0.956c0.239-0.239,0.356-0.552,0.353-0.864C14.996,11.696,14.871,11.383,14.623,11.149zM12.557,12.696c-0.453,0.452-1.054,0.701-1.697,0.701c-0.926,0-1.835-0.253-2.629-0.73C6.23,11.463,4.536,9.769,3.332,7.768c-0.477-0.793-0.73-1.702-0.73-2.628c0-0.64,0.249-1.242,0.702-1.695l0.668-0.668l0.1-0.1L6.4,5.1L5.074,7.116l3.805,3.806L10.9,9.606l2.423,2.325L12.557,12.696z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20.309,15.705l-3.536-3.242c-0.189-0.173-0.431-0.263-0.676-0.263c-0.152,0-0.305,0.035-0.447,0.106l-2.227,1.113l-2.843-2.842l1.284-2.183c0.088-0.149,0.138-0.314,0.138-0.479c0-0.304-0.09-0.529-0.285-0.727L8.295,3.691C7.873,3.232,7.298,3,6.723,3c-0.545,0-1.09,0.207-1.507,0.624L4.371,4.469C3.493,5.347,3,6.537,3,7.779v0.002c0,0.595,0.114,1.185,0.335,1.738l0.074,0.184c0.981,2.451,2.449,4.678,4.315,6.545c1.889,1.889,4.131,3.366,6.593,4.351c0.104,0.042,0.164,0.066,0.164,0.066C15.033,20.886,15.624,21,16.219,21h0.002c1.242,0,2.432-0.493,3.31-1.371l0.844-0.845C20.8,18.36,21,17.803,21,17.249C21,16.683,20.761,16.12,20.309,15.705zM19.188,17.497l-0.895,0.895c-0.554,0.553-1.289,0.858-2.075,0.858c-0.374,0-0.741-0.071-1.089-0.21l-0.164-0.065c-2.258-0.903-4.279-2.237-6.005-3.963L8.89,14.94c-1.661-1.661-2.946-3.609-3.818-5.791L4.96,8.87C4.821,8.522,4.75,8.155,4.75,7.779c0-0.783,0.305-1.519,0.858-2.072l0.895-0.895C6.596,4.72,6.701,4.7,6.773,4.7c0.077,0,0.188,0.021,0.282,0.124l0.019,0.021l0.02,0.02l3.02,3.087l-1.679,2.856l4.692,4.692l2.893-1.447l3.156,2.893c0.099,0.091,0.122,0.199,0.124,0.273C19.301,17.293,19.283,17.402,19.188,17.497z"/> </svg> </svg> <svg x="0" y="0" id="play-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M5,4l6.746,4L5,12V4zM3,0.875v14.25l10.364-5.987C13.795,8.882,14,8.422,14,8c0-0.433-0.225-0.862-0.653-1.108L3,0.875L3,0.875z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M6,5.126l12.506,6.872L6,18.873V5.126M4,1.875v20.25L20.286,13.2c0.47-0.251,0.709-0.736,0.714-1.2c0-0.469-0.228-0.94-0.702-1.199L4,1.875L4,1.875z"/> </svg> </svg> <svg x="0" y="0" id="plus-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,9H9v5H7V9H2V7h5V2h2v5h5V9z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21,13h-8v8h-2v-8H3v-2h8V3h2v8h8V13z"/> </svg> </svg> <svg x="0" y="0" id="printer-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,4h-1V1H3v3H2C1.448,4,1,4.448,1,5v5c0,0.552,0.448,1,1,1h1v4h7.5l2.5-2.5V11h1c0.552,0,1-0.448,1-1V5C15,4.448,14.552,4,14,4zM5,3h6v1H5V3zM11,12l-1,1H5v-2h6V12zM13,9H3V6h10V9zM12,8h-2V7h2V8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20,7h-1V3H5v4H4C2.896,7,2,7.895,2,9v6c0,1.105,0.896,2,2,2h1v4h10.5l3.5-3.5V17h1c1.104,0,2-0.895,2-2V9C22,7.895,21.104,7,20,7zM7,5h10v2H7V5zM17,17h-2v2H7v-4h10V17zM20,15h-1v-2H5v2H4V9h16V15zM18,12h-2v-2h2V12z"/> </svg> </svg> <svg x="0" y="0" id="profile-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,9v2H2V9H14z M4,15h8v-2H4V15z M5,4c0-1.657,1.343-3,3-3s3,1.343,3,3S9.657,7,8,7S5,5.657,5,4z M6.6,4c0,0.772,0.628,1.4,1.4,1.4S9.4,4.772,9.4,4S8.772,2.6,8,2.6S6.6,3.228,6.6,4z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21,15v2H3v-2H21z M5.5,21h13v-2h-13V21z M7,8c0-2.761,2.239-5,5-5s5,2.239,5,5s-2.239,5-5,5S7,10.761,7,8z M8.75,8c0,1.792,1.458,3.25,3.25,3.25S15.25,9.792,15.25,8S13.792,4.75,12,4.75S8.75,6.208,8.75,8z"/> </svg> </svg> <svg x="0" y="0" id="question-pebble-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M7,10h2v2H7V10zM15,8c0,3.866-3.134,7-7,7s-7-3.134-7-7c0-3.866,3.134-7,7-7S15,4.134,15,8zM13.23,8c0-2.884-2.346-5.23-5.23-5.23S2.77,5.116,2.77,8c0,2.884,2.346,5.23,5.23,5.23S13.23,10.884,13.23,8zM8.5,4h-1C6.119,4,5,5.119,5,6.5V7h1.875V5.875h2.25v1.25H8c-0.552,0-1,0.448-1,1V9h1.5C9.875,9,11,7.875,11,6.5C11,5.119,9.881,4,8.5,4z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10c5.523,0,10-4.477,10-10S17.523,2,12,2zM12,20.23c-4.538,0-8.23-3.692-8.23-8.23S7.462,3.77,12,3.77c4.538,0,8.23,3.692,8.23,8.23S16.538,20.23,12,20.23zM11,16h2v2h-2V16zM16,9.25V10c0,1.657-1.343,2.875-3,2.875V14h-2v-1c0-1.105,0.896-2,2-2h0.275c0.469,0,0.85-0.381,0.85-0.85v-1.3c0-0.469-0.381-0.85-0.85-0.85h-2.55c-0.469,0-0.85,0.381-0.85,0.85V10H8V9.25C8,7.455,9.455,6,11.25,6h1.5C14.545,6,16,7.455,16,9.25z"/> </svg> </svg> <svg x="0" y="0" id="quick-reply-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M16,3c0,0.104-0.017,0.211-0.052,0.317l-2.128,6.349c-0.339,1.013-1.069,1.849-2.027,2.321L6.188,15l1.039-3H5.001C4.43,12,3.999,11.532,4,11c0-0.103,0.017-0.208,0.051-0.313L4.278,10h5.13l-0.581,1.592l2.27-1.204c0.476-0.234,0.845-0.657,1.013-1.16L13.861,4H0V2h15C15.57,2,16.001,2.468,16,3zM7,6H2v2h5V6z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,10H3V8h9V10zM20.998,4H1v2h20.248l-2.8,8.845c-0.249,0.754-0.779,1.337-1.49,1.691l-3.825,2.035L14,16H7.752L9,12H7.16l-1.057,3.373C6.033,15.583,6.001,15.794,6,16c-0.001,1.064,0.86,2,2.001,2h3.481l-1.358,4l7.539-3.871c1.194-0.594,2.101-1.641,2.519-2.907l2.714-8.594c0.069-0.21,0.102-0.421,0.103-0.627C23.002,4.936,22.14,4,20.998,4z"/> </svg> </svg> <svg x="0" y="0" id="refresh-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M11,13.001c0,0.331-0.099,0.663-0.423,0.857L7,16v-2.09C4.163,13.433,2,10.972,2,8c0-1.657,0.672-3.157,1.757-4.243l1.255,1.255C4.247,5.778,3.773,6.835,3.773,8c0,1.985,1.38,3.642,3.227,4.095V10l3.577,2.143C10.901,12.337,11,12.669,11,13.001zM9,2.09V0L5.423,2.142C5.099,2.336,5,2.668,5,2.999c0,0.332,0.099,0.664,0.423,0.858L9,6V3.905c1.847,0.452,3.227,2.11,3.227,4.095c0,1.165-0.474,2.222-1.239,2.988l1.255,1.255C13.328,11.157,14,9.657,14,8C14,5.028,11.837,2.567,9,2.09z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M15.062,19c0,0.422-0.21,0.845-0.63,1.085L11,22v-2.069C7.055,19.438,4,16.079,4,12c0-2.209,0.895-4.209,2.343-5.657l1.256,1.256C6.471,8.726,5.773,10.283,5.773,12c0,3.093,2.268,5.658,5.227,6.139V16l3.432,1.914C14.852,18.154,15.062,18.577,15.062,19zM13,4.069V2L9.568,3.915C9.148,4.155,8.938,4.577,8.938,5c0,0.423,0.21,0.846,0.63,1.086L13,8V5.861c2.959,0.481,5.227,3.047,5.227,6.139c0,1.717-0.698,3.273-1.826,4.401l1.256,1.256C19.105,16.209,20,14.209,20,12C20,7.921,16.945,4.562,13,4.069z"/> </svg> </svg> <svg x="0" y="0" id="reply-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15,10v3h-2V9.875C13,8.839,12.161,8,11.125,8H3.481l2.877,2.855L5.213,12L1.557,8.343C1.185,7.972,1,7.486,1,7c0-0.486,0.186-0.972,0.557-1.343L5.213,2l1.145,1.145L3.481,6H11C13.211,6,15.002,7.953,15,10z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M2.56,9.656L8.216,4l1.237,1.237L4.681,10H16c3.319,0,6.007,2.681,6,6v4h-2v-4.125C20,13.735,18.265,12,16.125,12H4.682l4.772,4.762L8.217,18L2.56,12.343C2.189,11.972,2,11.486,2,11C2,10.516,2.189,10.027,2.56,9.656z"/> </svg> </svg> <svg x="0" y="0" id="rewind-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M9,5.427V2L0.653,6.767C0.225,7.013,0,7.442,0,7.875c0,0.422,0.205,0.882,0.636,1.138L9,14v-3.578L15,14V2L9,5.427zM7,10.875l-4.746-3L7,5.125V10.875zM13,10.875L9,8.346V7.443l4-2.318V10.875z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M13,9.467V4L1.653,10.892C1.225,11.138,1,11.567,1,12c0,0.422,0.205,0.882,0.636,1.138L13,20v-5.435L22,20V4L13,9.467zM11,16.625L3.254,12L11,7.375V16.625zM20,16.625l-7-4.18v-0.89l7-4.18V16.625z"/> </svg> </svg> <svg x="0" y="0" id="ribbon-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M12,1H4C3.448,1,3,1.448,3,2v13l5-3.5l5,3.5V2C13,1.448,12.552,1,12,1zM11,11.451L8,9.376l-3,2.075V3h6V11.451z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M17,2H7C5.895,2,5,2.895,5,4v17.906l7-4.656L19,22V4C19,2.895,18.105,2,17,2zM17,18.3L12,15l-5,3.3V4h10V18.3z"/> </svg> </svg> <svg x="0" y="0" id="rotate-left-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M9,2.09V0L5.486,2.142C5.162,2.336,5,2.668,5,2.999c0,0.332,0.162,0.664,0.486,0.858L9,6V3.905C10.849,4.356,12.227,6.012,12.227,8c0,2.334-1.893,4.227-4.227,4.227S3.773,10.334,3.773,8H2c0,3.314,2.686,6,6,6s6-2.686,6-6C14,5.028,11.837,2.567,9,2.09z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M13,4.069V2L9.631,3.915C9.211,4.155,9.001,4.577,9.001,5c0,0.423,0.21,0.846,0.63,1.086L13,8V5.882c2.951,0.479,5.206,3.032,5.206,6.118c0,3.428-2.779,6.206-6.206,6.206S5.794,15.428,5.794,12H4c0,4.418,3.582,8,8,8s8-3.582,8-8C20,7.921,16.945,4.562,13,4.069z"/> </svg> </svg> <svg x="0" y="0" id="rotate-right-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M7,2.09V0l3.514,2.142C10.838,2.336,11,2.668,11,2.999c0,0.332-0.162,0.664-0.486,0.858L7,6V3.905C5.151,4.356,3.773,6.012,3.773,8c0,2.334,1.893,4.227,4.227,4.227S12.227,10.334,12.227,8H14c0,3.314-2.686,6-6,6s-6-2.686-6-6C2,5.028,4.163,2.567,7,2.09z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M11,4.069V2l3.369,1.915c0.42,0.24,0.63,0.662,0.63,1.085c0,0.423-0.21,0.846-0.63,1.086L11,8V5.882C8.049,6.361,5.794,8.914,5.794,12c0,3.428,2.779,6.206,6.206,6.206s6.206-2.779,6.206-6.206H20c0,4.418-3.582,8-8,8s-8-3.582-8-8C4,7.921,7.055,4.562,11,4.069z"/> </svg> </svg> <svg x="0" y="0" id="rss-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M10,12.5c0,0.517-0.067,1.018-0.181,1.5H7.984c0.159-0.474,0.266-0.973,0.266-1.5c0-2.619-2.131-4.75-4.75-4.75c-0.527,0-1.026,0.107-1.5,0.266V6.181C2.482,6.067,2.983,6,3.5,6C7.09,6,10,8.91,10,12.5zM3.5,2C2.989,2,2.491,2.049,2,2.119v1.769C2.488,3.803,2.988,3.75,3.5,3.75c4.825,0,8.75,3.925,8.75,8.75c0,0.512-0.053,1.012-0.138,1.5h1.769C13.951,13.509,14,13.011,14,12.5C14,6.701,9.299,2,3.5,2zM6,12.5C6,13.881,4.881,15,3.5,15S1,13.881,1,12.5S2.119,10,3.5,10S6,11.119,6,12.5zM4.4,12.5c0-0.496-0.404-0.9-0.9-0.9s-0.9,0.404-0.9,0.9s0.404,0.9,0.9,0.9S4.4,12.996,4.4,12.5z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M13,18c0,0.695-0.105,1.366-0.294,2H10.85c0.256-0.617,0.4-1.292,0.4-2c0-2.895-2.355-5.25-5.25-5.25c-0.708,0-1.383,0.145-2,0.4v-1.857C4.634,11.105,5.304,11,6,11C9.866,11,13,14.134,13,18zM6,7C5.316,7,4.649,7.071,4,7.19v1.783C4.645,8.831,5.313,8.75,6,8.75c5.101,0,9.25,4.15,9.25,9.25c0,0.687-0.081,1.355-0.224,2h1.783c0.12-0.649,0.19-1.316,0.19-2C17,11.925,12.075,7,6,7zM6,3C5.32,3,4.656,3.061,4,3.149v1.769c0.654-0.1,1.318-0.168,2-0.168c7.306,0,13.25,5.944,13.25,13.25c0,0.682-0.068,1.346-0.167,2h1.769C20.939,19.344,21,18.68,21,18C21,9.716,14.284,3,6,3zM9,18c0,1.657-1.343,3-3,3s-3-1.343-3-3s1.343-3,3-3S9,16.343,9,18zM7.4,18c0-0.772-0.628-1.4-1.4-1.4S4.6,17.228,4.6,18s0.628,1.4,1.4,1.4S7.4,18.772,7.4,18z"/> </svg> </svg> <svg x="0" y="0" id="school-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15,8V4.878c0-0.365-0.199-0.702-0.52-0.877L8,1L1.52,4.001C1.199,4.177,1,4.513,1,4.878V8h2v2H2c-0.552,0-1,0.448-1,1v4h14v-4c0-0.552-0.448-1-1-1h-1V8H15zM3,5.25l5-2.3l5,2.3V6H3V5.25zM5,8h2v2H5V8zM13,13H3v-1h10V13zM11,10H9V8h2V10z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21,11V8.177c0-0.726-0.394-1.396-1.029-1.748L12,2L4.029,6.428C3.394,6.781,3,7.451,3,8.177V11h2v4c-1.104,0-2,0.895-2,2v4h18v-4c0-1.105-0.896-2-2-2v-4H21zM5,7.927l7-3.889l7,3.889V9H5V7.927zM13,15h-2v-4h2V15zM7,11h2v4H7V11zM19,19H5v-2h14V19zM17,15h-2v-4h2V15zM13.25,7c0,0.69-0.56,1.25-1.25,1.25S10.75,7.69,10.75,7S11.31,5.75,12,5.75S13.25,6.31,13.25,7z"/> </svg> </svg> <svg x="0" y="0" id="search-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M11.095,9.857C11.662,9.047,12,8.064,12,7c0-2.761-2.239-5-5-5S2,4.239,2,7s2.239,5,5,5c1.064,0,2.047-0.338,2.857-0.905L12.763,14L14,12.763L11.095,9.857zM7,10.25c-1.792,0-3.25-1.458-3.25-3.25S5.208,3.75,7,3.75S10.25,5.208,10.25,7S8.792,10.25,7,10.25z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21,19.763l-5.475-5.475C16.446,13.102,17,11.617,17,10c0-3.866-3.134-7-7-7s-7,3.134-7,7s3.134,7,7,7c1.617,0,3.102-0.554,4.288-1.475L19.763,21L21,19.763zM10,15.25c-2.895,0-5.25-2.355-5.25-5.25S7.105,4.75,10,4.75c2.895,0,5.25,2.355,5.25,5.25S12.895,15.25,10,15.25z"/> </svg> </svg> <svg x="0" y="0" id="send-android-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14.246,6.907L2,2.021l2.125,6l-2.125,6l12.246-4.886C14.749,8.934,15,8.477,15,8.02C15,7.562,14.748,7.108,14.246,6.907zM4.687,11.226l1.124-3.205L4.687,4.816l8.033,3.205L4.687,11.226z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21.319,10.993L3,3.021l4,9.021l-4,8.979l18.318-7.949c0.452-0.196,0.679-0.633,0.682-1.051C22.003,11.597,21.776,11.192,21.319,10.993zM6.468,17.587l2.512-5.549L6.46,6.457l12.81,5.574L6.468,17.587z"/> </svg> </svg> <svg x="0" y="0" id="share-android-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M14,12c0,1.105-0.895,2-2,2c-1.105,0-2-0.895-2-2c0-0.041,0.01-0.079,0.012-0.119L5.288,9.519C4.939,9.815,4.493,10,4,10c-1.105,0-2-0.895-2-2s0.895-2,2-2c0.485,0,0.923,0.179,1.269,0.466l4.742-2.354C10.009,4.074,10,4.038,10,4c0-1.105,0.895-2,2-2c1.105,0,2,0.895,2,2s-0.895,2-2,2c-0.428,0-0.822-0.137-1.148-0.366L6.126,7.989l4.73,2.374C11.18,10.136,11.574,10,12,10C13.105,10,14,10.895,14,12z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M21,18c0,1.653-1.343,3-3,3s-3-1.34-3-2.993c0-0.106,0.02-0.206,0.031-0.309l-6.779-3.74c-0.55,0.629-1.35,1.036-2.253,1.036c-1.657,0-3-1.34-3-2.993s1.343-2.993,3-2.993c0.903,0,1.703,0.406,2.253,1.036l6.779-3.74C15.02,6.199,15,6.099,15,5.993C15,4.34,16.343,3,18,3s3,1.347,3,3s-1.343,3-3,3c-0.953,0-1.762-0.45-2.297-1.113l-6.75,3.722C8.953,11.609,9,11.777,9,12s-0.047,0.391-0.047,0.391l6.75,3.722C16.238,15.45,17.047,15,18,15C19.657,15,21,16.347,21,18z"/> </svg> </svg> <svg x="0" y="0" id="share-ios-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M15.427,6.598L10,1v4H7.031C3.148,5,0,8.148,0,12.031V15h1.375c0-2.33,1.92-4,4.25-4H10v4l5.427-5.598C15.804,9.018,15.995,8.499,16,8C16.005,7.487,15.814,6.993,15.427,6.598zM5.625,9c-1.366,0-2.812,0.594-3.609,1.376C2.711,8.272,4.696,7,7.031,7H12V5.55L14.363,8l-2.37,2.45L12,9H5.625z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M22.414,10.586L14,2v6h-3C5.477,8,1,12.477,1,18v4h1.875c0-3.314,2.811-6,6.125-6h5v6l8.414-8.586c0.385-0.385,0.581-0.888,0.586-1.393C23.005,11.502,22.81,10.982,22.414,10.586zM9,14c-2.524,0-5.083,1.458-6.216,3.247C3.166,13.049,6.5,10,11,10h5V6.455l5.367,5.542L16,17.544V14H9z"/> </svg> </svg> <svg x="0" y="0" id="shield-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8,1C6.34,2.224,4.381,2.891,2,3.083v6.249c0,2.058,1.116,3.954,2.915,4.953L8,16l3.085-1.714C12.884,13.286,14,11.39,14,9.332V3.083C11.619,2.891,9.66,2.224,8,1zM4,4.517C5.475,4.234,6.8,3.754,8,3.07c0.917,0.522,1.908,0.924,2.981,1.212l-6.717,6.717C4.095,10.574,4,10.116,4,9.645V4.517zM10.114,12.85L8,14.024L5.886,12.85c-0.212-0.118-0.404-0.26-0.584-0.414L12,5.737v3.907C12,10.975,11.277,12.203,10.114,12.85z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,1C9.51,2.837,6.571,3.837,3,4.125v8.874c0,3.087,1.674,5.931,4.372,7.43L12,23l4.628-2.571C19.326,18.93,21,16.086,21,12.999V4.125C17.429,3.837,14.49,2.837,12,1zM19,6.775L7.419,18.356c-0.66-0.534-1.204-1.185-1.607-1.918l11.24-11.24C17.681,5.355,18.33,5.487,19,5.591V6.775zM5,5.591c2.643-0.411,4.955-1.234,7-2.492c0.988,0.608,2.041,1.109,3.16,1.516L5.149,14.626C5.06,14.197,5,13.759,5,13.311V5.591zM15.657,18.993L12,21.025l-3.069-1.705L19,9.25v4.061C19,15.67,17.719,17.847,15.657,18.993z"/> </svg> </svg> <svg x="0" y="0" id="sort-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M4.081,6L3,4.615l4.128-3.331C7.389,1.095,7.695,1,8,1c0.305,0,0.611,0.095,0.871,0.284L13,4.615L11.92,6L8,2.827L4.081,6zM8,13.173L4.08,10L3,11.385l4.128,3.33C7.389,14.905,7.694,15,8,15c0.306,0,0.611-0.095,0.872-0.284L13,11.385L11.919,10L8,13.173z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M18.967,15L20,16.419l-7.129,5.298c-0.26,0.187-0.565,0.281-0.871,0.281c-0.305,0-0.611-0.094-0.871-0.281L4,16.419L5.033,15L12,20.194L18.967,15zM12,3.825l6.967,5.194L20,7.599l-7.129-5.298C12.611,2.114,12.305,2.021,12,2.021c-0.305,0-0.61,0.094-0.871,0.281L4,7.599l1.033,1.419L12,3.825z"/> </svg> </svg> <svg x="0" y="0" id="speech-bubble-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M13,5v5.392l-2,1.25V10H3V5H13M14,3H2C1.448,3,1,3.448,1,4v7c0,0.552,0.448,1,1,1h7v3l5.295-3.309C14.734,11.417,15,10.936,15,10.419V4C15,3.448,14.552,3,14,3L14,3z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M20,6v9.587c0,0.347-0.176,0.664-0.47,0.848L16,18.641V16H4V6H20M20,4H4C2.895,4,2,4.895,2,6v10c0,1.105,0.895,2,2,2h10v4l6.59-4.119c0.877-0.548,1.41-1.51,1.41-2.544V6C22,4.895,21.105,4,20,4L20,4z"/> </svg> </svg> <svg x="0" y="0" id="star-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8,4.322l1.107,2.209l2.455,0.357L9.781,8.624l0.42,2.451L8,9.918l-2.201,1.157l0.42-2.451L4.438,6.888l2.455-0.357L8,4.322M8,0.75L5.837,5.068L1,5.771l3.5,3.412L3.674,14L8,11.726L12.326,14L11.5,9.183L15,5.771l-4.837-0.703L8,0.75L8,0.75z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,5.874l1.897,3.984l4.293,0.624l-3.095,3.017l0.731,4.26L12,15.748l-3.826,2.011l0.731-4.26L5.81,10.482l4.293-0.624L12,5.874M12,1.75L8.91,8.24L2,9.244l5,4.874L5.82,21L12,17.751L18.18,21L17,14.118l5-4.874L15.09,8.24L12,1.75L12,1.75z"/> </svg> </svg> <svg x="0" y="0" id="stickers-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M4.835,6c0-0.643,0.522-1.165,1.165-1.165S7.165,5.357,7.165,6c0,0.643-0.522,1.165-1.165,1.165S4.835,6.643,4.835,6zM8.002,9.375c-1.455,0-2.299-0.802-2.299-0.802l-0.83,1.292c0,0,1.209,1.135,3.129,1.135s3.123-1.134,3.123-1.134l-0.829-1.291C10.295,8.575,9.457,9.375,8.002,9.375zM10,4.835C9.357,4.835,8.835,5.357,8.835,6c0,0.643,0.522,1.165,1.165,1.165S11.165,6.643,11.165,6C11.165,5.357,10.643,4.835,10,4.835zM15,3.5v9c0,1.381-1.119,2.5-2.5,2.5h-9C2.119,15,1,13.881,1,12.5v-9C1,2.119,2.119,1,3.5,1h9C13.881,1,15,2.119,15,3.5zM13,3.5C13,3.224,12.776,3,12.5,3h-9C3.224,3,3,3.224,3,3.5v9C3,12.776,3.224,13,3.5,13h9c0.276,0,0.5-0.224,0.5-0.5V3.5z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M15.585,14.188l0.79,1.375c0,0-1.719,1.312-4.373,1.312s-4.377-1.312-4.377-1.312l0.794-1.375c0.014,0.008,1.518,0.938,3.583,0.938S15.571,14.196,15.585,14.188zM21,6v12c0,1.657-1.343,3-3,3H6c-1.657,0-3-1.343-3-3V6c0-1.657,1.343-3,3-3h12C19.657,3,21,4.343,21,6zM19,5.75C19,5.336,18.664,5,18.25,5H5.75C5.336,5,5,5.336,5,5.75v12.5C5,18.664,5.336,19,5.75,19h12.5c0.414,0,0.75-0.336,0.75-0.75V5.75zM9,11.5c0.828,0,1.5-0.672,1.5-1.5S9.828,8.5,9,8.5S7.5,9.172,7.5,10S8.172,11.5,9,11.5zM15,8.5c-0.828,0-1.5,0.672-1.5,1.5s0.672,1.5,1.5,1.5s1.5-0.672,1.5-1.5S15.828,8.5,15,8.5z"/> </svg> </svg> <svg x="0" y="0" id="sticky-note-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M2,3v10c0,0.552,0.448,1,1,1h7.125L14,10.104V3c0-0.552-0.448-1-1-1H3C2.448,2,2,2.448,2,3zM4,4h8v5H9v3H4V4z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M3,5v14c0,1.105,0.895,2,2,2h10.125L21,15.125V5c0-1.105-0.895-2-2-2H5C3.895,3,3,3.895,3,5zM5,5h14v9h-5v5H5V5z"/> </svg> </svg> <svg x="0" y="0" id="success-pebble-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M9.95,5.033l1.2,0.859l-3.375,4.775C7.625,10.875,7.386,10.999,7.13,11c-0.002,0-0.003,0-0.005,0c-0.254,0-0.493-0.12-0.644-0.325L4.556,8.15l1.187-0.875l1.372,1.766L9.95,5.033zM15,8c0,3.866-3.134,7-7,7s-7-3.134-7-7c0-3.866,3.134-7,7-7S15,4.134,15,8zM13.23,8c0-2.884-2.346-5.23-5.23-5.23S2.77,5.116,2.77,8c0,2.884,2.346,5.23,5.23,5.23S13.23,10.884,13.23,8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M15.667,8L17,9.042l-5.316,7.36c-0.297,0.395-0.739,0.594-1.184,0.599c-0.455,0.005-0.911-0.195-1.215-0.599l-2.441-3.456l1.416-1.028l2.227,3.167L15.667,8zM22,12c0,5.523-4.477,10-10,10C6.477,22,2,17.523,2,12C2,6.477,6.477,2,12,2C17.523,2,22,6.477,22,12zM20.23,12c0-4.538-3.692-8.23-8.23-8.23S3.77,7.462,3.77,12s3.692,8.23,8.23,8.23S20.23,16.538,20.23,12z"/> </svg> </svg> <svg x="0" y="0" id="tag-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M13,2H8L1.293,8.707C1.098,8.902,1,9.158,1,9.413c0,0.256,0.097,0.512,0.293,0.708l4.586,4.586C6.074,14.902,6.33,15,6.586,15c0.256,0,0.512-0.098,0.707-0.293L14,8V3C14,2.448,13.552,2,13,2zM12,7.555l-5.477,5.414L3.031,9.477L8.445,4H12V7.555zM8.665,6c0-0.737,0.598-1.335,1.335-1.335S11.335,5.263,11.335,6S10.737,7.335,10,7.335S8.665,6.737,8.665,6z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M19,3h-7l-9.414,9.414C2.195,12.805,2,13.316,2,13.828c0,0.512,0.195,1.024,0.586,1.415l6.172,6.172C9.144,21.801,9.65,21.996,10.156,22c0.005,0,0.01,0,0.015,0c0.512,0,1.024-0.195,1.414-0.586L21,12V5C21,3.896,20.105,3,19,3zM19,11.328l-8.73,8.895c-0.044,0.044-0.098,0.067-0.162,0.067c-0.062,0-0.115-0.023-0.159-0.067l-6.172-6.172c-0.044-0.044-0.066-0.098-0.066-0.16c0-0.062,0.022-0.116,0.067-0.161L12.445,5H19V11.328zM15,7.5C15,6.672,15.672,6,16.5,6C17.328,6,18,6.672,18,7.5S17.328,9,16.5,9C15.672,9,15,8.328,15,7.5z"/> </svg> </svg> <svg x="0" y="0" id="to-end-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M12,1v5.109L3,0.875v14.25l9-5.199V15h2V1H12zM5,12V4l6.746,4L5,12z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M19,2v8.09L4,1.875v20.25l15-8.22V22h2V2H19zM6,18.873V5.126l12.506,6.872L6,18.873z"/> </svg> </svg> <svg x="0" y="0" id="to-start-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M3,1v14h2V9.926l9,5.199V0.875L5,6.109V1H3zM5.254,8L12,4v8L5.254,8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M4,2v20h2v-8.095l15,8.22V1.875L6,10.09V2H4zM6.494,11.997L19,5.126v13.748L6.494,11.997z"/> </svg> </svg> <svg x="0" y="0" id="trash-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M13.357,1.972c-0.777-0.287-1.565-0.5-2.357-0.66V1c0-0.552-0.448-1-1-1H6C5.448,0,5,0.448,5,1v0.312c-0.792,0.16-1.58,0.373-2.357,0.66C2.254,2.116,2,2.499,2,2.914V7h1v6.5C3,14.328,3.672,15,4.5,15h7c0.828,0,1.5-0.672,1.5-1.5V7h1V2.914C14,2.499,13.746,2.116,13.357,1.972zM4,3.496c1.313-0.412,2.655-0.558,4-0.558c1.345,0,2.688,0.146,4,0.558V5H4V3.496zM11,13H5V7h6V13z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M18.864,2.866L18.864,2.866C17.589,2.547,16.298,2.329,15,2.191V2c0-0.552-0.448-1-1-1h-4C9.448,1,9,1.448,9,2v0.191C7.702,2.329,6.41,2.547,5.136,2.866C4.468,3.033,4,3.633,4,4.321V9h1v11.5C5,21.328,5.672,22,6.5,22h11c0.828,0,1.5-0.672,1.5-1.5V9h1V4.321C20,3.633,19.532,3.033,18.864,2.866zM6,4.652c1.965-0.46,3.982-0.714,6-0.714c2.012,0.001,4.041,0.255,6,0.714V7H6V4.652zM17,20H7V9h10V20z"/> </svg> </svg> <svg x="0" y="0" id="unblock-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M8,1C4.134,1,1,4.134,1,8c0,3.866,3.134,7,7,7c3.866,0,7-3.134,7-7C15,4.134,11.866,1,8,1zM8,13.23c-1.123,0-2.158-0.363-3.011-0.967L7.5,9.752L6.248,8.5l-2.511,2.511C3.133,10.158,2.77,9.123,2.77,8c0-2.884,2.346-5.23,5.23-5.23c1.123,0,2.158,0.363,3.011,0.967L8.5,6.248L9.752,7.5l2.511-2.511C12.867,5.842,13.23,6.877,13.23,8C13.23,10.884,10.884,13.23,8,13.23z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2zM12,20.23c-1.951,0-3.742-0.685-5.154-1.824L11,14.252L9.748,13l-4.155,4.155C4.455,15.742,3.77,13.951,3.77,12c0-4.538,3.692-8.23,8.23-8.23c1.951,0,3.742,0.685,5.154,1.824L13,9.748L14.252,11l4.155-4.155C19.545,8.258,20.23,10.049,20.23,12C20.23,16.538,16.538,20.23,12,20.23z"/> </svg> </svg> <svg x="0" y="0" id="unlock-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M7,7V5V3.75c0-0.551,0.449-1,1-1s1,0.449,1,1V5h2V4c0-1.657-1.343-3-3-3S5,2.343,5,4v3H4C3.448,7,3,7.448,3,8v6c0,0.552,0.448,1,1,1h8c0.552,0,1-0.448,1-1V8c0-0.552-0.448-1-1-1H7zM11,13H5V9h6V13z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M18,10h-8V5.875c0-1.103,0.897-2,2-2s2,0.897,2,2V8h2V6c0-2.209-1.791-4-4-4S8,3.791,8,6v4H6c-1.105,0-2,0.895-2,2v8c0,1.105,0.895,2,2,2h12c1.105,0,2-0.895,2-2v-8C20,10.895,19.105,10,18,10zM18,20H6v-8h12V20zM11,17.125v-2.25c0-0.552,0.448-1,1-1c0.552,0,1,0.448,1,1v2.25c0,0.552-0.448,1-1,1C11.448,18.125,11,17.677,11,17.125z"/> </svg> </svg> <svg x="0" y="0" id="upload-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M2,6V3c0-0.552,0.448-1,1-1h10c0.552,0,1,0.448,1,1v3h-2V4H4v2H2zM8,6C7.514,6,7.028,6.185,6.657,6.557L4,9.213l1.145,1.145L7,8.481V15h2V8.481l1.855,1.877L12,9.214L9.344,6.557C8.973,6.186,8.487,6,8,6z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M13.344,8.56L18,13.216l-1.237,1.237L13,10.681V22h-2V10.682l-3.762,3.772L6,13.217l4.657-4.657C11.028,8.189,11.514,8,12,8S12.973,8.189,13.344,8.56zM19,3H5C3.895,3,3,3.895,3,5v4h2V5h14v4h2V5C21,3.895,20.105,3,19,3z"/> </svg> </svg> <svg x="0" y="0" id="volume-max-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M2,5C1.448,5,1,5.448,1,6v4c0,0.552,0.448,1,1,1h2.5L9,14.125V1.875L4.5,5H2zM7,5.295v5.411L4.54,9H3V7h1.54L7,5.295zM12,8c0,1.105-0.448,2.105-1.172,2.828L9.884,9.884C10.318,9.449,10.65,8.662,10.65,8c0-0.662-0.332-1.449-0.766-1.884l0.945-0.945C11.552,5.895,12,6.895,12,8zM15,8c0,1.933-0.783,3.683-2.05,4.95l-1.133-1.133C12.794,10.839,13.4,9.489,13.4,8s-0.605-2.839-1.583-3.817L12.95,3.05C14.217,4.317,15,6.067,15,8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M4,8c-1.104,0-2,0.895-2,2v4c0,1.105,0.896,2,2,2h3.25L14,21.096V2.904L7.25,8H4zM12,6.582v10.836L7.45,14H4v-4h3.45L12,6.582zM23,12c0,2.761-1.119,5.19-2.929,7l-1.134-1.134C20.458,16.345,21.4,14.316,21.4,12s-0.942-4.345-2.463-5.866L20.071,5C21.881,6.81,23,9.239,23,12zM19,12c0,1.657-0.672,3.086-1.757,4.172L16.11,15.11c0.797-0.797,1.29-1.897,1.29-3.11s-0.493-2.242-1.29-3.039l1.133-1.133C18.328,8.914,19,10.343,19,12z"/> </svg> </svg> <svg x="0" y="0" id="volume-med-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M2,5C1.448,5,1,5.448,1,6v4c0,0.552,0.469,0.995,1,0.995h2.5l4.5,3.13V1.875L4.5,5H2zM7,5.295v5.411L4.54,9H3V7h1.54L7,5.295zM12,8c0,1.105-0.448,2.105-1.172,2.828L9.884,9.884C10.318,9.449,10.65,8.662,10.65,8c0-0.662-0.332-1.449-0.766-1.884l0.945-0.945C11.552,5.895,12,6.895,12,8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M4,8c-1.104,0-2,0.895-2,2v4c0,1.105,0.896,2,2,2h3.25L14,21.096V2.904L7.25,8H4zM12,6.582v10.836L7.45,14H4v-4h3.45L12,6.582zM19,12c0,1.657-0.672,3.086-1.757,4.172L16.11,15.11c0.797-0.797,1.29-1.897,1.29-3.11s-0.493-2.242-1.29-3.039l1.133-1.133C18.328,8.914,19,10.343,19,12z"/> </svg> </svg> <svg x="0" y="0" id="volume-min-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M4.5,5H2C1.448,5,1,5.448,1,6v4c0,0.552,0.448,1,1,1h2.5L9,14.125V1.875L4.5,5zM4.54,9H3V7h1.54L7,5.295v5.411L4.54,9z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M7.25,8H4c-1.104,0-2,0.895-2,2v4c0,1.105,0.896,2,2,2h3.25L14,21.096V2.904L7.25,8zM12,17.418L7.45,14H4v-4h3.45L12,6.582V17.418z"/> </svg> </svg> <svg x="0" y="0" id="yield-pebble-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <svg class="small-icon" style="fill-opacity: 1;"> <path d="M7,10h2v2H7V10zM7,9h2V4H7V9zM15,8c0,3.866-3.134,7-7,7c-3.866,0-7-3.134-7-7c0-3.866,3.134-7,7-7C11.866,1,15,4.134,15,8zM13.23,8c0-2.884-2.346-5.23-5.23-5.23C5.116,2.77,2.77,5.116,2.77,8c0,2.884,2.346,5.23,5.23,5.23C10.884,13.23,13.23,10.884,13.23,8z"/> </svg> <svg class="large-icon" style="fill: currentColor;"> <path d="M11,16h2v2h-2V16zM22,12c0,5.523-4.477,10-10,10C6.477,22,2,17.523,2,12C2,6.477,6.477,2,12,2C17.523,2,22,6.477,22,12zM20.23,12c0-4.538-3.692-8.23-8.23-8.23c-4.538,0-8.23,3.692-8.23,8.23s3.692,8.23,8.23,8.23C16.538,20.23,20.23,16.538,20.23,12zM11,14h2V6h-2V14z"/> </svg> </svg> </defs> <defs> <svg id="loader" x="50%" y="50%" width="60px" height="60px"> <g class="large-icon" style="fill: currentColor;"> <path opacity="1" d="M30.1,16.1L30.1,16.1c-0.6,0-1-0.5-1-1V1c0-0.6,0.5-1,1-1l0,0c0.6,0,1,0.5,1,1v14.1C31.1,15.7,30.6,16.1,30.1,16.1z"/> <path opacity="0.85" d="M23.1,18.1L23.1,18.1c-0.5,0.3-1.1,0.1-1.4-0.4L14.5,5.6c-0.3-0.5-0.2-1.1,0.4-1.4l0,0C15.4,3.9,16,4,16.3,4.6l7.2,12.1C23.8,17.2,23.6,17.8,23.1,18.1z"/> <path opacity="0.77" d="M17.9,23.1L17.9,23.1c-0.3,0.5-0.9,0.7-1.4,0.4l-12.2-7c-0.5-0.3-0.7-0.9-0.4-1.4l0,0c0.3-0.5,0.9-0.7,1.4-0.4l12.2,7C18,22,18.2,22.7,17.9,23.1z"/> <path opacity="0.69" d="M16.1,30.1L16.1,30.1c0,0.6-0.5,1-1,1L1,31.2c-0.6,0-1-0.5-1-1l0,0c0-0.6,0.5-1,1-1l14.1-0.1C15.7,29.1,16.1,29.5,16.1,30.1z"/> <path opacity="0.61" d="M18,36.9L18,36.9c0.3,0.5,0.2,1.1-0.4,1.4L5.5,45.6c-0.5,0.3-1.1,0.2-1.4-0.4l0,0c-0.3-0.5-0.2-1.1,0.4-1.4l12.1-7.3C17.1,36.2,17.7,36.4,18,36.9z"/> <path opacity="0.53" d="M23.3,42.1L23.3,42.1c0.5,0.3,0.6,0.9,0.4,1.4l-7.3,12.1c-0.3,0.5-0.9,0.6-1.4,0.4l0,0c-0.5-0.3-0.6-0.9-0.4-1.4l7.3-12.1C22.1,41.9,22.8,41.8,23.3,42.1z"/> <path opacity="0.45" d="M30.1,43.9L30.1,43.9c0.6,0,1,0.5,1,1V59c0,0.6-0.5,1-1,1l0,0c-0.6,0-1-0.5-1-1V44.9C29,44.4,29.5,43.9,30.1,43.9z"/> <path opacity="0.37" d="M37,41.9L37,41.9c0.5-0.3,1.1-0.2,1.4,0.4l7.2,12.1c0.3,0.5,0.2,1.1-0.4,1.4l0,0c-0.5,0.3-1.1,0.2-1.4-0.4l-7.2-12.1C36.4,42.8,36.6,42.2,37,41.9z"/> <path opacity="0.29" d="M42.2,36.8L42.2,36.8c0.3-0.5,0.9-0.7,1.4-0.4l12.2,7c0.5,0.3,0.7,0.9,0.4,1.4l0,0c-0.3,0.5-0.9,0.7-1.4,0.4l-12.2-7C42.1,38,41.9,37.4,42.2,36.8z"/> <path opacity="0.21 " d="M44,29.9L44,29.9c0-0.6,0.5-1,1-1h14.1c0.6,0,1,0.5,1,1l0,0c0,0.6-0.5,1-1,1L45,31C44.4,31,44,30.5,44,29.9z"/> <path opacity="0.13" d="M42.1,23.1L42.1,23.1c-0.3-0.5-0.2-1.1,0.4-1.4l12.1-7.3c0.5-0.3,1.1-0.2,1.4,0.4l0,0c0.3,0.4,0.1,1.1-0.4,1.3l-12.1,7.3C43.1,23.7,42.4,23.6,42.1,23.1z"/> <path opacity="0.05" d="M36.9,17.9L36.9,17.9c-0.5-0.3-0.6-0.9-0.4-1.4l7.3-12.1c0.3-0.5,0.9-0.6,1.4-0.4l0,0c0.5,0.3,0.6,0.9,0.4,1.4l-7.4,12.2C38,18.1,37.3,18.2,36.9,17.9z"/> </g> <g class="small-icon" style="fill-opacity: 1;-webkit-transform: translate(15px, 15px) scale(.5);transform: translate(15px, 15px) scale(.5);"> <path opacity="1" d="M30.1,16.1L30.1,16.1c-0.6,0-1-0.5-1-1V1c0-0.6,0.5-1,1-1l0,0c0.6,0,1,0.5,1,1v14.1C31.1,15.7,30.6,16.1,30.1,16.1z"/> <path opacity="0.85" d="M23.1,18.1L23.1,18.1c-0.5,0.3-1.1,0.1-1.4-0.4L14.5,5.6c-0.3-0.5-0.2-1.1,0.4-1.4l0,0C15.4,3.9,16,4,16.3,4.6l7.2,12.1C23.8,17.2,23.6,17.8,23.1,18.1z"/> <path opacity="0.77" d="M17.9,23.1L17.9,23.1c-0.3,0.5-0.9,0.7-1.4,0.4l-12.2-7c-0.5-0.3-0.7-0.9-0.4-1.4l0,0c0.3-0.5,0.9-0.7,1.4-0.4l12.2,7C18,22,18.2,22.7,17.9,23.1z"/> <path opacity="0.69" d="M16.1,30.1L16.1,30.1c0,0.6-0.5,1-1,1L1,31.2c-0.6,0-1-0.5-1-1l0,0c0-0.6,0.5-1,1-1l14.1-0.1C15.7,29.1,16.1,29.5,16.1,30.1z"/> <path opacity="0.61" d="M18,36.9L18,36.9c0.3,0.5,0.2,1.1-0.4,1.4L5.5,45.6c-0.5,0.3-1.1,0.2-1.4-0.4l0,0c-0.3-0.5-0.2-1.1,0.4-1.4l12.1-7.3C17.1,36.2,17.7,36.4,18,36.9z"/> <path opacity="0.53" d="M23.3,42.1L23.3,42.1c0.5,0.3,0.6,0.9,0.4,1.4l-7.3,12.1c-0.3,0.5-0.9,0.6-1.4,0.4l0,0c-0.5-0.3-0.6-0.9-0.4-1.4l7.3-12.1C22.1,41.9,22.8,41.8,23.3,42.1z"/> <path opacity="0.45" d="M30.1,43.9L30.1,43.9c0.6,0,1,0.5,1,1V59c0,0.6-0.5,1-1,1l0,0c-0.6,0-1-0.5-1-1V44.9C29,44.4,29.5,43.9,30.1,43.9z"/> <path opacity="0.37" d="M37,41.9L37,41.9c0.5-0.3,1.1-0.2,1.4,0.4l7.2,12.1c0.3,0.5,0.2,1.1-0.4,1.4l0,0c-0.5,0.3-1.1,0.2-1.4-0.4l-7.2-12.1C36.4,42.8,36.6,42.2,37,41.9z"/> <path opacity="0.29" d="M42.2,36.8L42.2,36.8c0.3-0.5,0.9-0.7,1.4-0.4l12.2,7c0.5,0.3,0.7,0.9,0.4,1.4l0,0c-0.3,0.5-0.9,0.7-1.4,0.4l-12.2-7C42.1,38,41.9,37.4,42.2,36.8z"/> <path opacity="0.21" d="M44,29.9L44,29.9c0-0.6,0.5-1,1-1h14.1c0.6,0,1,0.5,1,1l0,0c0,0.6-0.5,1-1,1L45,31C44.4,31,44,30.5,44,29.9z"/> <path opacity="0.13" d="M42.1,23.1L42.1,23.1c-0.3-0.5-0.2-1.1,0.4-1.4l12.1-7.3c0.5-0.3,1.1-0.2,1.4,0.4l0,0c0.3,0.4,0.1,1.1-0.4,1.3l-12.1,7.3C43.1,23.7,42.4,23.6,42.1,23.1z"/> <path opacity="0.05" d="M36.9,17.9L36.9,17.9c-0.5-0.3-0.6-0.9-0.4-1.4l7.3-12.1c0.3-0.5,0.9-0.6,1.4-0.4l0,0c0.5,0.3,0.6,0.9,0.4,1.4l-7.4,12.2C38,18.1,37.3,18.2,36.9,17.9z"/> </g> </svg> <svg x="0" y="0" id="nav-feed-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 32 32" width="32px" height="32px"> <g class="inactive-item" style="fill: currentColor;"> <path d="M24,19h-9v-2h9V19z M28,7v18c0,1.105-0.895,2-2,2H6c-1.105,0-2-0.895-2-2V7c0-1.105,0.895-2,2-2h20C27.105,5,28,5.895,28,7 z M26,15H13.95c0.024,0.165,0.05,0.329,0.05,0.5c0,1.933-1.567,3.5-3.5,3.5S7,17.433,7,15.5c0-0.171,0.027-0.335,0.05-0.5H6v10h20 V15z M10.5,17.4c1.048,0,1.9-0.852,1.9-1.9s-0.852-1.9-1.9-1.9s-1.9,0.852-1.9,1.9S9.452,17.4,10.5,17.4z M26,7H6v6h2.056 c0.631-0.617,1.492-1,2.444-1s1.813,0.383,2.444,1H26V7z M22,21h-7v2h7V21z"></path> </g> <g class="active-item" style="fill-opacity: 1;"> <path d="M26,5H6C4.895,5,4,5.895,4,7v18c0,1.105,0.895,2,2,2h20c1.105,0,2-0.895,2-2V7C28,5.895,27.105,5,26,5z M10.5,17.4 c-1.048,0-1.9-0.852-1.9-1.9s0.852-1.9,1.9-1.9s1.9,0.852,1.9,1.9S11.548,17.4,10.5,17.4z M22,23h-7v-2h7V23z M24,19h-9v-2h9V19z M26,14H13.65c-0.563-1.179-1.756-2-3.15-2s-2.587,0.821-3.15,2H6V7h20V14z"></path> </g> </svg> <svg x="0" y="0" id="nav-home-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 32 32" width="32px" height="32px"> <g class="inactive-item" style="fill: currentColor;"> <path d="M28.999,12.667L16.882,4.281C16.621,4.094,16.314,4,16.008,4c-0.306,0-0.612,0.094-0.873,0.281L3.009,12.667L4,14.109 l2-1.366V25c0,1.105,0.895,2,2,2h7v-6h2v6h7c1.105,0,2-0.895,2-2V12.735l2.008,1.372L28.999,12.667z M24,25h-5v-4 c0-1.105-0.895-2-2-2h-2c-1.105,0-2,0.895-2,2v4H8V11.356l8.008-5.552L24,11.348V25z"/> </g> <g class="active-item" style="fill-opacity: 1;"> <path d="M28.999,12.667L16.882,4.281C16.621,4.094,16.314,4,16.008,4c-0.306,0-0.612,0.094-0.873,0.281L3.009,12.667L4,14.109 l2-1.366V25c0,1.105,0.895,2,2,2h6v-6h4v6h6c1.105,0,2-0.895,2-2V12.735l2.008,1.372L28.999,12.667z"/> </g> </svg> <svg x="0" y="0" id="nav-app-switcher-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 32 32" width="32px" height="32px"> <g class="inactive-item" style="fill: currentColor;"> <g> <rect x="6" y="6" width="4" height="4"/> <rect x="14" y="6" width="4" height="4"/> <rect x="22" y="6" width="4" height="4"/> <rect x="6" y="14" width="4" height="4"/> <rect x="14" y="14" width="4" height="4"/> <rect x="22" y="14" width="4" height="4"/> <rect x="6" y="22" width="4" height="4"/> <rect x="14" y="22" width="4" height="4"/> <rect x="22" y="22" width="4" height="4"/> </g> </g> <g class="active-item" style="fill-opacity: 1;"> <g> <rect x="5" y="5" width="6" height="6"/> <rect x="13" y="5" width="6" height="6"/> <rect x="21" y="5" width="6" height="6"/> <rect x="5" y="13" width="6" height="6"/> <rect x="13" y="13" width="6" height="6"/> <rect x="21" y="13" width="6" height="6"/> <rect x="5" y="21" width="6" height="6"/> <rect x="13" y="21" width="6" height="6"/> <rect x="21" y="21" width="6" height="6"/> </g> </g> </svg> <svg x="0" y="0" id="nav-overflow-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 32 32" width="32px" height="32px"> <g class="inactive-item" style="fill: currentColor;"> <g> <rect x="14" y="6" width="4" height="4"/> <rect x="14" y="14" width="4" height="4"/> <rect x="14" y="22" width="4" height="4"/> </g> </g> <g class="active-item" style="fill-opacity: 1;"> <g> <rect x="13" y="5" width="6" height="6"/> <rect x="13" y="13" width="6" height="6"/> <rect x="13" y="21" width="6" height="6"/> </g> </g> </svg> <svg x="0" y="0" id="nav-me-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 32 32" width="32px" height="32px"> <g class="inactive-item" style="fill: currentColor;"> <path d="M16,4C9.373,4,4,9.373,4,16c0,6.627,5.373,12,12,12s12-5.373,12-12C28,9.373,22.627,4,16,4z M16,5.75 c5.652,0,10.25,4.598,10.25,10.25c0,2.251-0.738,4.328-1.973,6.02c-0.601-0.994-1.541-1.775-2.696-2.16l-2.852-0.951 C19.507,18.18,20,17.15,20,16v-2.828c0-2.089-1.527-3.955-3.607-4.153C14.007,8.791,12,10.661,12,13v3 c0,1.151,0.492,2.18,1.27,2.91l-2.851,0.95c-1.156,0.385-2.096,1.166-2.696,2.16C6.488,20.328,5.75,18.251,5.75,16 C5.75,10.348,10.348,5.75,16,5.75z M18,12.875v3.25c0,1.103-0.897,2-2,2s-2-0.897-2-2v-3.25c0-1.103,0.897-2,2-2 S18,11.772,18,12.875z M9.052,23.514c0.171-0.871,0.792-1.603,1.658-1.892L16,19.858l5.291,1.764 c0.865,0.288,1.487,1.021,1.658,1.892C21.12,25.206,18.682,26.25,16,26.25S10.88,25.206,9.052,23.514z"></path> </g> <g class="active-item" style="fill-opacity: 1;"> <path d="M16,4C9.373,4,4,9.373,4,16c0,6.627,5.373,12,12,12s12-5.373,12-12C28,9.373,22.627,4,16,4z M16,26.125 c-3.074,0-5.826-1.381-7.685-3.551c0.389-0.879,1.123-1.583,2.078-1.901l4.644-1.595C13.856,18.675,13,17.568,13,16.25v-3.5 c0-1.657,1.343-3,3-3s3,1.343,3,3v3.5c0,1.318-0.856,2.425-2.038,2.828l4.644,1.595c0.955,0.318,1.689,1.022,2.078,1.901 C21.826,24.744,19.074,26.125,16,26.125z"></path> </g> </svg> <svg x="0" y="0" id="nav-messaging-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 32 32" width="32px" height="32px"> <g class="inactive-item" style="fill: currentColor;"> <path d="M26,12h-3V7c0-1.105-0.895-2-2-2H6C4.895,5,4,5.895,4,7v9c0,1.105,0.895,2,2,2h4v5c0,1.105,0.895,2,2,2h8v4l6.59-4.119 c0.877-0.548,1.41-1.51,1.41-2.544V14C28,12.895,27.105,12,26,12z M10,14v2H6V7h15v5h-9C10.895,12,10,12.895,10,14z M26,22.587 c0,0.347-0.176,0.664-0.47,0.848L22,25.641V23H12v-9h14V22.587z"></path> </g> <g class="active-item" style="fill-opacity: 1;"> <path d="M28,14v8.337c0,1.034-0.533,1.996-1.41,2.544L20,29v-4h-8c-1.105,0-2-0.895-2-2v-9c0-1.105,0.895-2,2-2h14 C27.105,12,28,12.895,28,14z M23,7c0-1.105-0.895-2-2-2H6C4.895,5,4,5.895,4,7v9c0,1.105,0.895,2,2,2h2v-6c0-1.105,0.895-2,2-2h13 V7z"></path> </g> </svg> <svg x="0" y="0" id="nav-people-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 32 32" width="32px" height="32px"> <g class="inactive-item" style="fill: currentColor;"> <path d="M27.978,17.482l-2.087-0.726C26.576,16.038,27,15.07,27,14v-2c0-2.209-1.791-4-4-4s-4,1.791-4,4l0,0v2 c0,1.07,0.424,2.038,1.109,2.756l-1.751,0.609c-0.346,0.12-0.662,0.289-0.963,0.478c-0.066-0.024-0.126-0.057-0.193-0.08 l-2.87-0.932C15.352,15.966,16,14.657,16,13l0-3c0-2.761-2.239-5-5-5h0c-2.761,0-5,2.239-5,5v3c0,1.523,0.683,2.885,1.758,3.803 l-2.959,0.961C2.53,18.524,1,20.412,1,22.819L1,27h20v-2h10v-3.268C31,19.816,29.788,18.111,27.978,17.482z M25,11.875v2.25 c0,1.103-0.897,2-2,2c-1.103,0-2-0.897-2-2v-2.25c0-1.103,0.897-2,2-2C24.103,9.875,25,10.772,25,11.875z M8,9.875 c0-1.654,1.346-3,3-3c1.654,0,3,1.346,3,3v3.25c0,1.654-1.346,3-3,3c-1.654,0-3-1.346-3-3V9.875z M19,25H3v-2.306 c0-1.467,0.91-2.649,2.416-3.154L11,17.728l5.565,1.806C18.09,20.046,19,21.227,19,22.694V25z M29,23h-8v-0.181 c0-1.532-0.623-2.85-1.659-3.804L23,17.742l4.321,1.503C28.326,19.595,29,20.543,29,21.607V23z"></path> </g> <g class="active-item" style="fill-opacity: 1;"> <path d="M31,22.453v2.522h-9v-1.808c0-2.125-0.67-3.516-2.377-4.799l2.293-0.75C20.78,17.04,20,15.862,20,14.5v-3 C20,9.567,21.567,8,23.5,8S27,9.567,27,11.5v3c0,1.362-0.78,2.54-1.916,3.118l3.159,1.033C29.888,19.189,31,20.723,31,22.453z M16.554,19.005l-4.243-1.388C13.894,16.92,15,15.34,15,13.5v-4C15,7.015,12.985,5,10.5,5C8.015,5,6,7.015,6,9.5v4 c0,1.84,1.106,3.42,2.688,4.117l-4.243,1.388C2.39,19.677,1,21.595,1,23.757V27h19v-3.243C20,21.595,18.61,19.677,16.554,19.005z"></path> </g> </svg> <svg x="0" y="0" id="nav-search-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 32 32" width="32px" height="32px"> <g class="inactive-item" style="fill: currentColor;"> <path d="M27,25.674l-6.867-6.867C21.299,17.352,22,15.509,22,13.5C22,8.806,18.194,5,13.5,5C8.806,5,5,8.806,5,13.5 c0,4.694,3.806,8.5,8.5,8.5c2.009,0,3.852-0.701,5.307-1.867L25.674,27L27,25.674z M13.5,20.125c-3.653,0-6.625-2.972-6.625-6.625 c0-3.653,2.972-6.625,6.625-6.625c3.653,0,6.625,2.972,6.625,6.625C20.125,17.153,17.153,20.125,13.5,20.125z"></path> </g> <g class="active-item" style="fill-opacity: 1;"> <path d="M28,26l-6.707-6.74C22.362,17.779,23,15.966,23,14c0-4.971-4.029-9-9-9c-4.971,0-9,4.029-9,9s4.029,9,9,9 c1.966,0,3.779-0.638,5.26-1.707L26,28L28,26z M7.875,14c0-3.377,2.748-6.125,6.125-6.125c3.377,0,6.125,2.748,6.125,6.125 c0,3.377-2.748,6.125-6.125,6.125C10.623,20.125,7.875,17.377,7.875,14z"></path> </g> </svg> <defs id="social-icons"> <svg x="0" y="0" id="aol-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="aol_x5F_solid" style="fill: currentColor;"> <path d="M13,5.5C13,3.6,14.6,2,16.5,2S20,3.6,20,5.5C20,7.4,18.4,9,16.5,9S13,7.4,13,5.5z M15.5,14c2.6,0,4.5-1.1,4.5-1.1l-1.1-2.6 c0,0-0.8,0.5-2.5,0.5c-3.3,0-4.8-2.8-4.8-2.8c-1.8,0.9-3.1,3.3-3.9,5.6c-0.9,3-2.5,4.3-5.8,4.5L3.2,22c3.5-0.3,5.6-1.2,7.5-3.5 c2,1.2,3.4,3.2,4.4,5.5l3.9-1.6c-0.9-3.3-3.2-6.5-5.9-8.2l0.2-0.5C14,13.8,14.8,14,15.5,14z"/> </g> <g id="aol_x5F_color"> <g> <g> <g> <path fill="#FFF900" d="M15.4,23.4c-1.1-2.5-2.6-4.3-4.4-5.3l-0.3-0.2l-0.2,0.3c-1.7,2.1-3.7,3-6.9,3.3l-1-3 c2.9-0.3,4.5-1.7,5.6-4.7c1.5-4.1,2.8-5.4,5.7-5.8c0.3,0,0.6-0.1,0.9-0.1c0.8,0,1.2,0.2,1.2,0.3c0,0,0,0.1-0.2,0.3 c-0.4,0.4-0.5,1-0.3,1.4c0.2,0.4,0.5,0.6,0.9,0.6c0.6,0,1.3-0.2,1.8-0.4l1.3,2.7c-0.7,0.2-2.1,0.7-3.9,0.7c-0.6,0-1.4-0.1-2-0.3 l-0.4-0.1l-0.6,1.2l0.3,0.2c2.4,1.6,4.6,4.5,5.6,7.6L15.4,23.4z"/> <g> <path d="M14.7,8.3L14.7,8.3c0.2,0,0.4,0,0.6,0c-0.4,0.5-0.5,1.2-0.2,1.8c0.2,0.5,0.7,0.9,1.3,0.9c0.5,0,1.1-0.1,1.5-0.3 l0.9,1.9c-0.7,0.2-1.9,0.5-3.3,0.5c-0.5,0-1.3-0.1-1.8-0.3l-0.7-0.3l-0.4,0.7l-0.2,0.5L12,14.4l0.7,0.4c2.3,1.5,4.3,4.1,5.3,7 l-2.4,1c-1.1-2.4-2.6-4.1-4.4-5.1l-0.6-0.4l-0.5,0.6c-1.6,1.9-3.3,2.8-6.2,3.1l-0.7-2.2c2.7-0.4,4.3-1.9,5.4-5 c1.4-3.9,2.6-5.1,5.3-5.5C14.2,8.3,14.5,8.3,14.7,8.3 M14.7,7.4c-0.3,0-0.6,0-0.9,0.1c-3.2,0.5-4.6,2-6,6.1 c-1.1,2.9-2.5,4.3-5.8,4.5L3.2,22c3.5-0.3,5.6-1.2,7.5-3.5c2,1.2,3.4,3.2,4.4,5.5l3.9-1.6c-0.9-3.3-3.2-6.5-5.9-8.2l0.2-0.5 c0.6,0.2,1.4,0.4,2.1,0.4c0,0,0,0,0,0c2.6,0,4.5-0.9,4.5-0.9l-1.6-3.5c0,0-1.2,0.5-2,0.5c-0.6,0-0.7-0.9-0.3-1.3 C16.9,8,16.2,7.4,14.7,7.4L14.7,7.4z"/> </g> </g> <g> <path fill="#FFF900" d="M16.5,8.6c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S18.2,8.6,16.5,8.6z"/> <path d="M16.5,2.9c1.4,0,2.6,1.2,2.6,2.6s-1.2,2.6-2.6,2.6s-2.6-1.2-2.6-2.6S15.1,2.9,16.5,2.9 M16.5,2C14.6,2,13,3.6,13,5.5 S14.6,9,16.5,9S20,7.4,20,5.5S18.4,2,16.5,2L16.5,2z"/> </g> </g> </g> </g> </svg> <svg x="0" y="0" id="facebook-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="facebook_x5F_solid" style="fill: currentColor;"> <path d="M20,2H4C2.9,2,2,2.9,2,4v16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M19.2,10l-0.6,3H16v6h-3v-6h-2v-3h2 V8.5C13,6.4,13.6,5,16.6,5H19v3h-2.3C16.2,8,16,8.2,16,8.7V10H19.2z"/> </g> <g id="facebook_x5F_color"> <g> <rect x="3" y="3" fill="#FFFFFF" width="18" height="18"/> <g> <path fill="#425597" d="M20,2H4C2.9,2,2,2.9,2,4v16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M19.2,10l-0.6,3 H16v6h-3v-6h-2v-3h2V8.5C13,6.4,13.6,5,16.6,5H19v3h-2.3C16.2,8,16,8.2,16,8.7V10H19.2z"/> </g> </g> </g> </svg> <svg x="0" y="0" id="flickr-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="flickr_x5F_solid" style="fill: currentColor;"> <path d="M20,2H4C2.9,2,2,2.9,2,4v16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M8,15.1c-1.7,0-3.1-1.4-3.1-3.1 S6.3,8.9,8,8.9s3.1,1.4,3.1,3.1S9.7,15.1,8,15.1z M16,15.1c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1 S17.7,15.1,16,15.1z"/> </g> <g id="flickr_x5F_color"> <g> <path fill="#E6E9EC" d="M20,2H4C2.9,2,2,2.9,2,4v16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z"/> <circle fill="#FF0083" cx="16" cy="12" r="3"/> <circle fill="#1D75CE" cx="8" cy="12" r="3"/> </g> </g> </svg> <svg x="0" y="0" id="googleplus-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="googleplus_x5F_solid" style="fill: currentColor;"> <path d="M10.8,14.2c0,0,1.2,0.5,1.2,2c0,0.9-0.8,1.7-2.4,1.7C7.9,17.9,7,17,7,15.9c0-1,1.1-1.8,2.9-1.8 C10.3,14.1,10.8,14.2,10.8,14.2z M22,4v16c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2V4c0-1.1,0.9-2,2-2h16C21.1,2,22,2.9,22,4z M12,6h1.3 l0.9-1H9.7C7.1,5,5.9,6.5,5.9,8.3c0,1.6,1.1,3,3.2,3.1c0,0-0.2,0.3-0.2,0.6c0,0.3,0.1,0.7,0.5,0.9c-0.3,0-0.5,0-0.7,0 c-2.1,0.2-3.7,1.3-3.7,3.3c0,1.7,1.5,2.9,4.1,2.9c3.5,0,5.2-1.2,5.2-3.5c0-1.3-0.7-2.1-2.2-2.9c-0.7-0.4-1-0.6-1-1.1 c0-0.5,0.3-0.8,0.8-1.1c0.8-0.5,1.3-1.3,1.3-2.3C13.1,7.2,12.5,6.3,12,6z M20,11h-2V9h-1v2h-2v1h2v2h1v-2h2V11z M9.2,6.1 C8.5,6.1,8,6.8,8,7.9c0,1.4,0.9,2.5,1.9,2.5c0.5,0,1.1-0.6,1.1-1.8C11,7.3,10.2,6.1,9.2,6.1z"/> </g> <g id="googleplus_x5F_color"> <g> <rect x="3" y="3" fill="#FFFFFF" width="18" height="18"/> <g> <path fill="#D84437" d="M10.8,14.2c0,0,1.2,0.5,1.2,2c0,0.9-0.8,1.7-2.4,1.7C7.9,17.9,7,17,7,15.9c0-1,1.1-1.8,2.9-1.8 C10.3,14.1,10.8,14.2,10.8,14.2z M22,4v16c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2V4c0-1.1,0.9-2,2-2h16C21.1,2,22,2.9,22,4z M12,6 h1.3l0.9-1H9.7C7.1,5,5.9,6.5,5.9,8.3c0,1.6,1.1,3,3.2,3.1c0,0-0.2,0.3-0.2,0.6c0,0.3,0.1,0.7,0.5,0.9c-0.3,0-0.5,0-0.7,0 c-2.1,0.2-3.7,1.3-3.7,3.3c0,1.7,1.5,2.9,4.1,2.9c3.5,0,5.2-1.2,5.2-3.5c0-1.3-0.7-2.1-2.2-2.9c-0.7-0.4-1-0.6-1-1.1 c0-0.5,0.3-0.8,0.8-1.1c0.8-0.5,1.3-1.3,1.3-2.3C13.1,7.2,12.5,6.3,12,6z M20,11h-2V9h-1v2h-2v1h2v2h1v-2h2V11z M9.2,6.1 C8.5,6.1,8,6.8,8,7.9c0,1.4,0.9,2.5,1.9,2.5c0.5,0,1.1-0.6,1.1-1.8C11,7.3,10.2,6.1,9.2,6.1z"/> </g> </g> </g> </svg> <svg x="0" y="0" id="icq-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="icq_x5F_solid" style="fill: currentColor;"> <path d="M21.1,11.5c0.6-0.6,0.9-1.5,0.9-2.4C22,7.4,20.7,6,18.7,6c-0.1,0-0.1,0-0.2,0c0.1-0.4,0.2-0.9,0.2-1.3 C18.7,2.6,17,1,14.6,1c-1.4,0-2.7,0.8-3.4,2.1C10.6,2.4,9.6,2,8.7,2C7.2,2,6,3.1,6,4.8c0,0.4,0.1,0.9,0.2,1.3C5.9,6,5.6,6,5.2,6 C3.1,6,1,7.3,1,9.6c0,1.3,1,2.3,2.1,2.6C2.4,13,2,13.9,2,14.9C2,16.6,3.3,18,5.2,18C5.1,18.4,5,18.8,5,19.3C5,21.4,6.7,23,9.1,23 c1.3,0,2.6-0.8,3.3-2c0.6,0.7,1.5,1,2.4,1c1.7,0,3.2-1.2,3.2-3.1c0-0.4-0.1-0.8-0.2-1.2c0.5,0.2,1.1,0.3,1.6,0.3 c2.1,0,3.6-1.1,3.6-3.3C23,13.3,22.3,12.2,21.1,11.5z M18.7,7.6c1,0,1.7,0.6,1.7,1.5c0,1.1-0.7,1.8-2.2,1.9c0,0-2,0.2-3.3,0.3 c-0.1-0.3-0.2-0.5-0.3-0.7c0.8-0.8,1.9-1.8,2.1-2C17.6,7.9,18,7.6,18.7,7.6z M13,3.3c0.4-0.5,1-0.7,1.6-0.7c1.4,0,2.5,0.9,2.5,2.1 c0,0.8-0.4,1.7-1.5,2.7c-0.2,0.1-1.4,1.3-2.1,2c-0.2-0.1-0.5-0.2-0.7-0.3l-0.4-3.9C12.4,4.5,12.6,3.8,13,3.3z M8.7,3.6 c0.9,0,2,0.6,2.2,2.5l0.3,3c-0.2,0.1-0.4,0.1-0.6,0.2L9.2,8C8.1,6.7,7.6,5.8,7.6,4.8C7.6,3.9,8.2,3.6,8.7,3.6z M5.3,11 c-1.2,0-2.7-0.4-2.7-1.6c0-1.3,1.6-1.8,2.6-1.8c1.3,0,2.1,0.8,3.7,2.4l0.5,0.5c-0.1,0.2-0.2,0.3-0.2,0.5H5.3z M10.7,20.6 c-0.4,0.5-1,0.8-1.6,0.8c-1.4,0-2.5-0.9-2.5-2.1c0-0.7,0.4-1.4,1-2.1c-0.1,0.1,1.9-1.7,2.9-2.6c0.2,0.1,0.4,0.2,0.6,0.3l0.2,3.7 C11.4,19.4,11.2,20.1,10.7,20.6z M12,13.8c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8S13,13.8,12,13.8z M14.8,20.4 c-1.3,0-1.8-1.3-1.9-2.3l-0.2-3.2c0.2,0,0.4-0.1,0.6-0.2l1.3,1.1c1.2,1,1.9,2.1,1.9,3.1C16.4,19.9,15.6,20.4,14.8,20.4z M19.4,16.4 c-1.1,0-2.2-0.5-3.7-1.7l-1.3-1c0.1-0.2,0.3-0.5,0.3-0.7c1.5-0.1,3.9-0.3,4-0.3c1.6,0,2.6,0.8,2.6,2.1 C21.4,15.8,20.7,16.4,19.4,16.4z"/> </g> <g id="icq_x5F_color"> <g> <polygon fill="#48F600" points="9,12 4,12 2,10 2,9 3,7 7,7 7,4 8,3 9,3 11,4 12,4 13,2 16,2 18,4 18,7 20,7 21,9 20,12 22,13 22,16 20,17 17,17 17,20 15,21 12,20 10,22 7,22 6,20 6,18 "/> <g> <circle fill="#FDFB12" cx="12" cy="12" r="2"/> <path d="M21.1,11.5c0.6-0.6,0.9-1.5,0.9-2.4C22,7.4,20.7,6,18.7,6c-0.1,0-0.1,0-0.2,0c0.1-0.4,0.2-0.9,0.2-1.3 C18.7,2.6,17,1,14.6,1c-1.4,0-2.7,0.8-3.4,2.1C10.6,2.4,9.6,2,8.7,2C7.2,2,6,3.1,6,4.8c0,0.4,0.1,0.9,0.2,1.3C5.9,6,5.6,6,5.2,6 C3.1,6,1,7.3,1,9.6c0,1.3,1,2.3,2.1,2.6C2.4,13,2,13.9,2,14.9C2,16.6,3.3,18,5.2,18C5.1,18.4,5,18.8,5,19.3C5,21.4,6.7,23,9.1,23 c1.3,0,2.6-0.8,3.3-2c0.6,0.7,1.5,1,2.4,1c1.7,0,3.2-1.2,3.2-3.1c0-0.4-0.1-0.8-0.2-1.2c0.5,0.2,1.1,0.3,1.6,0.3 c2.1,0,3.6-1.1,3.6-3.3C23,13.3,22.3,12.2,21.1,11.5z M18.7,7.6c1,0,1.7,0.6,1.7,1.5c0,1.1-0.7,1.8-2.2,1.9c0,0-2,0.2-3.3,0.3 c-0.1-0.3-0.2-0.5-0.3-0.7c0.8-0.8,1.9-1.8,2.1-2C17.6,7.9,18,7.6,18.7,7.6z M13,3.3c0.4-0.5,1-0.7,1.6-0.7 c1.4,0,2.5,0.9,2.5,2.1c0,0.8-0.4,1.7-1.5,2.7c-0.2,0.1-1.4,1.3-2.1,2c-0.2-0.1-0.5-0.2-0.7-0.3l-0.4-3.9 C12.4,4.5,12.6,3.8,13,3.3z M8.7,3.6c0.9,0,2,0.6,2.2,2.5l0.3,3c-0.2,0.1-0.4,0.1-0.6,0.2L9.2,8C8.1,6.7,7.6,5.8,7.6,4.8 C7.6,3.9,8.2,3.6,8.7,3.6z M5.3,11c-1.2,0-2.7-0.4-2.7-1.6c0-1.3,1.6-1.8,2.6-1.8c1.3,0,2.1,0.8,3.7,2.4l0.5,0.5 c-0.1,0.2-0.2,0.3-0.2,0.5H5.3z M10.7,20.6c-0.4,0.5-1,0.8-1.6,0.8c-1.4,0-2.5-0.9-2.5-2.1c0-0.7,0.4-1.4,1-2.1 c-0.1,0.1,1.9-1.7,2.9-2.6c0.2,0.1,0.4,0.2,0.6,0.3l0.2,3.7C11.4,19.4,11.2,20.1,10.7,20.6z M12,13.8c-1,0-1.8-0.8-1.8-1.8 s0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8S13,13.8,12,13.8z M14.8,20.4c-1.3,0-1.8-1.3-1.9-2.3l-0.2-3.2c0.2,0,0.4-0.1,0.6-0.2l1.3,1.1 c1.2,1,1.9,2.1,1.9,3.1C16.4,19.9,15.6,20.4,14.8,20.4z M19.4,16.4c-1.1,0-2.2-0.5-3.7-1.7l-1.3-1c0.1-0.2,0.3-0.5,0.3-0.7 c1.5-0.1,3.9-0.3,4-0.3c1.6,0,2.6,0.8,2.6,2.1C21.4,15.8,20.7,16.4,19.4,16.4z"/> <path fill="#FD001D" d="M6.6,12.6c-1,0-1.9,0.3-2.4,0.8c-0.4,0.4-0.6,0.9-0.6,1.5c0,0.9,0.7,1.5,1.7,1.5c0.5,0,1-0.2,1.5-0.6 l2.6-2.4c-0.1-0.2-0.2-0.5-0.3-0.8H6.6z"/> </g> </g> </g> </svg> <svg x="0" y="0" id="instagram-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="instagram_x5F_solid" style="fill: currentColor;"> <path d="M20,2H4C2.9,2,2,2.9,2,4v16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M12,7.9c2.3,0,4.1,1.8,4.1,4.1 c0,2.3-1.8,4.1-4.1,4.1S7.9,14.3,7.9,12C7.9,9.7,9.7,7.9,12,7.9z M20,20H4V10h2.3C6.1,10.6,6,11.3,6,12c0,3.3,2.7,6,6,6s6-2.7,6-6 c0-0.7-0.1-1.4-0.3-2H20V20z M20,7.5C20,7.8,19.8,8,19.5,8h-3C16.2,8,16,7.8,16,7.5v-3C16,4.2,16.2,4,16.5,4h3 C19.8,4,20,4.2,20,4.5V7.5z"/> </g> <g id="instagram_x5F_color"> <g> <path fill="#6A453B" d="M22,4c0-1.1-0.9-2-2-2H4C2.9,2,2,2.9,2,4v6h20V4z"/> <rect x="5" y="2" fill="#F9D13E" width="1" height="8"/> <rect x="4" y="2" fill="#FF3165" width="1" height="8"/> <rect x="6" y="2" fill="#81D2B1" width="1" height="8"/> <rect x="7" y="2" fill="#459CFF" width="1" height="8"/> <path d="M19.5,4h-3C16.2,4,16,4.2,16,4.5v3C16,7.8,16.2,8,16.5,8h3C19.8,8,20,7.8,20,7.5v-3C20,4.2,19.8,4,19.5,4z"/> <path fill="#E7DDD3" d="M4,22h16c1.1,0,2-0.9,2-2V10H2v10C2,21.1,2.9,22,4,22z"/> <path fill="#3E2C2A" d="M7.5,11h-3C4.2,11,4,10.8,4,10.5v-1C4,9.2,4.2,9,4.5,9h3C7.8,9,8,9.2,8,9.5v1C8,10.8,7.8,11,7.5,11z"/> <g> <circle cx="12" cy="12" r="5.5"/> <path fill="#ADA69C" d="M12,6.9c2.8,0,5.1,2.3,5.1,5.1s-2.3,5.1-5.1,5.1S6.9,14.8,6.9,12S9.2,6.9,12,6.9 M12,6c-3.3,0-6,2.7-6,6 s2.7,6,6,6s6-2.7,6-6S15.3,6,12,6L12,6z"/> <circle fill="#343434" cx="12" cy="12" r="3.1"/> </g> </g> </g> </svg> <svg x="0" y="0" id="linkedin-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="linkedin-solid" style="fill: currentColor;"> <path d="M20,2H4C2.9,2,2,2.9,2,4v16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M8,19H5v-9h3V19z M6.5,8.8 C5.5,8.8,4.7,8,4.7,7s0.8-1.8,1.8-1.8S8.3,6,8.3,7S7.5,8.8,6.5,8.8z M19,19h-3v-4c0-1.4-0.6-2-1.5-2c-1.1,0-1.5,0.8-1.5,2.2V19h-3 v-9h2.9v1.1c0.5-0.7,1.4-1.2,2.6-1.2c2.3,0,3.5,1.1,3.5,3.7V19z"/> </g> <g id="linkedin-color"> <g> <rect x="3" y="3" fill="#FFFFFF" width="18" height="18"/> <g> <path fill="#0077B5" d="M20,2H4C2.9,2,2,2.9,2,4v16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M8,19H5v-9h3V19z M6.5,8.8C5.5,8.8,4.7,8,4.7,7s0.8-1.8,1.8-1.8S8.3,6,8.3,7S7.5,8.8,6.5,8.8z M19,19h-3v-4c0-1.4-0.6-2-1.5-2 c-1.1,0-1.5,0.8-1.5,2.2V19h-3v-9h2.9v1.1c0.5-0.7,1.4-1.2,2.6-1.2c2.3,0,3.5,1.1,3.5,3.7V19z"/> </g> </g> </g> </svg> <svg x="0" y="0" id="qq-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="tencent_x5F_solid" style="fill: currentColor;"> <path d="M13.9,7.5c0-0.3,0.2-0.5,0.5-0.5h1.2c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5h-1.2C14.1,8,13.9,7.8,13.9,7.5z M4,22.4 C4,23.3,4.8,24,6.2,24c1.1,0,1.7-0.7,1.8-0.9c-1.4-0.3-2.7-0.7-3.9-1.4C4.1,21.7,4,22,4,22.4z M12,19.1c-7.7,0-11-5.2-11-5.2 c0,2.1,0.5,4,1.7,5c1.2,1,4.5,3.1,9.3,3.1s8.1-2.2,9.3-3.1c1.2-1,1.7-2.9,1.7-5C23,13.9,19.7,19.1,12,19.1z M9,9 c0.5,0,0.9-0.7,0.9-1.5C9.9,6.7,9.5,6,9,6C8.5,6,8.1,6.7,8.1,7.5C8.1,8.3,8.5,9,9,9z M2,11.8C2,5.9,6.4,2,12,2c5.6,0,10,3.9,10,9.8 h0c-1.8,2.8-5.3,5.2-10,5.2C7.3,17,3.8,14.6,2,11.8z M12.9,7.5c0,1.4,1,2.6,2.1,2.6c1.2,0,2.1-1.2,2.1-2.6c0-1.5-1-2.6-2.1-2.6 C13.8,4.9,12.9,6,12.9,7.5z M6.9,7.5c0,1.4,1,2.6,2.1,2.6c1.2,0,2.1-1.2,2.1-2.6c0-1.5-1-2.6-2.1-2.6C7.8,4.9,6.9,6,6.9,7.5z M5.8,12.8c0,0.4,1,1.3,2.2,1.6v-1.5c0,0,1.2,2.2,4,2.2c2.8,0,4-2.2,4-2.2v1.5c1,0,2.2-1.2,2.2-1.6s-1.6-1.9-6.2-1.9 C7.3,10.9,5.8,12.4,5.8,12.8z"/> </g> <g id="tencent_x5F_color"> <g> <ellipse style="fill:#FFFFFF;" cx="15" cy="7.5" rx="2.125" ry="2.625"/> <ellipse style="fill:#FFFFFF;" cx="9" cy="7.5" rx="2.125" ry="2.625"/> <path fill="#000" d="M14.367,8h1.25c0.276,0,0.5-0.224,0.5-0.5S15.893,7,15.617,7h-1.25c-0.276,0-0.5,0.224-0.5,0.5S14.091,8,14.367,8z"/> <path fill="#000" d="M8.997,9c0.472,0,0.878-0.667,0.878-1.479C9.875,6.658,9.468,6,8.997,6C8.52,6,8.125,6.658,8.125,7.521 C8.125,8.333,8.52,9,8.997,9z"/> <path style="fill:#FFA600;" d="M12,10.875c-4.686,0-6.25,1.503-6.25,1.875S6.722,14.047,8,14.375v-1.5c0,0,1.203,2.25,4,2.25 c2.795,0,4-2.25,4-2.25v1.5c0.977-0.047,2.25-1.241,2.25-1.625S16.687,10.875,12,10.875z"/> <path fill="#000" d="M12,2C6.432,2,2,5.883,2,11.775v3.319c1.49,1.551,4.702,4.031,10,4.031c5.339,0,8.525-2.517,10-4.065 c0.031,0,0-3.267,0-3.267C21.976,5.929,17.553,2,12,2z M15,4.875c1.173,0,2.125,1.175,2.125,2.625 c0,1.448-0.952,2.625-2.125,2.625c-1.174,0-2.125-1.177-2.125-2.625C12.875,6.05,13.826,4.875,15,4.875z M9,4.875 c1.173,0,2.125,1.175,2.125,2.625c0,1.448-0.952,2.625-2.125,2.625c-1.174,0-2.125-1.177-2.125-2.625 C6.875,6.05,7.826,4.875,9,4.875z M16,14.375v-1.5c0,0-1.205,2.25-4,2.25c-2.797,0-4-2.25-4-2.25v1.5 c-1.278-0.328-2.25-1.253-2.25-1.625s1.564-1.875,6.25-1.875c4.687,0,6.25,1.491,6.25,1.875S16.977,14.328,16,14.375z"/> <path fill="#000" d="M4.243,21.528c1.141,0.719,2.422,1.156,3.859,1.412l0.746-1.265c-1.562-0.321-2.882-0.837-3.919-1.371L4.243,21.528z"/> <path style="fill:#FA0009;" d="M4.243,21.528c0,0-0.243,0.515-0.243,0.871C4,23.312,4.761,24,6.208,24 c1.053,0,1.842-0.849,1.894-1.06C6.665,22.684,5.384,22.246,4.243,21.528z"/> <path style="fill:#FB0009;" d="M22,15.06c-1.475,1.548-4.661,4.065-10,4.065c-5.298,0-8.51-2.48-10-4.031V12.5 c0,0-1,0.562-1,1.625c0,1.896,0.506,3.795,1.694,4.748C3.882,19.83,7.164,22,12,22s8.118-2.17,9.306-3.127 C22.494,17.92,23,16.219,23,14.125c0-1.062-1-1.625-1-1.625V15.06z"/> </g> </g> </svg> <svg x="0" y="0" id="skype-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="skype_x5F_solid" style="fill: currentColor;"> <path d="M21.8,14.1c0.1-0.7,0.2-1.4,0.2-2.1c0-5.5-4.5-10-10-10c-0.7,0-1.4,0.1-2.1,0.2C9,1.5,7.8,1,6.5,1C3.5,1,1,3.5,1,6.5 C1,7.8,1.5,9,2.2,9.9C2.1,10.6,2,11.3,2,12c0,5.5,4.5,10,10,10c0.7,0,1.4-0.1,2.1-0.2c0.9,0.8,2.1,1.2,3.4,1.2c3,0,5.5-2.5,5.5-5.5 C23,16.2,22.5,15,21.8,14.1z M11.7,18.1c-3.1,0-5.1-1.7-5.1-3.5c0-0.6,0.6-1.1,1.2-1.1c0.7,0,1,0.4,1.4,1c0.4,0.7,1.1,1.5,2.6,1.5 c1.5,0,2.2-0.7,2.2-1.4c0-1-1-1.4-1.9-1.6l-2.6-0.7C8.2,12,6.9,11,6.9,9.2c0-1.8,1.9-3.3,5.1-3.3c3.4,0,5,1.9,5,3.2 c0,0.6-0.4,1-1.1,1c-0.9,0-1.4-0.6-1.6-1.1c-0.4-0.8-1.7-1-2.4-1C10.5,8,10,8.6,10,9.1c0,0.5,0.5,1,1.4,1.3l2.9,0.7 c1.5,0.4,2.8,1.2,2.8,3.2C17.1,16.5,15.1,18.1,11.7,18.1z"/> </g> <g id="skype_x5F_color"> <g> <rect x="6" y="5" fill="#FFFFFF" width="12" height="14"/> <g> <path fill="#00ADEF" d="M21.8,14.1c0.1-0.7,0.2-1.4,0.2-2.1c0-5.5-4.5-10-10-10c-0.7,0-1.4,0.1-2.1,0.2C9,1.5,7.8,1,6.5,1 C3.5,1,1,3.5,1,6.5C1,7.8,1.5,9,2.2,9.9C2.1,10.6,2,11.3,2,12c0,5.5,4.5,10,10,10c0.7,0,1.4-0.1,2.1-0.2c0.9,0.8,2.1,1.2,3.4,1.2 c3,0,5.5-2.5,5.5-5.5C23,16.2,22.5,15,21.8,14.1z M11.7,18.1c-3.1,0-5.1-1.7-5.1-3.5c0-0.6,0.6-1.1,1.2-1.1c0.7,0,1,0.4,1.4,1 c0.4,0.7,1.1,1.5,2.6,1.5c1.5,0,2.2-0.7,2.2-1.4c0-1-1-1.4-1.9-1.6l-2.6-0.7C8.2,12,6.9,11,6.9,9.2c0-1.8,1.9-3.3,5.1-3.3 c3.4,0,5,1.9,5,3.2c0,0.6-0.4,1-1.1,1c-0.9,0-1.4-0.6-1.6-1.1c-0.4-0.8-1.7-1-2.4-1C10.5,8,10,8.6,10,9.1c0,0.5,0.5,1,1.4,1.3 l2.9,0.7c1.5,0.4,2.8,1.2,2.8,3.2C17.1,16.5,15.1,18.1,11.7,18.1z"/> </g> </g> </g> </svg> <svg x="0" y="0" id="slideshare-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="slideshare-solid" style="fill: currentColor;"> <path d="M22,5v4.9c-0.3-0.1-0.6-0.2-1-0.2s-0.7,0.1-1,0.2V5c0-0.6-0.4-1-1-1H5C4.4,4,4,4.4,4,5v4.9C3.7,9.8,3.4,9.8,3,9.8 S2.3,9.8,2,9.9V5c0-1.7,1.3-3,3-3h14C20.7,2,22,3.3,22,5z M14.2,16.6c0.5-0.1,0.8-0.5,0.8-1c0-0.6-0.5-1.1-1.1-1 c-1.2,0.2-2.6,0.4-4.6,0.4c-2.8,0-4.4-1-5.3-2.6C3.7,12.2,3.4,12,3,12c-0.6,0-1,0.5-1,1c0,0.2,0,0.3,0.1,0.5l0,0 c1,2,2.6,3.3,4.9,3.8v1.5c0,1.8,1.5,3.2,3.2,3.2c0.4,0,0.8-0.3,0.8-0.8V17C12.1,16.9,13.1,16.8,14.2,16.6L14.2,16.6z M17,11 c0-1.1-0.9-2-2-2s-2,0.9-2,2s0.9,2,2,2S17,12.1,17,11z M11,11c0-1.1-0.9-2-2-2s-2,0.9-2,2s0.9,2,2,2S11,12.1,11,11z M21,12 c-0.4,0-0.7,0.2-0.9,0.6c-0.9,1.5-2,2.5-4,2.6c0,0.2,0.1,0.3,0.1,0.6c0,1.1-0.5,2-1.8,2.6c-0.4,0.2-1.3,0.7-1.3,0.7v2.3 c0,0.4,0.3,0.8,0.8,0.8c1.8,0,3.2-1.5,3.2-3.2v-1.5c2.3-0.5,3.9-1.8,4.9-3.8l0,0C22,13.3,22,13.2,22,13C22,12.5,21.6,12,21,12z"/> </g> <g id="slideshare_x5F_color"> <g> <path fill="#0077B5" d="M22,5v4.9c-0.3-0.1-0.6-0.2-1-0.2s-0.7,0.1-1,0.2V5c0-0.6-0.4-1-1-1H5C4.4,4,4,4.4,4,5v4.9 C3.7,9.8,3.4,9.8,3,9.8S2.3,9.8,2,9.9V5c0-1.7,1.3-3,3-3h14C20.7,2,22,3.3,22,5z M14.2,16.6c0.5-0.1,0.8-0.5,0.8-1 c0-0.6-0.5-1.1-1.1-1c-1.2,0.2-2.6,0.4-4.6,0.4c-2.8,0-4.4-1-5.3-2.6C3.7,12.2,3.4,12,3,12c-0.6,0-1,0.5-1,1c0,0.2,0,0.3,0.1,0.5 l0,0c1,2,2.6,3.3,4.9,3.8v1.5c0,1.8,1.5,3.2,3.2,3.2c0.4,0,0.8-0.3,0.8-0.8V17C12.1,16.9,13.1,16.8,14.2,16.6L14.2,16.6z M17,11 c0-1.1-0.9-2-2-2s-2,0.9-2,2s0.9,2,2,2S17,12.1,17,11z M11,11c0-1.1-0.9-2-2-2s-2,0.9-2,2s0.9,2,2,2S11,12.1,11,11z M21,12 c-0.4,0-0.7,0.2-0.9,0.6c-0.9,1.5-2,2.5-4,2.6c0,0.2,0.1,0.3,0.1,0.6c0,1.1-0.5,2-1.8,2.6c-0.4,0.2-1.3,0.7-1.3,0.7v2.3 c0,0.4,0.3,0.8,0.8,0.8c1.8,0,3.2-1.5,3.2-3.2v-1.5c2.3-0.5,3.9-1.8,4.9-3.8l0,0C22,13.3,22,13.2,22,13C22,12.5,21.6,12,21,12z"/> </g> </g> </svg> <svg x="0" y="0" id="twitter-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="twitter_x5F_solid" style="fill: currentColor;"> <path d="M20,2H4C2.9,2,2,2.9,2,4v16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M17.9,9.1c0,0.1,0,0.3,0,0.4 c0,4.1-3,8.5-8.5,8.5c-1.7,0-3.6-0.3-4.9-1c1.8,0,3.4-0.5,4.7-1.3c-1.3-0.1-2.4-0.9-2.8-2c0.4,0.1,1.3,0,1.5-0.2 c-1.3-0.4-2.1-1.4-2.3-2.7c0.3,0.1,0.8,0.1,1.2,0c-0.6-0.5-0.9-1.5-0.9-2.6c0-0.6,0.1-1.2,0.4-1.5c1.3,1.9,3.5,3.3,5.8,3.4 c-0.1-0.3-0.2-0.8-0.2-1.2C11.9,7.2,13,6,14.8,6c1.2,0,1.8,0.5,2.4,1.1c0.6-0.2,1.2-0.5,1.7-0.9C18.7,7,18.3,7.6,17.7,8 c0.6,0,1.2-0.2,1.7-0.5C19.1,8.2,18.6,8.7,17.9,9.1z"/> </g> <g id="twitter_x5F_color"> <rect x="3.5" y="3.5" fill="#FFFFFF" width="17" height="17"/> <path fill="#55ACEE" d="M17.9,9.1c0,0.1,0,0.3,0,0.4c0,4.1-3,8.5-8.5,8.5c-1.7,0-3.6-0.3-4.9-1c1.8,0,3.4-0.5,4.7-1.3 c-1.3-0.1-2.4-0.9-2.8-2c0.4,0.1,1.3,0,1.5-0.2c-1.3-0.4-2.1-1.4-2.3-2.7c0.3,0.1,0.8,0.1,1.2,0c-0.6-0.5-0.9-1.5-0.9-2.6 c0-0.6,0.1-1.2,0.4-1.5c1.3,1.9,3.5,3.3,5.8,3.4c-0.1-0.3-0.2-0.8-0.2-1.2C11.9,7.2,13,6,14.8,6c1.2,0,1.8,0.5,2.4,1.1 c0.6-0.2,1.2-0.5,1.7-0.9C18.7,7,18.3,7.6,17.7,8c0.6,0,1.2-0.2,1.7-0.5C19.1,8.2,18.6,8.7,17.9,9.1z M20,2H4C2.9,2,2,2.9,2,4v16 c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z"/> </g> </svg> <svg x="0" y="0" id="wechat-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="wechat_x5F_solid" style="fill: currentColor;"> <path d="M23,15c0-3.3-3.1-6-7-6s-7,2.7-7,6s3.1,6,7,6c0.7,0,1.4-0.1,2-0.2l2.6,1.2c0.3,0.1,0.5-0.1,0.4-0.4l-0.7-1.9 C21.9,18.6,23,16.9,23,15z M13.5,14.8c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3 C14.8,14.2,14.2,14.8,13.5,14.8z M18.5,14.8c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3 C19.8,14.2,19.2,14.8,18.5,14.8z M16,7.8c0.3,0,0.6,0,0.9,0C16.3,4.5,13,2,9,2C4.6,2,1,5.1,1,9c0,2.1,1.1,4,2.8,5.3L3,16.5 c-0.1,0.3,0.2,0.6,0.5,0.4l2.9-1.4c0.5,0.1,1,0.2,1.5,0.3c0-0.3-0.1-0.6-0.1-0.9C7.8,11,11.5,7.8,16,7.8z M11.5,5.2 c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3s-1.3-0.6-1.3-1.3C10.2,5.8,10.8,5.2,11.5,5.2z M6.5,7.8c-0.7,0-1.3-0.6-1.3-1.3 c0-0.7,0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3C7.8,7.2,7.2,7.8,6.5,7.8z"/> </g> <g id="wechat_x5F_color"> <g> <rect x="12" y="12" fill="#FFFFFF" width="8" height="3"/> <rect x="5" y="5" fill="#FFFFFF" width="8" height="3"/> <path fill="#00BD0C" d="M23,15c0-3.3-3.1-6-7-6s-7,2.7-7,6s3.1,6,7,6c0.7,0,1.4-0.1,2-0.2l2.6,1.2c0.3,0.1,0.5-0.1,0.4-0.4 l-0.7-1.9C21.9,18.6,23,16.9,23,15z M13.5,14.8c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3 C14.8,14.2,14.2,14.8,13.5,14.8z M18.5,14.8c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3 C19.8,14.2,19.2,14.8,18.5,14.8z M16,7.8c0.3,0,0.6,0,0.9,0C16.3,4.5,13,2,9,2C4.6,2,1,5.1,1,9c0,2.1,1.1,4,2.8,5.3L3,16.5 c-0.1,0.3,0.2,0.6,0.5,0.4l2.9-1.4c0.5,0.1,1,0.2,1.5,0.3c0-0.3-0.1-0.6-0.1-0.9C7.8,11,11.5,7.8,16,7.8z M11.5,5.2 c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3s-1.3-0.6-1.3-1.3C10.2,5.8,10.8,5.2,11.5,5.2z M6.5,7.8c-0.7,0-1.3-0.6-1.3-1.3 c0-0.7,0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3C7.8,7.2,7.2,7.8,6.5,7.8z"/> </g> </g> </svg> <svg x="0" y="0" id="weibo-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="weibo_x5F_solid" style="fill: currentColor;"> <path d="M8.4,12C6,12,4,13.7,4,15.3C4,17,5.6,18,7.7,18c2.6,0,4.3-1.6,4.3-3.2C12,13.1,10.4,12,8.4,12z M6.5,17.2 c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.6,1.6-1.6c0.9,0,1.6,0.7,1.6,1.6C8.2,16.4,7.4,17.2,6.5,17.2z M24,7.1C24.1,7.6,23.7,8,23.2,8 c-0.5,0-0.8-0.4-0.8-0.9c-0.3-2.5-2.5-4.3-5.1-4.5c-0.5,0-0.9-0.3-0.9-0.8c0-0.5,0.4-0.8,0.9-0.8C20.8,1.3,23.6,3.5,24,7.1z M17.9,11c-0.3-0.1-0.4-0.3-0.3-0.8C17.8,9.9,18,9.2,18,8.7C18,7.6,17.2,7,15.7,7c-1.2,0-2.6,0.6-3.4,1c-0.5,0.3-0.7,0.1-0.6-0.7 C11.9,6.9,12,6.2,12,5.7C12,4.5,11.5,4,10.5,4c-1.9,0-4.6,1.6-7,3.9C1.2,10.1,0,12.5,0,14.6C0,19.2,3.8,21,9,21 c6.8,0,12-3.8,12-6.9C21,12.3,19.2,11.4,17.9,11z M7.8,19.1c-3.9,0-5.9-1.8-5.9-4.3c0-3.1,3.2-5,6.8-5c3.7,0,5.5,2,5.5,4.3 C14.1,16.8,12.3,19.1,7.8,19.1z M21,8.5c0,0.5-0.3,0.9-0.7,0.9c-0.5,0-0.8-0.4-0.8-0.9c0-1.6-1.3-2.9-2.9-2.9 c-0.5,0-0.9-0.3-0.9-0.8C15.6,4.4,16,4,16.5,4C19.1,4,21,6,21,8.5z"/> </g> <g id="weibo_x5F_color"> <g> <rect x="0" fill="none" width="24" height="24"/> <g> <polygon fill="#EFEFEF" points="11,20 5,20 1,17 1,12 5,9 11,9 15,12 15,17 "/> <path d="M8.4,12C6,12,4,13.7,4,15.3C4,17,5.6,18,7.7,18c2.6,0,4.3-1.6,4.3-3.2C12,13.1,10.4,12,8.4,12z M6.5,17.2 c-0.9,0-1.6-0.7-1.6-1.6s0.7-1.6,1.6-1.6c0.9,0,1.6,0.7,1.6,1.6S7.4,17.2,6.5,17.2z"/> <path fill="#FF9C33" d="M17.3,1c-0.5,0-0.9,0.2-0.9,0.8c0,0.5,0.4,0.8,0.9,0.8c2.6,0.2,4.8,1.9,5.1,4.5C22.5,7.6,22.7,8,23.2,8 c0.5,0,0.8-0.4,0.7-0.9C23.6,3.5,20.9,1.3,17.3,1z"/> <path fill="#E6162D" d="M17.9,11c-0.3-0.1-0.4-0.3-0.3-0.8C17.8,9.9,18,9.2,18,8.7C18,7.6,17.2,7,15.7,7c-1.2,0-2.6,0.6-3.4,1 c-0.5,0.3-0.7,0.1-0.6-0.7C11.9,6.9,12,6.2,12,5.7C12,4.5,11.5,4,10.5,4c-1.9,0-4.6,1.6-7,3.9C1.2,10.1,0,12.5,0,14.6 C0,19.2,3.8,21,9,21c6.8,0,12-3.8,12-6.9C21,12.3,19.2,11.4,17.9,11z M7.8,19.1c-3.9,0-5.9-1.8-5.9-4.3c0-3.1,3.2-5,6.8-5 c3.7,0,5.5,2,5.5,4.3C14.1,16.8,12.3,19.1,7.8,19.1z"/> <path fill="#FF9C33" d="M16.5,4c-0.5,0-0.9,0.4-0.9,0.8c0,0.5,0.4,0.8,0.9,0.8c1.6,0,2.9,1.3,2.9,2.9c0,0.5,0.3,0.9,0.8,0.9 C20.7,9.4,21,9,21,8.5C21,6,19.1,4,16.5,4z"/> </g> </g> </g> </svg> <svg x="0" y="0" id="yahoo-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="yahoo_x5F_solid" style="fill: currentColor;"> <path d="M2.5,12.4l0,2.1l-0.1,0c-0.2,0-0.4,0-0.6,0l-0.1,0l0-2.1L0,9.5l0.2,0.1c0.2,0,0.4,0,0.6,0l0.1,0l1.3,2l1.3-2l0.1,0 c0.2,0,0.4,0,0.6,0l0.2-0.1L2.5,12.4z M11.6,10l-0.1,0c-0.2,0.1-0.4,0.1-0.6,0l-0.1,0l0,0.1c0,0.5,0,1.3,0,1.6l-2,0L8.9,10l-0.1,0 c-0.2,0-0.4,0-0.6,0l-0.1,0l0,2c0,0,0,1.4,0,1.9l0,0.1l0.1,0c0.2-0.1,0.4-0.1,0.6,0l0.1,0l0-0.1c0-0.5,0-1.3,0-1.6h2l0,1.8l0.1,0 c0.2-0.1,0.4-0.1,0.6,0l0.1,0l0-2L11.6,10z M5.9,10.1L7.6,14l-0.2,0c-0.2,0-0.4,0-0.6,0l-0.1,0l-0.5-1.1H4.8L4.3,14l-0.1,0 c-0.2-0.1-0.4-0.1-0.6,0l-0.2,0l1.8-4l0.1,0c0.1,0,0.3,0,0.4,0L5.9,10.1L5.9,10.1z M6.1,12.4l-0.6-1.4L5,12.4H6.1z M22.9,13.7 c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4C23.3,13.9,23.1,13.7,22.9,13.7z M23.6,9.6 c-0.2,0-0.4,0.1-0.4,0.3c0,0.2-0.3,3.3-0.4,3.4l0,0.1l0.4,0.1l0.7-3.3l0,0c0-0.1,0-0.1,0-0.2C24,9.8,23.8,9.6,23.6,9.6z M22.1,12 c0,1.4-0.9,2.2-2.6,2.2C18,14.3,17,13.4,17,12c0-1.4,1-2.3,2.5-2.3C21.1,9.8,22.1,10.6,22.1,12z M21.2,12c0-1.2-0.6-1.8-1.7-1.8 c-1.1,0-1.7,0.7-1.7,1.9c0,1.1,0.6,1.7,1.7,1.7C20.6,13.8,21.2,13.2,21.2,12z M16.5,12c0,1.2-0.9,2-2.2,2c-1.4,0-2.2-0.8-2.2-2 c0-1.2,0.9-2,2.2-2C15.7,10,16.5,10.8,16.5,12z M15.7,12c0-1-0.5-1.6-1.4-1.6c-0.9,0-1.4,0.6-1.4,1.6c0,0.8,0.3,1.6,1.3,1.6 c0.4,0,0.7-0.1,1-0.4C15.5,13,15.7,12.5,15.7,12z"/> </g> <g id="yahoo_x5F_color"> <g> <path fill="#46009A" d="M2.5,12.4l0,2.1l-0.1,0c-0.2,0-0.4,0-0.6,0l-0.1,0l0-2.1L0,9.5l0.2,0.1c0.2,0,0.4,0,0.6,0l0.1,0l1.3,2 l1.3-2l0.1,0c0.2,0,0.4,0,0.6,0l0.2-0.1L2.5,12.4z M11.6,10l-0.1,0c-0.2,0.1-0.4,0.1-0.6,0l-0.1,0l0,0.1c0,0.5,0,1.3,0,1.6l-2,0 L8.9,10l-0.1,0c-0.2,0-0.4,0-0.6,0l-0.1,0l0,2c0,0,0,1.4,0,1.9l0,0.1l0.1,0c0.2-0.1,0.4-0.1,0.6,0l0.1,0l0-0.1c0-0.5,0-1.3,0-1.6 h2l0,1.8l0.1,0c0.2-0.1,0.4-0.1,0.6,0l0.1,0l0-2L11.6,10z M5.9,10.1L7.6,14l-0.2,0c-0.2,0-0.4,0-0.6,0l-0.1,0l-0.5-1.1H4.8L4.3,14 l-0.1,0c-0.2-0.1-0.4-0.1-0.6,0l-0.2,0l1.8-4l0.1,0c0.1,0,0.3,0,0.4,0L5.9,10.1L5.9,10.1z M6.1,12.4l-0.6-1.4L5,12.4H6.1z M22.9,13.7c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4C23.3,13.9,23.1,13.7,22.9,13.7z M23.6,9.6 c-0.2,0-0.4,0.1-0.4,0.3c0,0.2-0.3,3.3-0.4,3.4l0,0.1l0.4,0.1l0.7-3.3l0,0c0-0.1,0-0.1,0-0.2C24,9.8,23.8,9.6,23.6,9.6z M22.1,12 c0,1.4-0.9,2.2-2.6,2.2C18,14.3,17,13.4,17,12c0-1.4,1-2.3,2.5-2.3C21.1,9.8,22.1,10.6,22.1,12z M21.2,12c0-1.2-0.6-1.8-1.7-1.8 c-1.1,0-1.7,0.7-1.7,1.9c0,1.1,0.6,1.7,1.7,1.7C20.6,13.8,21.2,13.2,21.2,12z M16.5,12c0,1.2-0.9,2-2.2,2c-1.4,0-2.2-0.8-2.2-2 c0-1.2,0.9-2,2.2-2C15.7,10,16.5,10.8,16.5,12z M15.7,12c0-1-0.5-1.6-1.4-1.6c-0.9,0-1.4,0.6-1.4,1.6c0,0.8,0.3,1.6,1.3,1.6 c0.4,0,0.7-0.1,1-0.4C15.5,13,15.7,12.5,15.7,12z"/> </g> </g> </svg> <svg x="0" y="0" id="youtube-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="24px" height="24px"> <g id="youtube_x5F_solid_1_" style="fill: currentColor;"> <path d="M22.7,7.2c-0.3-1.6-1.3-2.7-3-2.9C17.8,4.2,15,4,12,4S6.2,4.2,4.3,4.4c-1.7,0.2-2.7,1.3-3,2.9C1.1,8.5,1,10,1,12 c0,1.9,0.1,3.5,0.3,4.8c0.3,1.6,1.3,2.7,3,2.9C6.2,19.8,9,20,12,20s5.8-0.2,7.7-0.4c1.7-0.2,2.7-1.3,3-2.9C22.9,15.5,23,14,23,12 C23,10.1,22.9,8.5,22.7,7.2z M9.9,15.4V8.6l6.4,3.4L9.9,15.4z"/> </g> <g id="youtube_x5F_color"> <g> <rect x="9" y="8" fill="#FFFFFF" width="8" height="8"/> <rect fill="none" width="24" height="24"/> <path fill="#DB2432" d="M22.7,7.2c-0.3-1.6-1.3-2.7-3-2.9C17.8,4.2,15,4,12,4S6.2,4.2,4.3,4.4c-1.7,0.2-2.7,1.3-3,2.9 C1.1,8.5,1,10,1,12c0,1.9,0.1,3.5,0.3,4.8c0.3,1.6,1.3,2.7,3,2.9C6.2,19.8,9,20,12,20s5.8-0.2,7.7-0.4c1.7-0.2,2.7-1.3,3-2.9 C22.9,15.5,23,14,23,12C23,10.1,22.9,8.5,22.7,7.2z M9.9,15.4V8.6l6.4,3.4L9.9,15.4z"/> </g> </g> </svg> </defs> <svg x="0" y="0" id="large-chevron-left-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="48px" height="48px"> <g class="large-icon" style="fill: currentColor;"> <path d="M15.3,2L16,2.5L8.8,12l7.2,9.5L15.3,22l-7.1-9.4C8.1,12.4,8,12.2,8,12c0-0.2,0.1-0.4,0.2-0.6L15.3,2z"/> </g> <g class="small-icon" style="fill-opacity: 1;"> <path d="M14.3,5L15,5.5L9.8,12l5.2,6.5L14.3,19l-5.1-6.4C9.1,12.4,9,12.2,9,12c0-0.2,0.1-0.4,0.2-0.6L14.3,5z"/> </g> </svg> <svg x="0" y="0" id="large-chevron-down-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="48px" height="48px"> <g class="large-icon" style="fill: currentColor;"> <path d="M2,8.7L2.5,8l9.5,7.2L21.5,8L22,8.7l-9.4,7.1C12.4,15.9,12.2,16,12,16c-0.2,0-0.4-0.1-0.6-0.2L2,8.7z"/> </g> <g class="small-icon" style="fill-opacity: 1;"> <path d="M5,9.7L5.5,9l6.5,5.2L18.5,9L19,9.7l-6.4,5.1C12.4,14.9,12.2,15,12,15c-0.2,0-0.4-0.1-0.6-0.2L5,9.7z"/> </g> </svg> <svg x="0" y="0" id="large-chevron-up-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="48px" height="48px"> <g class="large-icon" style="fill: currentColor;"> <path d="M22,15.3L21.5,16L12,8.8L2.5,16L2,15.3l9.4-7.1C11.6,8.1,11.8,8,12,8c0.2,0,0.4,0.1,0.6,0.2L22,15.3z"/> </g> <g class="small-icon" style="fill-opacity: 1;"> <path d="M19,14.3L18.5,15L12,9.8L5.5,15L5,14.3l6.4-5.1C11.6,9.1,11.8,9,12,9c0.2,0,0.4,0.1,0.6,0.2L19,14.3z"/> </g> </svg> <svg x="0" y="0" id="large-chevron-right-icon" preserveAspectRatio="xMinYMin meet" viewBox="0 0 24 24" width="48px" height="48px"> <g class="large-icon" style="fill: currentColor;"> <path d="M15.8,11.4c0.1,0.2,0.2,0.4,0.2,0.6c0,0.2-0.1,0.4-0.2,0.6L8.7,22L8,21.5l7.2-9.5L8,2.5L8.7,2L15.8,11.4z"/> </g> <g class="small-icon" style="fill-opacity: 1;"> <path d="M14.8,11.4c0.1,0.2,0.2,0.4,0.2,0.6c0,0.2-0.1,0.4-0.2,0.6L9.7,19L9,18.5l5.2-6.5L9,5.5L9.7,5L14.8,11.4z"/> </g> </svg> </defs> <use x="0" y="0" xlink:href="#check-icon" data-size="small" style="color: #008CC9" width="24px" height="24px"></use> <use x="0" y="24" xlink:href="#check-icon" data-size="small" style="color: #FFFFFF" width="24px" height="24px"></use> <use x="0" y="48" xlink:href="#chevron-down-icon" data-size="small" style="color: #000000;opacity:.55;" width="24px" height="24px"></use> <use x="0" y="72" xlink:href="#chevron-down-icon" data-size="small" style="color: #FFFFFF;opacity:.55;" width="24px" height="24px"></use> <use x="0" y="96" xlink:href="#yield-pebble-icon" style="color: #FFFFFF;" width="24px" height="24px"></use> <use x="0" y="120" xlink:href="#success-pebble-icon" style="color: #FFFFFF;" width="24px" height="24px"></use> <use x="0" y="144" xlink:href="#error-pebble-icon" style="color: #FFFFFF;" width="24px" height="24px"></use> <use x="0" y="168" xlink:href="#success-pebble-icon" style="color: #60aa14;" width="24px" height="24px"></use> <use x="0" y="192" xlink:href="#error-pebble-icon" style="color: #dd2e1f;" width="24px" height="24px"></use> <use x="0" y="216" xlink:href="#document-icon" style="color: #FFFFFF;" width="24px" height="24px"></use> <use x="0" y="240" xlink:href="#cancel-icon" style="color: #DDD;" width="24px" height="24px"></use></svg></div> <div class="site-header-component siteHeader"> <section id="header" class="site-header" role="banner"> <header class="main-site-header site-header-content"> <div class="logo siteLogo"> <div class="site-logo group"> <a href="//engineering.linkedin.com" title="LinkedIn Engineering" class="site-logo-link"> <span class="site-logo-icon ">LinkedIn Engineering</span> <span class="site-logo-text">Engineering</span> </a> </div> </div> <ul class="site-header-control"> <li class="site-header-control-section"> <nav class="main-site-navigation"> <button id="menu-toggle"> menu <svg class="menu-icon"> <use xlink:href="#hamburger-icon"></use> </svg> </button> <ul class="site-navigation-list inline-list"> <li class="site-navigation-list-element"> <a href="/en-us" title="Home" class="navigation-link"> Home </a> </li> <li class="site-navigation-list-element"> <a href="/blog" title="Blog" class="navigation-link"> Blog </a> </li> <li class="site-navigation-list-element"> <a href="/data" title="Data" class="navigation-link"> Data </a> </li> <li class="site-navigation-list-element"> <a href="/open-source" title="Open Source" class="navigation-link"> Open Source </a> </li> <li class="site-navigation-list-element"> <a href="/trust" title="Trust" class="navigation-link"> Trust </a> </li> <li class="site-navigation-list-element"> <a href="/infrastructure" title="Infrastructure" class="navigation-link"> Infrastructure </a> </li> <li class="search-input-li"> <form action="https://engineering.linkedin.com/blog/search"> <label for="searchInput" class="search-input-label a11y-hidden">Search...</label> <input class="search-input" type="text" id="searchInput" name="q" placeholder="Search..."/> <i class="icon-clear-search" aria-role="button"> <span class="screen-reader-text">Clear Search Input</span> </i> </form> <button class="search-cancel-button" id="search-cancel-button">Cancel</button> </li> </ul> <script type="text/template" id="typeahead-header"> <i class="triangle triangle-top top right"></i> </script> <script type="text/template" id="typeahead-footer"> <div class="view-all-container"> <a href="{{search-url}}?q={{query}}" class="view-all-link">View all</a> </div> </script> <script type="text/template" id="typeahead-suggestion"> <div class="element"> <div class="img-container"> <img class="img" src="{{imageUrl}}" alt="{{imageAltText}}"/> </div> <div class="description"> <a class="title-link" href="{{url}}"><h2>{{title}}</h2></a> <a class="author-link" href="{{auhtorUrl}}">{{authorName}}</a> <span class="date">{{publishDate}}</span> </div> </div> </script> <script data-search-results-page-path="https://engineering.linkedin.com/blog/search" data-search-j-s-o-n-end-point="/bin/linkedin/blog/search?site=eng-en-us-blog">(function(){var data=document.currentScript.dataset;var Microsites=window.Microsites||{};Microsites.searchEnabled=true;Microsites.searchPath=Microsites.searchPath||data.searchResultsPagePath;Microsites.searchJSONEndpoint=Microsites.searchJSONEndpoint||data.searchJSONEndPoint;window.Microsites=Microsites;})();</script> </nav> </li> </ul> </header> </section> </div> <section id="page-alert"> <div class="alert success hidden" role="alert" tabindex="-1"> <p class="message"></p> <button class="dismiss" title="dismiss this message"> dismiss this message </button> </div> </section> <section id="main" class="site-wrapper" role="main"> <section id="content" class="site-content frame group resource-page"> <div class="post parbase"><div class="component-anchor-container"><a class="component-anchor" name="post"></a></div><div class="post full" id="blog-post" data-gist-iframe="https://nonprofit.linkedin.com/content/dam/static-sites/thirdPartyJS/github-gists"> <div class="padding-wrapper"> <h1 class="heading">XLNT Platform: Driving A/B Testing at LinkedIn</h1><p class="subheading"></p><div class="post-details"> <h2 class="publish-info"> <div class="author in-post"> <a href="/blog/authors/y/ya-xu" rel="author"><img class="image" alt="" height="24" width="24" src="https://content.linkedin.com/content/dam/engineering/en-us/blog/migrated/Ya%20Xu_1.JPG"/></a> <a href="/blog/authors/y/ya-xu" rel="author" title="Posts by Ya Xu" class="name new-miniprofile-container" data-template-id="ya-xu">Ya Xu</a> </div> <script type="text/template" id="ya-xu"> <div class="new-miniprofile-content"> <i class="triangle triangle-top top right"></i> <div class="miniprofile-body "> <p class="photo"> <a href="/content/engineering/en-us/blog/authors/y/ya-xu.html"> <img src="/content/dam/engineering/en-us/blog/migrated/Ya%20Xu_1.JPG" altText="Ya Xu" /> </a> </p> <h2 class="name"><a href="/content/engineering/en-us/blog/authors/y/ya-xu.html">Ya Xu</a></h2> <ul class="miniprofile-actions"> <li class="action-item"><a href="/content/engineering/en-us/blog/authors/y/ya-xu.html" class="miniprofile-button bt-send">View all posts</a></li> <li class="action-item"><a href="https://www.linkedin.com/pub/ya-xu/19/469/593%20" target="_blank" class="miniprofile-button bt-secondary">View LinkedIn Profile</a></li> </ul> </div> <i class="triangle triangle-bottom top right"></i> </div> </script> <div class="date">August 22, 2014</div> </h2> <ul class="share-btns share-link-list resource-link-list"> <li class="linkedin-share-btn share-link"><script type="in/share" data-url="https://engineering.linkedin.com/ab-testing/xlnt-platform-driving-ab-testing-linkedin"></script></li> <li class="twitter-share-btn share-link"><iframe class="twitter-iframe" title="Twitter" allowtransparency="true" frameborder="0" scrolling="no" src="https://platform.twitter.com/widgets/tweet_button.html?url=https://engineering.linkedin.com/ab-testing/xlnt-platform-driving-ab-testing-linkedin&via=LinkedInEng&text=A%2FB testing is an indispensable driver behind LinkedIn%E2%80%99s data culture. We run more than 200 experiments in parallel daily and that number is growing quickly. We realized early on that ad hoc testing would only take us so far. We needed to change our approach to allow us to quickly quantify the impac&count=vertical"></iframe> </li> <li class="fb-share-link"> <a class="fb-share-button" href="http://www.facebook.com/sharer.php?&u=https://engineering.linkedin.com/ab-testing/xlnt-platform-driving-ab-testing-linkedin" target="_blank"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fb-share-button-svg"></use> </svg> <span>Share</span> </a> </li> </ul> </div> <div class="content"> <div class="bubble-img"></div> <div class="full-content" id="contentstart" role="main"> <div class="rich-text"> <div class="par parsys"><div class="importedBlogPost section"> <div class="component-anchor-container"><a class="component-anchor" name="post_par_importedBlogPost"></a></div> <p> A/B testing is an indispensable driver behind LinkedIn’s data culture. We run more than 200 experiments in parallel daily and that number is growing quickly. We realized early on that ad hoc testing would only take us so far. We needed to change our approach to allow us to quickly quantify the impact of any A/B test in a scientific and controlled manner across LinkedIn.com and our apps. </p> <p> All of the A/B tests we conduct have a clear end goal of improving our products for the benefit of our members. Like most Internet-based companies, we run experiments that range from small UI tweaks to backend relevance algorithm changes to full redesigns of our homepage. We also have very clear guidelines about what we will not test, which include experiments that are intended to deliver a negative member experience, have a goal of altering members’ moods or emotions, or override existing members’ settings or choices. </p> <p> To take our A/B testing to the next level, we built XLNT, an internal end-to-end A/B testing platform. XLNT allows for easy design and deployment of experiments, but it also provides automatic analysis that is crucial in popularizing A/B tests. The platform is generic and extensible, covering almost all domains including mobile and email. This month, XLNT turns one year old and hits a major milestone: more than 2,800 experiments have run on it. </p> <p> XLNT is a key component of LinkedIn’s <a href="http://www.wired.com/2013/04/linkedin-software-revolution">Continuous Deployment</a> infrastructure. It allows us to ramp A/B tests totally independently from code releases and can be easily managed through a centralized configuration UI. It also lets us isolate the real impact of the experiment from the noise. </p> <p> The XLNT platform automatically generates analysis reports, including both the percentage delta and the statistical significance information on many metrics, on a daily basis for every A/B test run across LinkedIn. </p> <p> <img alt="XLNT reporting dashboard" src="https://content.linkedin.com/content/dam/engineering/en-us/blog/migrated/reportingDashboard.jpg"> </p> <p> We continue to build new features into XLNT to enable everyone at LinkedIn to embed A/B testing in their product development and decision-making process. We recognize that not only are our products diverse, each one of our members is special and unique. With that in mind, many of our experiments focus on how we can provide the most improved member experience possible to specific member segments. </p> <p> Now XLNT not only makes such customization simple, but also automatically focuses analysis to isolate the real impact from the noise. In addition, to get accurate assessment of the overall impact of an experiment that is comparable across different experiments with different trigger conditions, XLNT also provides a “site wide impact” estimate to measure how the numbers would move if an experiment were to be launched to 100% of our members. </p> <p> To keep A/B testing scalable as LinkedIn grows, XLNT now lets each team own the logic of their metrics while the experimentation team reviews the metrics definitions, manages the metrics onboarding process and operates daily computations. </p> <p> We’ve made many changes to our products and launched new features after putting them through A/B tests on the XLNT platform. These changes have measurably improved the member experience on LinkedIn. </p> <p> Recently, we ran an A/B test on the small module on members profile pages that guides them to complete their profile. This test focused on the impact of adding the value statement, for example, adding the sentence "Add more color to your professional identity by showing what you care about" with a goal of helping our members understand why they should complete their volunteer experience. This small change turned out to be extremely successful. The A/B test showed a 14% increase in edits of volunteer experience in member profiles! The XLNT platform makes it feasible to quickly test such small changes at low cost to the team, so we can continue to identify features with high Return-On-Investment (ROI) and moreover, quantify the impact in a scientific and controlled manner. </p> <p> <img alt="Test of change to guided profile edit" src="https://content.linkedin.com/content/dam/engineering/en-us/blog/migrated/profileValueStatementExp.jpg"> </p> <p> XLNT also makes it extremely easy to test ways we can improve the member experience for customized groups of professionals. Clearly, a job recommendation that works for a CEO is very different from one that works for students. Even for the same member, the need is different when visiting from their computer than from their smartphone. XLNT keeps many targeting attributes in a Voldemort store to query real time for any experiments and, in addition, XLNT is able to process any other attributes that are passed along in the request, e.g. browser, device etc. </p> <p> <img src="https://content.linkedin.com/content/dam/engineering/en-us/blog/migrated/configuration.jpg" width="300"> </p> <p> The deployment in the application code is as simple as one line. For example, to determine the right color to show to a member in a “buttonColor” experiment, we just need to make one call to the client as shown below. </p> <p> String color = client.getTreatment(memberID, "buttonColor"). </p> <p> Setting up a Multi-variate Test (MVT) simply means creating one call per factor, and the XLNT infrastructure fully supports either full or fractional factorial designs. To enable follow-on analysis, an event is logged during the “getTreatment” call. Logging only when the code is called not only reduces the logs footprint, but also allows us to do triggered analysis where we focus only on users who are actually affected by the experiment. </p> <p> Automated analytics not only saves teams from time-consuming, ad hoc analysis, but also ensures that the methodology behind the reports is solid, consistent and scientifically founded. To paint with a broad brush, the XLNT analytics pipeline runs in Hadoop to compute member engagement metrics such as page-views and clicks, and joins them with the experiment assignment information we collect from online logging. This data is then aggregated to produce summary statistics that are sufficient to compute the impact on any metrics and the statistical significance information such as p-values and confidence intervals. In addition, to provide more insights into why a metric is moved, XLNT supports multiple-level drill down into various member and product segments. The drill-down feature is customized for different product areas to keep the data from exploding and save us from crunching unnecessary data that no one looks at. </p> <p> When we launched XLNT a year ago the platform only supported about 50 tests per day. Today, that number has increased to more than 200 tests. The number of metrics supported has also grown from 60 to more than 700. The XLNT platform now crunches billions of experiment events daily to produce more than 30 million summary records. The team that built and now supports XLNT has a clear mission of enabling “accurate decisions made faster @ scale” and continues to strive to ensure that the best innovations are delivered to our members. </p> </div> </div> </div> <section class="category-wrapper"> <h3 class="category-heading">Topics</h3> <ul class="category-list"> <li class="category-list-el"> <a href="/blog/topic/ab-testing">A/B Testing</a></li> </ul> </section> </div> </div> <div class="component-anchor-container"><a class="component-anchor" name="post"></a></div><ul class="additional-posts"><li class="additional-post" style="background-image:url(/content/dam/engineering/site-assets/images/blog/Blog_FeaturedImages_3.jpg)"><div class="shadow"></div><a href="/blog/2015/11/top-five-lessons-from-running-a-b-tests-on-the-world-s-largest-p" rel="bookmark" title="Top Five Lessons from Running A/B Tests on the World's Largest Professional Network" class="post-link over-shadow"><div class="center-box"><p class="post-label">Related story</p><h2 class="heading-text">Top Five Lessons from Running A/B Tests on the World's Largest Professional Network</h2></div></a></li><li class="additional-post" style="background-image:url(/content/dam/engineering/site-assets/images/blog/posts/2018/03/Newsroom.Desktop-Photo-Mocked-Skill-Gap-01-744-360.jpg)"><div class="shadow"></div><a href="/blog/2018/03/a-look-behind-the-ai-that-powers-linkedins-feed--sifting-through" rel="bookmark" title="A Look Behind the AI that Powers LinkedIn’s Feed: Sifting through Billions of Conversations to Create Personalized News Feeds for Hundreds of Millions of Members" class="post-link over-shadow"><div class="center-box"><p class="post-label">Related story</p><h2 class="heading-text">A Look Behind the AI that Powers LinkedIn’s Feed: Sifting through Billions of Conversations to Create Personalized News Feeds for Hundreds of Millions of Members</h2></div></a></li></ul> </div> </div></div> </section> </section> <div class="sticky-cta stickyCta"> <section class="site-wrapper"><section class="site-content"><div class="secondary-footer li-sticky-nav-bottom "><div class="left-column"><ul class="sticky-cta-link-list"><li><a title="Back to top" class="back-to-top li-tooltip small-button-secondary"><span class="back-to-top-img"></span>Back to top</a></li><li class="linkedin-link"><a href="//www.linkedin.com" target="_blank" class="link">LinkedIn.com</a></li></ul></div><div class="right-column"><ul class="right-link-list"><li class="secondary-link-or-text"><div class="free-text-url regionalText"></div></li></ul></div></div></section></section> </div> <div class="site-footer-component siteFooter"> <div class="site-footer clear-fix"> <ul id="footer-site-map" class="footer-link-list linkedin-inline-list"> <li> <a href="/blog" title="Blog" class="footer-link"> Blog </a> </li> <li> <a href="/data" title="Data" class="footer-link"> Data </a> </li> <li> <a href="/open-source" title="Open Source" class="footer-link"> Open Source </a> </li> <li> <a href="/trust" title="Trust" class="footer-link"> Trust </a> </li> <li> <a href="/infrastructure" title="Infrastructure" class="footer-link"> Infrastructure </a> </li> </ul> <ul class="footer-link-list footer-legal-links linkedin-inline-list"> <li class="footer-copyright"> <p>LinkedIn Corporation © 2024</p> </li> <li><a href="//press.linkedin.com/about-linkedin" target="_blank" class="footer-link">About</a></li> <li><a href="//www.linkedin.com/legal/cookie_policy" target="_blank" class="footer-link">Cookie Policy</a></li> <li><a href="//www.linkedin.com/legal/privacy-policy" target="_blank" class="footer-link">Privacy Policy</a></li> <li><a href="//www.linkedin.com/legal/user-agreement" target="_blank" class="footer-link">User Agreement</a></li> <li><a href="//www.linkedin.com/accessibility" target="_blank" class="footer-link">Accessibility</a></li> <li><a href="https://www.linkedin.com/legal/california-privacy-disclosure" target="_blank" class="footer-link">Your California Privacy Choices</a></li> </ul> <ul class="footer-utility-list"> <li class="footer-utility"> <ul class="footer-link-list social-media-links linkedin-inline-list"> <li class="follow-link"> <a href="https://linkedin.com/company/1337" target="_blank" class="footer-link social-icon linkedin lazy-load"><span class="ally-text">Linkedin</span></a> </li> <li class="follow-link"> <a href="https://twitter.com/LinkedInEng" rel="nofollow" target="_blank" class="footer-link social-icon twitter lazy-load"><span class="ally-text">Twitter</span></a> </li> <li class="follow-link"> <a href="https://www.youtube.com/user/LIEngineering" rel="nofollow" target="_blank" class="footer-link social-icon youtube lazy-load"><span class="ally-text">YouTube</span></a> </li> <li class="follow-link"> <a href="https://www.facebook.com/LinkedIn" rel="nofollow" target="_blank" class="footer-link social-icon facebook lazy-load"><span class="ally-text">Facebook</span></a> </li> <li class="follow-link"> <a href="https://engineering.linkedin.com/blog.rss.html" target="_blank" class="footer-link social-icon rss lazy-load"><span class="ally-text">RSS</span></a> </li> </ul> </li> </ul> </div></div> <div id="lf_div_invite" name="lf_div_invite" style="display:none;position:absolute;left:0;top:0;width:0;height:0"> <iframe name="lf_iframe_invite" id="lf_iframe_invite" frameborder="0" src="about:blank" style="width:100%;height:100%;border:none;" allowtransparency="true" scrolling="no"></iframe> </div> <div id="artdeco-global-alert-container" aria-live="assertive" role="alert" aria-hidden="true"> <div class="artdeco-global-alert" id="artdeco-global-alert"> <section class="artdeco-global-alert__body"> <li-icon class="artdeco-global-alert__icon artdeco-global-alert__icon--notice"></li-icon> <li-icon class="artdeco-global-alert__icon artdeco-global-alert__icon--error"></li-icon> <li-icon class="artdeco-global-alert__icon artdeco-global-alert__icon--yield"></li-icon> <div class="artdeco-global-alert__responsive-container"> <div class="artdeco-global-alert__content" id="artdeco-global-alert-content"></div> <div class="artdeco-global-alert-action__wrapper" id="artdeco-global-alert-action-container"></div> </div> <button class="artdeco-global-alert__dismiss" id="artdeco-global-alert-dismiss"> <li-icon class="artdeco-global-alert__icon artdeco-global-alert__icon--dismiss"></li-icon> <span class="a11y-text">dismiss</span> </button> </section> </div> </div> <script type="text/javascript">liConfig={"rumUrl":"https://www.linkedin.com/li/track","isKafkaTrackingEnabled":"true"};</script> <div class="cloudservices servicecomponents"> </div> <script type="text/javascript" src="/etc.clientlibs/settings/wcm/designs/linkedin/katy/global/footer/desktop.min.LIHASH1dd2be602aee1d065966032d4a51f6dc.js"></script> <script type="text/javascript" src="/etc.clientlibs/settings/wcm/designs/linkedin/katy/global/header/blogs.min.LIHASH6586c193b30acc4878f72c989034553e.js"></script> <script type="text/javascript" src="/etc.clientlibs/settings/wcm/designs/liforms/clientlibs/formControl.min.LIHASHd41d8cd98f00b204e9800998ecf8427e.js"></script> <script type="text/javascript" src="https://platform.linkedin.com/in.js"></script> <script type="text/javascript">(function(){function load(module){try{var obj=require(module);if(obj!==undefined&&obj.hasOwnProperty('init')){obj.init()}}catch(error){console.log(error);}} load('linkedin/all');})()</script> <script type="text/javascript" data-page-path="/content/engineering/en-us/blog/migrated/ab-testing/xlnt-platform-driving-ab-testing-linkedin" data-google-code="UA-23312791-1" data-bizo-data-partner-i-d="6883">var data=document.currentScript.dataset;var trackingFe=require('linkedin/global/tracking2/tracking-fe');pageKey=trackingFe.pageKey;window._analytics=window._analytics||{};if(!window._analytics.trackingId){window._analytics.trackingId=require('linkedin/global/tracking2/tracking-utils').generateTrackingId();} try{trackingFe.sendPageViewEvent(pageKey,window._analytics.trackingId,data.pagePath);}catch(err){console.log(err);} try{require('linkedin/global/tracking/googleAnalytics')(data.googleCode);}catch(err){} try{require('linkedin/global/tracking/bizoAnalytics')(data.bizoDataPartnerID);}catch(err){} try{require('linkedin/global/tracking/criteoAnalytics')(data.googleCode);}catch(err){}</script> <noscript> <div style="display:inline;"> <img height="1" width="1" alt="" style="display:none;" src="//www.bizographics.com/collect/?pid=6883&fmt=gif"/> </div> </noscript> </body> </html>