<!-- Default -->
<!-- PLEASE NOTE: Background styling with or without divs are added to better depict white icons. -->
<!-- 1. Extra styling with or without divs are added to better depict white icons -->
<!-- 2. SGV Icons: Extra div with background and display styling IS NOT REQUIRED for usage -->
<!-- 3. IMG Icons: Extra styling attribute IS NOT required for usage -->

<!-- Clear -->
<!-- Clear Grey-60-->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Clear</title>
    <g id="Icon/clear-grey60" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M24,4 C35.04,4 44,12.96 44,24 C44,35.04 35.04,44 24,44 C12.96,44 4,35.04 4,24 C4,12.96 12.96,4 24,4 Z M31.0710678,14.1005051 L24,21.172 L16.9289322,14.1005051 L14.1005051,16.9289322 L21.172,24 L14.1005051,31.0710678 L16.9289322,33.8994949 L24,26.828 L31.0710678,33.8994949 L33.8994949,31.0710678 L26.828,24 L33.8994949,16.9289322 L31.0710678,14.1005051 Z" id="Shape" fill="#666666" fill-rule="nonzero"></path>
    </g>
</svg>

<!-- Clear Black-->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Clear</title>
    <g id="Icon/clear-grey60" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M24,4 C35.04,4 44,12.96 44,24 C44,35.04 35.04,44 24,44 C12.96,44 4,35.04 4,24 C4,12.96 12.96,4 24,4 Z M31.0710678,14.1005051 L24,21.172 L16.9289322,14.1005051 L14.1005051,16.9289322 L21.172,24 L14.1005051,31.0710678 L16.9289322,33.8994949 L24,26.828 L31.0710678,33.8994949 L33.8994949,31.0710678 L26.828,24 L33.8994949,16.9289322 L31.0710678,14.1005051 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Clear White-->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Clear</title>
        <g id="Icon/clear-grey60" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M24,4 C35.04,4 44,12.96 44,24 C44,35.04 35.04,44 24,44 C12.96,44 4,35.04 4,24 C4,12.96 12.96,4 24,4 Z M31.0710678,14.1005051 L24,21.172 L16.9289322,14.1005051 L14.1005051,16.9289322 L21.172,24 L14.1005051,31.0710678 L16.9289322,33.8994949 L24,26.828 L31.0710678,33.8994949 L33.8994949,31.0710678 L26.828,24 L33.8994949,16.9289322 L31.0710678,14.1005051 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
        </g>
    </svg>
</div>

<!-- Close -->
<!-- Close Icon Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Close</title>
    <g id="Icon/close-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Shape" fill="#000000" points="38 12.82 35.18 10 24 21.18 12.82 10 10 12.82 21.18 24 10 35.18 12.82 38 24 26.82 35.18 38 38 35.18 26.82 24"></polygon>
    </g>
</svg>

<!-- Close Icon White -->
<div style="background: #2774AE; display: inline-block;">
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Close</title>
        <g id="Icon/close-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <polygon id="Shape" fill="#FFFFFF" points="38 12.82 35.18 10 24 21.18 12.82 10 10 12.82 21.18 24 10 35.18 12.82 38 24 26.82 35.18 38 38 35.18 26.82 24"></polygon>
        </g>
    </svg>
</div>

<!-- Close Icon Blue -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Close</title>
    <g id="Icon/close-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Shape" fill="#00598C" points="38 12.82 35.18 10 24 21.18 12.82 10 10 12.82 21.18 24 10 35.18 12.82 38 24 26.82 35.18 38 38 35.18 26.82 24"></polygon>
    </g>
</svg>

<!-- Down Arrow -->
<!-- Down Arrow Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Arrow Down</title>
    <g id="Icon/arrow-down-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Path" fill="#000000" points="14.82 17.18 24 26.34 33.18 17.18 36 20 24 32 12 20"></polygon>
    </g>
</svg>

<!-- Down Arrow White -->
<div style="background: #2774AE; display: inline-block;">
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Arrow Down</title>
        <g id="Icon/arrow-down-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <polygon id="Path" fill="#FFFFFF" points="14.82 17.18 24 26.34 33.18 17.18 36 20 24 32 12 20"></polygon>
        </g>
    </svg>
</div>

<!-- Down Arrow Blue -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Arrow Down</title>
    <g id="Icon/arrow-down-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Path" fill="#00598C" points="14.82 17.18 24 26.34 33.18 17.18 36 20 24 32 12 20"></polygon>
    </g>
</svg>

<!-- Download -->
<div style="display: inline-block">
    <!-- Download Black -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Download</title>
        <g id="Icon/download-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M24,7 C14.6111593,7 7,14.6111593 7,24 C7,33.3888407 14.6111593,41 24,41 C33.3888407,41 41,33.3888407 41,24 C41,14.6111593 33.3888407,7 24,7 Z M25.6666667,10.6666667 L25.6666667,30.95 L34.9833333,21.65 L37.3333333,24 L24,37.3333333 L10.6666667,24 L13.0333333,21.6333333 L22.3333333,30.95 L22.3333333,10.6666667 L25.6666667,10.6666667 Z" id="Combined-Shape" fill="#000000"></path>
        </g>
    </svg>

    <div style="background: #2774AE; display: inline-block;">
        <!-- Download White -->
        <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <title>Download</title>
            <g id="Icon/download-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <path d="M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M24,7 C14.6111593,7 7,14.6111593 7,24 C7,33.3888407 14.6111593,41 24,41 C33.3888407,41 41,33.3888407 41,24 C41,14.6111593 33.3888407,7 24,7 Z M25.6666667,10.6666667 L25.6666667,30.95 L34.9833333,21.65 L37.3333333,24 L24,37.3333333 L10.6666667,24 L13.0333333,21.6333333 L22.3333333,30.95 L22.3333333,10.6666667 L25.6666667,10.6666667 Z" id="Combined-Shape" fill="#FFFFFF"></path>
            </g>
        </svg>
    </div>

    <!-- Download Blue -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Download</title>
        <g id="Icon/download-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M24,7 C14.6111593,7 7,14.6111593 7,24 C7,33.3888407 14.6111593,41 24,41 C33.3888407,41 41,33.3888407 41,24 C41,14.6111593 33.3888407,7 24,7 Z M25.6666667,10.6666667 L25.6666667,30.95 L34.9833333,21.65 L37.3333333,24 L24,37.3333333 L10.6666667,24 L13.0333333,21.6333333 L22.3333333,30.95 L22.3333333,10.6666667 L25.6666667,10.6666667 Z" id="Combined-Shape" fill="#00598C"></path>
        </g>
    </svg>
</div>

<!-- External Link -->
<!-- External Link Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>External Link</title>
    <g id="Icon/external-link-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M31,38 L10,38 L10,17 L17,17 L17,10 L38,10 L38,31 L31,31 L31,38 Z M34.5,13.5 L20.5,13.5 L20.5,27.5 L34.5,27.5 L34.5,13.5 Z M17,31 L17,20.5 L13.5,20.5 L13.5,34.5 L27.5,34.5 L27.5,31 L17,31 Z" id="Combined-Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- External Link White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>External Link</title>
        <g id="Icon/external-link-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M31,38 L10,38 L10,17 L17,17 L17,10 L38,10 L38,31 L31,31 L31,38 Z M34.5,13.5 L20.5,13.5 L20.5,27.5 L34.5,27.5 L34.5,13.5 Z M17,31 L17,20.5 L13.5,20.5 L13.5,34.5 L27.5,34.5 L27.5,31 L17,31 Z" id="Combined-Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>

<!-- External Link Blue -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>External Link</title>
    <g id="Icon/external-link-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M31,38 L10,38 L10,17 L17,17 L17,10 L38,10 L38,31 L31,31 L31,38 Z M34.5,13.5 L20.5,13.5 L20.5,27.5 L34.5,27.5 L34.5,13.5 Z M17,31 L17,20.5 L13.5,20.5 L13.5,34.5 L27.5,34.5 L27.5,31 L17,31 Z" id="Combined-Shape" fill="#00598C"></path>
    </g>
</svg>

<!-- Form Submission -->
<!-- Error Red-->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Error</title>
    <defs>
        <path d="M24,4 C12.96,4 4,12.96 4,24 C4,35.04 12.96,44 24,44 C35.04,44 44,35.04 44,24 C44,12.96 35.04,4 24,4 Z M26,34 L22,34 L22,30 L26,30 L26,34 Z M26,26 L22,26 L22,14 L26,14 L26,26 Z" id="path-1"></path>
    </defs>
    <g id="Icon/error-red" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <mask id="mask-2" fill="white">
            <use xlink:href="#path-1"></use>
        </mask>
        <use id="Shape" fill="#D60000" xlink:href="#path-1"></use>
    </g>
</svg>

<!-- Success Green -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Success</title>
    <g id="Icon/success-green" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="valid" transform="translate(4.000000, 4.000000)" fill="#007339">
            <path d="M20,0 C31.045695,0 40,8.954305 40,20 C40,31.045695 31.045695,40 20,40 C8.954305,40 0,31.045695 0,20 C0,8.954305 8.954305,0 20,0 Z M28.371517,12.1216862 L18.2495391,22.2436641 L13.627483,17.6216081 C13.4645681,17.4586931 13.2012375,17.4586931 13.0383225,17.6216081 L10.1216862,20.5382444 C9.95877126,20.7011594 9.95877126,20.9644899 10.1216862,21.1274049 L17.9549588,28.9606775 C18.036208,29.0419266 18.1428735,29.0827595 18.2495391,29.0827595 C18.3562046,29.0827595 18.4628702,29.0419266 18.5441193,28.9606775 L31.8773138,15.627483 C32.0402287,15.4645681 32.0402287,15.2012375 31.8773138,15.0383225 L28.9606775,12.1216862 C28.7977625,11.9587713 28.5344319,11.9587713 28.371517,12.1216862 Z" id="Combined-Shape"></path>
        </g>
    </g>
</svg>

<!-- Forward Arrow -->
<!-- Forward Arrow Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Arrow Forward</title>
    <g id="Icon/arrow-forward-white-Copy" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M36.6639676,12 L48,24 L36.6639676,36 L34,33.18 L40.768,26 L0,26 L0,22 L40.768,22 L34,14.82 L36.6639676,12 Z" id="Combined-Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Forward Arrow White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Arrow Forward</title>
        <g id="Icon/arrow-forward-white-Copy" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M36.6639676,12 L48,24 L36.6639676,36 L34,33.18 L40.768,26 L0,26 L0,22 L40.768,22 L34,14.82 L36.6639676,12 Z" id="Combined-Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>

<!-- Forward Arrow Blue -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Arrow Forward</title>
    <g id="Icon/arrow-forward-white-Copy" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M36.6639676,12 L48,24 L36.6639676,36 L34,33.18 L40.768,26 L0,26 L0,22 L40.768,22 L34,14.82 L36.6639676,12 Z" id="Combined-Shape" fill="#00598C"></path>
    </g>
</svg>

<!-- Left Arrow -->
<!-- Left Arrow Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Arrow Left</title>
    <g id="Icon/arrow-left-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Shape" fill="#000000" transform="translate(24.590000, 24.000000) scale(-1, 1) translate(-24.590000, -24.000000) " points="17.18 33.18 26.34 24 17.18 14.82 20 12 32 24 20 36"></polygon>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Left Arrow White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Arrow Left</title>
        <g id="Icon/arrow-left-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <polygon id="Shape" fill="#FFFFFF" transform="translate(24.590000, 24.000000) scale(-1, 1) translate(-24.590000, -24.000000) " points="17.18 33.18 26.34 24 17.18 14.82 20 12 32 24 20 36"></polygon>
        </g>
    </svg>
</div>

<!-- Left Arrow Blue -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Arrow Left</title>
    <g id="Icon/arrow-left-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Shape" fill="#00598C" transform="translate(24.590000, 24.000000) scale(-1, 1) translate(-24.590000, -24.000000) " points="17.18 33.18 26.34 24 17.18 14.82 20 12 32 24 20 36"></polygon>
    </g>
</svg>

<!-- Location -->
<!-- Location Grey60-->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Location</title>
    <g id="Icon/location-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M24,4 C16.26,4 10,10.26 10,18 C10,28.5 24,44 24,44 C24,44 38,28.5 38,18 C38,10.26 31.74,4 24,4 Z M24,23 C21.24,23 19,20.76 19,18 C19,15.24 21.24,13 24,13 C26.76,13 29,15.24 29,18 C29,20.76 26.76,23 24,23 Z" id="Shape" fill="#666666"></path>
    </g>
</svg>

<!-- Location Black-->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Location</title>
    <g id="Icon/location-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M24,4 C16.26,4 10,10.26 10,18 C10,28.5 24,44 24,44 C24,44 38,28.5 38,18 C38,10.26 31.74,4 24,4 Z M24,23 C21.24,23 19,20.76 19,18 C19,15.24 21.24,13 24,13 C26.76,13 29,15.24 29,18 C29,20.76 26.76,23 24,23 Z" id="Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Location White-->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Location</title>
        <g id="Icon/location-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M24,4 C16.26,4 10,10.26 10,18 C10,28.5 24,44 24,44 C24,44 38,28.5 38,18 C38,10.26 31.74,4 24,4 Z M24,23 C21.24,23 19,20.76 19,18 C19,15.24 21.24,13 24,13 C26.76,13 29,15.24 29,18 C29,20.76 26.76,23 24,23 Z" id="Shape" fill="#000000"></path>
        </g>
    </svg>
</div>

<!-- Menu -->
<!-- Menu Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Menu</title>
    <defs>
        <path d="M8,36 L40,36 L40,32 L8,32 L8,36 Z M8,26 L40,26 L40,22 L8,22 L8,26 Z M8,12 L8,16 L40,16 L40,12 L8,12 Z" id="path-1"></path>
    </defs>
    <g id="Icon/menu-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <mask id="mask-2" fill="white">
            <use xlink:href="#path-1"></use>
        </mask>
        <use id="Shape" fill="#000000" xlink:href="#path-1"></use>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Menu White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Menu</title>
        <defs>
            <path d="M8,36 L40,36 L40,32 L8,32 L8,36 Z M8,26 L40,26 L40,22 L8,22 L8,26 Z M8,12 L8,16 L40,16 L40,12 L8,12 Z" id="path-1"></path>
        </defs>
        <g id="Icon/menu-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <mask id="mask-2" fill="white">
                <use xlink:href="#path-1"></use>
            </mask>
            <use id="Shape" fill="#FFFFFF" xlink:href="#path-1"></use>
        </g>
    </svg>
</div>

<!-- Menu Blue -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Menu</title>
    <defs>
        <path d="M8,36 L40,36 L40,32 L8,32 L8,36 Z M8,26 L40,26 L40,22 L8,22 L8,26 Z M8,12 L8,16 L40,16 L40,12 L8,12 Z" id="path-1"></path>
    </defs>
    <g id="Icon/menu-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <mask id="mask-2" fill="white">
            <use xlink:href="#path-1"></use>
        </mask>
        <use id="Shape" fill="#00598C" xlink:href="#path-1"></use>
    </g>
</svg>

<!-- Play -->
<!-- Play Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Play</title>
    <g id="Icon/play-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M20,33 L32,24 L20,15 L20,33 Z M24,4 C12.96,4 4,12.96 4,24 C4,35.04 12.96,44 24,44 C35.04,44 44,35.04 44,24 C44,12.96 35.04,4 24,4 Z M24,41 C14.62875,41 7,33.37125 7,24 C7,14.62875 14.62875,7 24,7 C33.37125,7 41,14.62875 41,24 C41,33.37125 33.37125,41 24,41 Z" id="Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Play White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Play</title>
        <g id="Icon/play-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M20,33 L32,24 L20,15 L20,33 Z M24,4 C12.96,4 4,12.96 4,24 C4,35.04 12.96,44 24,44 C35.04,44 44,35.04 44,24 C44,12.96 35.04,4 24,4 Z M24,41 C14.62875,41 7,33.37125 7,24 C7,14.62875 14.62875,7 24,7 C33.37125,7 41,14.62875 41,24 C41,33.37125 33.37125,41 24,41 Z" id="Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>

<!-- Play Blue -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Play</title>
    <g id="Icon/play-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M20,33 L32,24 L20,15 L20,33 Z M24,4 C12.96,4 4,12.96 4,24 C4,35.04 12.96,44 24,44 C35.04,44 44,35.04 44,24 C44,12.96 35.04,4 24,4 Z M24,41 C14.62875,41 7,33.37125 7,24 C7,14.62875 14.62875,7 24,7 C33.37125,7 41,14.62875 41,24 C41,33.37125 33.37125,41 24,41 Z" id="Shape" fill="#00598C"></path>
    </g>
</svg>

<!-- Right Arrow -->
<!-- Right Arrow Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Arrow Right</title>
    <g id="Icon/arrow-right-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Background" points="0 0 48 0 48 48 0 48"></polygon>
        <polygon id="Shape" fill="#000000" points="18 33.18 26.6531714 24 18 14.82 20.6639676 12 32 24 20.6639676 36"></polygon>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Right Arrow White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Arrow Right</title>
        <g id="Icon/arrow-right-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <polygon id="Background" points="0 0 48 0 48 48 0 48"></polygon>
            <polygon id="Shape" fill="#FFFFFF" points="18 33.18 26.6531714 24 18 14.82 20.6639676 12 32 24 20.6639676 36"></polygon>
        </g>
    </svg>
</div>

<!-- Right Arrow Blue -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Arrow Right</title>
    <g id="Icon/arrow-right-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Background" points="0 0 48 0 48 48 0 48"></polygon>
        <polygon id="Shape" fill="#00598C" points="18 33.18 26.6531714 24 18 14.82 20.6639676 12 32 24 20.6639676 36"></polygon>
    </g>
</svg>

<!-- Search -->
<!-- Search Grey-60 -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Search</title>
    <g id="Icon/search-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M31,28 L29.42,28 L28.86,27.46 C30.82,25.18 32,22.22 32,19 C32,11.82 26.18,6 19,6 C11.82,6 6,11.82 6,19 C6,26.18 11.82,32 19,32 C22.22,32 25.18,30.82 27.46,28.86 L28,29.42 L28,31 L38,40.98 L40.98,38 L31,28 Z M19,28 C14.02,28 10,23.98 10,19 C10,14.02 14.02,10 19,10 C23.98,10 28,14.02 28,19 C28,23.98 23.98,28 19,28 Z" id="Shape" fill="#666666"></path>
    </g>
</svg>

<!-- Search Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Search</title>
    <g id="Icon/search-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M31,28 L29.42,28 L28.86,27.46 C30.82,25.18 32,22.22 32,19 C32,11.82 26.18,6 19,6 C11.82,6 6,11.82 6,19 C6,26.18 11.82,32 19,32 C22.22,32 25.18,30.82 27.46,28.86 L28,29.42 L28,31 L38,40.98 L40.98,38 L31,28 Z M19,28 C14.02,28 10,23.98 10,19 C10,14.02 14.02,10 19,10 C23.98,10 28,14.02 28,19 C28,23.98 23.98,28 19,28 Z" id="Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Search White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Search</title>
        <g id="Icon/search-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M31,28 L29.42,28 L28.86,27.46 C30.82,25.18 32,22.22 32,19 C32,11.82 26.18,6 19,6 C11.82,6 6,11.82 6,19 C6,26.18 11.82,32 19,32 C22.22,32 25.18,30.82 27.46,28.86 L28,29.42 L28,31 L38,40.98 L40.98,38 L31,28 Z M19,28 C14.02,28 10,23.98 10,19 C10,14.02 14.02,10 19,10 C23.98,10 28,14.02 28,19 C28,23.98 23.98,28 19,28 Z" id="Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>

<!-- Search Blue -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Search</title>
    <g id="Icon/search-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M31,28 L29.42,28 L28.86,27.46 C30.82,25.18 32,22.22 32,19 C32,11.82 26.18,6 19,6 C11.82,6 6,11.82 6,19 C6,26.18 11.82,32 19,32 C22.22,32 25.18,30.82 27.46,28.86 L28,29.42 L28,31 L38,40.98 L40.98,38 L31,28 Z M19,28 C14.02,28 10,23.98 10,19 C10,14.02 14.02,10 19,10 C23.98,10 28,14.02 28,19 C28,23.98 23.98,28 19,28 Z" id="Shape" fill="#00598C"></path>
    </g>
</svg>

<!-- Sort -->
<!-- Sort Ascending -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Sort Asecending</title>
    <g id="Icon/sort-asecending" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Bottom" fill="#666666" fill-rule="nonzero" points="16 24 24 32 32 24"></polygon>
        <polygon id="Top" fill="#000000" transform="translate(24.000000, 16.000000) rotate(180.000000) translate(-24.000000, -16.000000) " points="16 12 24 20 32 12"></polygon>
    </g>
</svg>

<!-- Sort Descending -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Sort Descending</title>
    <g id="Icon/sort-descending" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Bottom" fill="#000000" points="16 24 24 32 32 24"></polygon>
        <polygon id="Top" fill="#666666" fill-rule="nonzero" transform="translate(24.000000, 16.000000) rotate(180.000000) translate(-24.000000, -16.000000) " points="16 12 24 20 32 12"></polygon>
    </g>
</svg>

<!-- Time -->
<!-- Time Grey60 -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Time</title>
    <g id="Icon/time-white-Copy" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M23.98,4 C35.04,4 44,12.96 44,24 C44,35.04 35.04,44 23.98,44 C12.94,44 4,35.04 4,24 C4,12.96 12.94,4 23.98,4 Z M24,8 C15.16,8 8,15.16 8,24 C8,32.84 15.16,40 24,40 C32.84,40 40,32.84 40,24 C40,15.16 32.84,8 24,8 Z M25,14 L25,24.5 L34,29.84 L32.5,32.3 L22,26 L22,14 L25,14 Z" id="Combined-Shape" fill="#666666" fill-rule="nonzero"></path>
    </g>
</svg>

<!-- Time White -->
<div style="background: #2774AE; display: inline-block;">
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Time</title>
        <g id="Icon/time-white-Copy" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M23.98,4 C35.04,4 44,12.96 44,24 C44,35.04 35.04,44 23.98,44 C12.94,44 4,35.04 4,24 C4,12.96 12.94,4 23.98,4 Z M24,8 C15.16,8 8,15.16 8,24 C8,32.84 15.16,40 24,40 C32.84,40 40,32.84 40,24 C40,15.16 32.84,8 24,8 Z M25,14 L25,24.5 L34,29.84 L32.5,32.3 L22,26 L22,14 L25,14 Z" id="Combined-Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
        </g>
    </svg>
</div>

<!-- Time Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Time</title>
    <g id="Icon/time-white-Copy" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M23.98,4 C35.04,4 44,12.96 44,24 C44,35.04 35.04,44 23.98,44 C12.94,44 4,35.04 4,24 C4,12.96 12.94,4 23.98,4 Z M24,8 C15.16,8 8,15.16 8,24 C8,32.84 15.16,40 24,40 C32.84,40 40,32.84 40,24 C40,15.16 32.84,8 24,8 Z M25,14 L25,24.5 L34,29.84 L32.5,32.3 L22,26 L22,14 L25,14 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
    </g>
</svg>

<!-- Up Arrow -->
<!-- Up Arrow Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Arrow Up</title>
    <g id="Icon/arrow-up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Path" fill="#000000" transform="translate(24.000000, 24.590000) rotate(180.000000) translate(-24.000000, -24.590000) " points="14.82 17.18 24 26.34 33.18 17.18 36 20 24 32 12 20"></polygon>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Up Arrow White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Arrow Up</title>
        <g id="Icon/arrow-up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <polygon id="Path" fill="#FFFFFF" transform="translate(24.000000, 24.590000) rotate(180.000000) translate(-24.000000, -24.590000) " points="14.82 17.18 24 26.34 33.18 17.18 36 20 24 32 12 20"></polygon>
        </g>
    </svg>
</div>

<!-- Up Arrow Blue -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Arrow Up</title>
    <g id="Icon/arrow-up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon id="Path" fill="#00598C" transform="translate(24.000000, 24.590000) rotate(180.000000) translate(-24.000000, -24.590000) " points="14.82 17.18 24 26.34 33.18 17.18 36 20 24 32 12 20"></polygon>
    </g>
</svg>