In order to customize svg icon colors use inline svg code inside .svg-icon container.
<span class="svg-icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M6,2 L18,2 C19.6568542,2 21,3.34314575 21,5 L21,19 C21,20.6568542 19.6568542,22 18,22 L6,22 C4.34314575,22 3,20.6568542 3,19 L3,5 C3,3.34314575 4.34314575,2 6,2 Z M12,11 C13.1045695,11 14,10.1045695 14,9 C14,7.8954305 13.1045695,7 12,7 C10.8954305,7 10,7.8954305 10,9 C10,10.1045695 10.8954305,11 12,11 Z M7.00036205,16.4995035 C6.98863236,16.6619875 7.26484009,17 7.4041679,17 C11.463736,17 14.5228466,17 16.5815,17 C16.9988413,17 17.0053266,16.6221713 16.9988413,16.5 C16.8360465,13.4332455 14.6506758,12 11.9907452,12 C9.36772908,12 7.21569918,13.5165724 7.00036205,16.4995035 Z" fill="#000000"/>
</g>
</svg>
</span>
Use .svg-icon-{light|secondary|success|info|primary|warning|danger|white|dark|dark-75|dark-50|dark-25} to set color for SVG icons.
<span class="svg-icon svg-icon-success">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M6,2 L18,2 C19.6568542,2 21,3.34314575 21,5 L21,19 C21,20.6568542 19.6568542,22 18,22 L6,22 C4.34314575,22 3,20.6568542 3,19 L3,5 C3,3.34314575 4.34314575,2 6,2 Z M12,11 C13.1045695,11 14,10.1045695 14,9 C14,7.8954305 13.1045695,7 12,7 C10.8954305,7 10,7.8954305 10,9 C10,10.1045695 10.8954305,11 12,11 Z M7.00036205,16.4995035 C6.98863236,16.6619875 7.26484009,17 7.4041679,17 C11.463736,17 14.5228466,17 16.5815,17 C16.9988413,17 17.0053266,16.6221713 16.9988413,16.5 C16.8360465,13.4332455 14.6506758,12 11.9907452,12 C9.36772908,12 7.21569918,13.5165724 7.00036205,16.4995035 Z" fill="#000000"/>
</g>
</svg>
</span>
Change icon size using .svg-icon-{size} classes.
<span class="svg-icon svg-icon-sm">...</span>
<span class="svg-icon svg-icon-md">...</span>
<span class="svg-icon svg-icon-lg">...</span>
<span class="svg-icon svg-icon-xl">...</span>
<span class="svg-icon svg-icon-2x">...</span>
<span class="svg-icon svg-icon-3x">...</span>
<span class="svg-icon svg-icon-4x">...</span>
<span class="svg-icon svg-icon-5x">...</span>
<span class="svg-icon svg-icon-6x">...</span>
<span class="svg-icon svg-icon-7x">...</span>
<span class="svg-icon svg-icon-8x">...</span>
<span class="svg-icon svg-icon-9x">...</span>
<span class="svg-icon svg-icon-10x">...</span>
Use SVG icons as image.
<img src="<?php echo Page::getMediaPath();?>svg/icons/Clothes/Cap.svg" alt=""/>
You can use SVG icons with any element within Metronic.
<a href="#" class="btn btn-success font-weight-bold mr-2">
<span class="svg-icon">...</span> Button example
</a>
<a href="#" class="btn btn-light-danger font-weight-bold mr-2">
<span class="svg-icon">...</span> Button example 2
</a>
<div class="dropdown dropdown-inline">
<a href="#" class="btn btn-light-primary font-weight-bold dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<span class="svg-icon">...</span> Dropdown example
</a>
<div class="dropdown-menu dropdown-menu-md py-5" style="">
<ul class="navi navi-hover navi-link-rounded-lg">
<li class="navi-item">
<a class="navi-link" href="#">
<span class="navi-icon"><span class="svg-icon svg-icon-danger">...</span></span>
<span class="navi-text">Messages</span>
<span class="label label-light-danger font-weight-bold label-inline">new</span>
</a>
</li>
<li class="navi-item">
<a class="navi-link" href="#">
<span class="navi-icon"><span class="svg-icon svg-icon-warning">...</span></i></span>
<span class="navi-text">Settings</span>
</a>
</li>
<li class="navi-item">
<a class="navi-link" href="#">
<span class="navi-icon"><span class="svg-icon svg-icon-success">...</span></span>
<span class="navi-text">Tasks</span>
<span class="navi-label">
<span class="label label-warning label-rounded">5</span>
</span>
</a>
</li>
<li class="navi-item">
<a class="navi-link" href="#">
<span class="navi-icon"><span class="svg-icon svg-icon-primary">...</span></span>
<span class="navi-text">Orders</span>
</a>
</li>
</ul>
</div>
</div>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Map/Direction1.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Map/Direction1.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Map / Direction1</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12,16.381038 L12,6.47213595 L5.99460483,18.4829263 L12,16.381038 Z M2.88230018,20.2353996 L11.2844582,3.43108351 C11.4820496,3.03590071 11.9625881,2.87572123 12.3577709,3.07331263 C12.5125928,3.15072359 12.6381308,3.27626158 12.7155418,3.43108351 L21.1176998,20.2353996 C21.3152912,20.6305824 21.1551117,21.1111209 20.7599289,21.3087123 C20.5664522,21.4054506 20.3420471,21.4197165 20.1378777,21.3482572 L12,18.5 L3.86212227,21.3482572 C3.44509941,21.4942152 2.98871325,21.2744737 2.84275525,20.8574509 C2.77129597,20.6532815 2.78556182,20.4288764 2.88230018,20.2353996 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Map/Direction2.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Map/Direction2.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Map / Direction2</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M14,13.381038 L14,3.47213595 L7.99460483,15.4829263 L14,13.381038 Z M4.88230018,17.2353996 L13.2844582,0.431083506 C13.4820496,0.0359007077 13.9625881,-0.12427877 14.3577709,0.0733126292 C14.5125928,0.15072359 14.6381308,0.276261584 14.7155418,0.431083506 L23.1176998,17.2353996 C23.3152912,17.6305824 23.1551117,18.1111209 22.7599289,18.3087123 C22.5664522,18.4054506 22.3420471,18.4197165 22.1378777,18.3482572 L14,15.5 L5.86212227,18.3482572 C5.44509941,18.4942152 4.98871325,18.2744737 4.84275525,17.8574509 C4.77129597,17.6532815 4.78556182,17.4288764 4.88230018,17.2353996 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.000087, 9.191034) rotate(-315.000000) translate(-14.000087, -9.191034) "/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Map/Position.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Map/Position.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Map / Position</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M19,11 L21,11 C21.5522847,11 22,11.4477153 22,12 C22,12.5522847 21.5522847,13 21,13 L19,13 C18.4477153,13 18,12.5522847 18,12 C18,11.4477153 18.4477153,11 19,11 Z M3,11 L5,11 C5.55228475,11 6,11.4477153 6,12 C6,12.5522847 5.55228475,13 5,13 L3,13 C2.44771525,13 2,12.5522847 2,12 C2,11.4477153 2.44771525,11 3,11 Z M12,2 C12.5522847,2 13,2.44771525 13,3 L13,5 C13,5.55228475 12.5522847,6 12,6 C11.4477153,6 11,5.55228475 11,5 L11,3 C11,2.44771525 11.4477153,2 12,2 Z M12,18 C12.5522847,18 13,18.4477153 13,19 L13,21 C13,21.5522847 12.5522847,22 12,22 C11.4477153,22 11,21.5522847 11,21 L11,19 C11,18.4477153 11.4477153,18 12,18 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<circle fill="#000000" opacity="0.3" cx="12" cy="12" r="2"/>
<path d="M12,17 C14.7614237,17 17,14.7614237 17,12 C17,9.23857625 14.7614237,7 12,7 C9.23857625,7 7,9.23857625 7,12 C7,14.7614237 9.23857625,17 12,17 Z M12,19 C8.13400675,19 5,15.8659932 5,12 C5,8.13400675 8.13400675,5 12,5 C15.8659932,5 19,8.13400675 19,12 C19,15.8659932 15.8659932,19 12,19 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Map/Marker1.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Map/Marker1.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Map / Marker1</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M5,10.5 C5,6 8,3 12.5,3 C17,3 20,6.75 20,10.5 C20,12.8325623 17.8236613,16.03566 13.470984,20.1092932 C12.9154018,20.6292577 12.0585054,20.6508331 11.4774555,20.1594925 C7.15915182,16.5078313 5,13.2880005 5,10.5 Z M12.5,12 C13.8807119,12 15,10.8807119 15,9.5 C15,8.11928813 13.8807119,7 12.5,7 C11.1192881,7 10,8.11928813 10,9.5 C10,10.8807119 11.1192881,12 12.5,12 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Map/Location-arrow.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Map/Location-arrow.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Map / Location-arrow</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M4.88230018,17.2353996 L13.2844582,0.431083506 C13.4820496,0.0359007077 13.9625881,-0.12427877 14.3577709,0.0733126292 C14.5125928,0.15072359 14.6381308,0.276261584 14.7155418,0.431083506 L23.1176998,17.2353996 C23.3152912,17.6305824 23.1551117,18.1111209 22.7599289,18.3087123 C22.5664522,18.4054506 22.3420471,18.4197165 22.1378777,18.3482572 L14,15.5 L5.86212227,18.3482572 C5.44509941,18.4942152 4.98871325,18.2744737 4.84275525,17.8574509 C4.77129597,17.6532815 4.78556182,17.4288764 4.88230018,17.2353996 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.000087, 9.191034) rotate(-315.000000) translate(-14.000087, -9.191034) "/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Map/Marker2.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Map/Marker2.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Map / Marker2</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M9.82829464,16.6565893 C7.02541569,15.7427556 5,13.1079084 5,10 C5,6.13400675 8.13400675,3 12,3 C15.8659932,3 19,6.13400675 19,10 C19,13.1079084 16.9745843,15.7427556 14.1717054,16.6565893 L12,21 L9.82829464,16.6565893 Z M12,12 C13.1045695,12 14,11.1045695 14,10 C14,8.8954305 13.1045695,8 12,8 C10.8954305,8 10,8.8954305 10,10 C10,11.1045695 10.8954305,12 12,12 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Map/Compass.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Map/Compass.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Map / Compass</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 Z M14.1654881,7.35483745 L9.61055177,10.3622525 C9.47921741,10.4489666 9.39637436,10.592455 9.38694497,10.7495509 L9.05991526,16.197949 C9.04337012,16.4735952 9.25341309,16.7104632 9.52905936,16.7270083 C9.63705011,16.7334903 9.74423017,16.7047714 9.83451193,16.6451626 L14.3894482,13.6377475 C14.5207826,13.5510334 14.6036256,13.407545 14.613055,13.2504491 L14.9400847,7.80205104 C14.9566299,7.52640477 14.7465869,7.28953682 14.4709406,7.27299168 C14.3629499,7.26650974 14.2557698,7.29522855 14.1654881,7.35483745 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Kitchen-scale.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Kitchen-scale.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Kitchen-scale</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M5,8 L19,8 C20.1045695,8 21,8.8954305 21,10 L21,20 C21,21.1045695 20.1045695,22 19,22 L5,22 C3.8954305,22 3,21.1045695 3,20 L3,10 C3,8.8954305 3.8954305,8 5,8 Z M12,20 C14.7614237,20 17,17.7614237 17,15 C17,12.2385763 14.7614237,10 12,10 C9.23857625,10 7,12.2385763 7,15 C7,17.7614237 9.23857625,20 12,20 Z M11.5730613,13.5616319 L12,11 L12.4269387,13.5616319 C13.0473823,13.7455122 13.5,14.3198988 13.5,15 C13.5,15.8284271 12.8284271,16.5 12,16.5 C11.1715729,16.5 10.5,15.8284271 10.5,15 C10.5,14.3198988 10.9526177,13.7455122 11.5730613,13.5616319 Z" fill="#000000"/>
<path d="M14,6 L14,8 L10,8 L10,6 L7.80277564,6 C6.67650121,6 5.62474465,5.43711697 5,4.5 L4.5182334,3.7773501 C4.36505717,3.54758575 4.4271441,3.23715108 4.65690845,3.08397485 C4.73904221,3.02921901 4.83554605,3 4.93425855,3 L19.0657415,3 C19.3418838,3 19.5657415,3.22385763 19.5657415,3.5 C19.5657415,3.59871249 19.5365224,3.69521634 19.4817666,3.7773501 L19,4.5 C18.3752554,5.43711697 17.3234988,6 16.1972244,6 L14,6 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Fork-spoon.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Fork-spoon.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Fork-spoon</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M15,3 L15.4502481,7.5024814 C15.4784917,7.78491722 15.7161555,8 16,8 C16.2838445,8 16.5215083,7.78491722 16.5497519,7.5024814 L17,3 L18,3 L18.4502481,7.5024814 C18.4784917,7.78491722 18.7161555,8 19,8 C19.2838445,8 19.5215083,7.78491722 19.5497519,7.5024814 L20,3 L21,3 L21,7.5 C21,9.43299662 19.4329966,11 17.5,11 C15.5670034,11 14,9.43299662 14,7.5 L14,3 L15,3 Z" fill="#000000"/>
<path d="M17.5,13 L17.5,13 C18.0610373,13 18.5243493,13.4382868 18.55547,13.9984604 L18.916795,20.5023095 C18.9602658,21.2847837 18.3611851,21.9543445 17.5787108,21.9978153 C17.5524991,21.9992715 17.5262521,22 17.5,22 L17.5,22 C16.7163192,22 16.0810203,21.3647011 16.0810203,20.5810203 C16.0810203,20.5547682 16.0817488,20.5285212 16.083205,20.5023095 L16.44453,13.9984604 C16.4756507,13.4382868 16.9389627,13 17.5,13 Z" fill="#000000" opacity="0.3"/>
<path d="M7.5,14 L7.5,14 C8.06209761,14 8.5273156,14.4370496 8.56237829,14.9980526 L8.90643257,20.5029211 C8.95497952,21.2796724 8.3646533,21.9487088 7.58790204,21.9972557 C7.55863704,21.9990848 7.52932209,22 7.5,22 L7.5,22 C6.72173313,22 6.09082317,21.36909 6.09082317,20.5908232 C6.09082317,20.5615011 6.09173837,20.5321861 6.09356743,20.5029211 L6.43762171,14.9980526 C6.4726844,14.4370496 6.93790239,14 7.5,14 Z" fill="#000000" opacity="0.3"/>
<path d="M7.5,12 C5.56700338,12 4,9.43299662 4,7.5 C4,5.56700338 5.56700338,3 7.5,3 C9.43299662,3 11,5.56700338 11,7.5 C11,9.43299662 9.43299662,12 7.5,12 Z M7.5095372,4.60103244 L7.56069005,9.94758244 C8.61891495,9.8578583 9.45855912,8.97981222 9.47749614,7.8949109 C9.49728809,6.76103086 8.63275447,4.70470991 7.5095372,4.60103244 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Cooking-book.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Cooking-book.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Cooking-book</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M20,18 L8,18 C7.44771525,18 7,18.4477153 7,19 C7,19.5522847 7.44771525,20 8,20 L20,20 L20,21 C20,21.626904 19.6418278,22 19,22 L7,22 C5.2536027,22 4,20.6941639 4,19 L4,5 C4,3.30583615 5.2536027,2 7,2 L19,2 C19.6418278,2 20,2.37309604 20,3 L20,18 Z"/>
</defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<mask fill="white">
<use xlink:href="#path-1"/>
</mask>
<use fill="#000000" fill-rule="nonzero" opacity="0.3" xlink:href="#path-1"/>
<path d="M9.35,11.5877565 C8.57364775,11.3787952 8,10.6418068 8,9.76470588 C8,8.72511106 8.80588745,7.88235294 9.8,7.88235294 C9.85099799,7.88235294 9.90150064,7.88457082 9.95142455,7.88891938 C10.3202986,6.78883902 11.322058,6 12.5,6 C13.677942,6 14.6797014,6.78883902 15.0485755,7.88891938 C15.0984994,7.88457082 15.149002,7.88235294 15.2,7.88235294 C16.1941125,7.88235294 17,8.72511106 17,9.76470588 C17,10.6418068 16.4263522,11.3787952 15.65,11.5877565 L15.65,13.5294118 C15.65,13.7893105 15.4485281,14 15.2,14 L9.8,14 C9.55147186,14 9.35,13.7893105 9.35,13.5294118 L9.35,11.5877565 Z" fill="#000000" opacity="0.3" mask="url(#mask-2)"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Cooking-pot.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Cooking-pot.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Cooking-pot</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M10,6 L10,5 C10,4.44771525 10.4477153,4 11,4 L13,4 C13.5522847,4 14,4.44771525 14,5 L14,6 L14.383822,6 C16.2072694,6 18.0148165,6.33909803 19.7142779,7 L19.8017005,7.03399769 C20.0590665,7.1340845 20.1865664,7.42385724 20.0864796,7.6812232 C20.0117407,7.87340889 19.8266841,8 19.6204773,8 L4.37951429,8 C4.10337192,8 3.87951429,7.77614237 3.87951429,7.5 C3.87951429,7.2937932 4.0061054,7.10873661 4.19829109,7.03399769 L4.28571369,7 C5.98517509,6.33909803 7.79272222,6 9.61616964,6 L10,6 Z M20,11 L22,11 C22.5522847,11 23,11.4477153 23,12 C23,12.5522847 22.5522847,13 22,13 L20,13 C19.4477153,13 19,12.5522847 19,12 C19,11.4477153 19.4477153,11 20,11 Z M2,11 L4,11 C4.55228475,11 5,11.4477153 5,12 C5,12.5522847 4.55228475,13 4,13 L2,13 C1.44771525,13 1,12.5522847 1,12 C1,11.4477153 1.44771525,11 2,11 Z" fill="#000000" opacity="0.3"/>
<path d="M5,9 L19,9 C19.5522847,9 20,9.44771525 20,10 L20,17 C20,19.209139 18.209139,21 16,21 L8,21 C5.790861,21 4,19.209139 4,17 L4,10 C4,9.44771525 4.44771525,9 5,9 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Grater.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Grater.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Grater</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M7.92847669,8.37139068 L6.07152331,7.62860932 L6.95735128,5.4140394 C7.78213616,3.3520772 9.77919874,2 12,2 C14.2208013,2 16.2178638,3.3520772 17.0426487,5.4140394 L17.9284767,7.62860932 L16.0715233,8.37139068 L15.1856953,6.15682075 C14.6646372,4.85417531 13.4029921,4 12,4 C10.5970079,4 9.33536284,4.85417531 8.81430466,6.15682075 L7.92847669,8.37139068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<path d="M7.61683158,7 L16.3831684,7 C17.326244,7 18.1411715,7.65880026 18.3387732,8.58094182 L20.4816304,18.5809418 C20.7130698,19.6609925 20.0251345,20.7241654 18.9450837,20.9556048 C18.8073508,20.985119 18.6668852,21 18.5260256,21 L5.47397444,21 C4.36940494,21 3.47397444,20.1045695 3.47397444,19 C3.47397444,18.8591403 3.48885541,18.7186748 3.51836961,18.5809418 L5.66122675,8.58094182 C5.85882852,7.65880026 6.67375601,7 7.61683158,7 Z M6,19 C6.55228475,19 7,18.5522847 7,18 C7,17.4477153 6.55228475,17 6,17 C5.44771525,17 5,17.4477153 5,18 C5,18.5522847 5.44771525,19 6,19 Z M8,15 C8.55228475,15 9,14.5522847 9,14 C9,13.4477153 8.55228475,13 8,13 C7.44771525,13 7,13.4477153 7,14 C7,14.5522847 7.44771525,15 8,15 Z M10,11 C10.5522847,11 11,10.5522847 11,10 C11,9.44771525 10.5522847,9 10,9 C9.44771525,9 9,9.44771525 9,10 C9,10.5522847 9.44771525,11 10,11 Z M14,11 C14.5522847,11 15,10.5522847 15,10 C15,9.44771525 14.5522847,9 14,9 C13.4477153,9 13,9.44771525 13,10 C13,10.5522847 13.4477153,11 14,11 Z M12,15 C12.5522847,15 13,14.5522847 13,14 C13,13.4477153 12.5522847,13 12,13 C11.4477153,13 11,13.4477153 11,14 C11,14.5522847 11.4477153,15 12,15 Z M16,15 C16.5522847,15 17,14.5522847 17,14 C17,13.4477153 16.5522847,13 16,13 C15.4477153,13 15,13.4477153 15,14 C15,14.5522847 15.4477153,15 16,15 Z M10,19 C10.5522847,19 11,18.5522847 11,18 C11,17.4477153 10.5522847,17 10,17 C9.44771525,17 9,17.4477153 9,18 C9,18.5522847 9.44771525,19 10,19 Z M14,19 C14.5522847,19 15,18.5522847 15,18 C15,17.4477153 14.5522847,17 14,17 C13.4477153,17 13,17.4477153 13,18 C13,18.5522847 13.4477153,19 14,19 Z M18,19 C18.5522847,19 19,18.5522847 19,18 C19,17.4477153 18.5522847,17 18,17 C17.4477153,17 17,17.4477153 17,18 C17,18.5522847 17.4477153,19 18,19 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Frying-pan.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Frying-pan.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Frying-pan</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M7.0365148,2.21226948 L7.74351388,2.19992877 L10.0646842,8.08940609 C10.6609841,9.60239072 9.91786435,11.3123037 8.40487972,11.9086037 C8.06104051,12.0441181 7.69476342,12.1136927 7.32518316,12.1136927 C5.71931048,12.1136927 4.41749347,10.8118757 4.41749347,9.20600299 C4.41749347,8.82960553 4.4905735,8.45678844 4.63267698,8.10824627 L7.0365148,2.21226948 Z M7.32518316,10.6851213 C8.12149664,10.6851213 8.76703627,10.045528 8.76703627,9.25654983 C8.76703627,8.46757161 8.12149664,7.8279784 7.32518316,7.8279784 C6.52886967,7.8279784 5.88333004,8.46757161 5.88333004,9.25654983 C5.88333004,10.045528 6.52886967,10.6851213 7.32518316,10.6851213 Z" fill="#000000" opacity="0.3" transform="translate(7.344027, 7.156811) rotate(-584.000000) translate(-7.344027, -7.156811) "/>
<path d="M9.93933983,19.9246212 C7.20566979,17.1909512 7.20566979,12.7587963 9.93933983,10.0251263 C12.6730099,7.29145622 17.1051647,7.29145622 19.8388348,10.0251263 C22.5725048,12.7587963 22.5725048,17.1909512 19.8388348,19.9246212 C17.1051647,22.6582912 12.6730099,22.6582912 9.93933983,19.9246212 Z M15,20.5 C18.0375661,20.5 20.5,18.0375661 20.5,15 C20.5,11.9624339 18.0375661,9.5 15,9.5 C11.9624339,9.5 9.5,11.9624339 9.5,15 C9.5,18.0375661 11.9624339,20.5 15,20.5 Z M15,19.5 C12.5147186,19.5 10.5,17.4852814 10.5,15 C10.5,12.5147186 12.5147186,10.5 15,10.5 C17.4852814,10.5 19.5,12.5147186 19.5,15 C19.5,17.4852814 17.4852814,19.5 15,19.5 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Dish.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Dish.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Dish</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 Z M12,18 C15.3137085,18 18,15.3137085 18,12 C18,8.6862915 15.3137085,6 12,6 C8.6862915,6 6,8.6862915 6,12 C6,15.3137085 8.6862915,18 12,18 Z" fill="#000000"/>
<path d="M12,16 C14.209139,16 16,14.209139 16,12 C16,9.790861 14.209139,8 12,8 C9.790861,8 8,9.790861 8,12 C8,14.209139 9.790861,16 12,16 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Knife1.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Knife1.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Knife1</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M5.78248558,14.6464466 L6.48959236,15.3535534 C6.88011665,15.7440777 6.88011665,16.3772427 6.48959236,16.767767 L3.66116524,19.5961941 C3.27064094,19.9867184 2.63747596,19.9867184 2.24695167,19.5961941 L1.53984489,18.8890873 C1.1493206,18.498563 1.1493206,17.865398 1.53984489,17.4748737 L4.36827202,14.6464466 C4.75879631,14.2559223 5.39196129,14.2559223 5.78248558,14.6464466 Z" fill="#000000" opacity="0.3"/>
<path d="M6.48959236,12.5251263 L17.0961941,1.91852455 L22.0459415,6.86827202 C23.2175144,8.03984489 23.2175144,9.93933983 22.0459415,11.1109127 L15.6819805,17.4748737 C14.5104076,18.6464466 12.6109127,18.6464466 11.4393398,17.4748737 L6.48959236,12.5251263 Z M17.1568542,7.51471863 C17.7426407,6.92893219 17.7426407,5.97918472 17.1568542,5.39339828 C16.5710678,4.80761184 15.6213203,4.80761184 15.0355339,5.39339828 C14.4497475,5.97918472 14.4497475,6.92893219 15.0355339,7.51471863 C15.6213203,8.10050506 16.5710678,8.10050506 17.1568542,7.51471863 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/KnifeAndFork2.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/KnifeAndFork2.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Knife&fork#2</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M3.98842709,3.05999994 L11.0594949,10.1310678 L8.23106778,12.9594949 L3.98842709,8.71685419 C2.42632992,7.15475703 2.42632992,4.62209711 3.98842709,3.05999994 Z" fill="#000000"/>
<path d="M17.7539614,3.90710683 L14.8885998,7.40921548 C14.7088587,7.62889898 14.7248259,7.94903916 14.9255342,8.14974752 C15.1262426,8.35045587 15.4463828,8.36642306 15.6660663,8.18668201 L19.1681749,5.32132039 L19.8752817,6.02842717 L17.0099201,9.53053582 C16.830179,9.75021933 16.8461462,10.0703595 17.0468546,10.2710679 C17.2475629,10.4717762 17.5677031,10.4877434 17.7873866,10.3080024 L21.2894953,7.44264073 L21.9966021,8.14974752 L18.8146215,11.331728 C17.4477865,12.6985631 15.2317091,12.6985631 13.8648741,11.331728 C12.4980391,9.96489301 12.4980391,7.74881558 13.8648741,6.38198056 L17.0468546,3.20000005 L17.7539614,3.90710683 Z" fill="#000000"/>
<path d="M11.0753788,13.9246212 C11.4715437,14.3207861 11.4876245,14.9579589 11.1119478,15.3736034 L6.14184561,20.8724683 C5.61370242,21.4567999 4.71186338,21.5023497 4.12753173,20.9742065 C4.10973311,20.9581194 4.09234327,20.9415857 4.0753788,20.9246212 C3.51843234,20.3676747 3.51843234,19.4646861 4.0753788,18.9077397 C4.09234327,18.8907752 4.10973311,18.8742415 4.12753173,18.8581544 L9.62639662,13.8880522 C10.0420411,13.5123755 10.6792139,13.5284563 11.0753788,13.9246212 Z" fill="#000000" opacity="0.3"/>
<path d="M13.0754022,13.9246212 C13.4715671,13.5284563 14.1087399,13.5123755 14.5243844,13.8880522 L20.0232493,18.8581544 C20.0410479,18.8742415 20.0584377,18.8907752 20.0754022,18.9077397 C20.6323487,19.4646861 20.6323487,20.3676747 20.0754022,20.9246212 C20.0584377,20.9415857 20.0410479,20.9581194 20.0232493,20.9742065 C19.4389176,21.5023497 18.5370786,21.4567999 18.0089354,20.8724683 L13.0388332,15.3736034 C12.6631565,14.9579589 12.6792373,14.3207861 13.0754022,13.9246212 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Shovel.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Shovel.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Shovel</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M8.52512627,14.5606602 L9.93933983,15.9748737 C10.3298641,16.365398 10.3298641,16.998563 9.93933983,17.3890873 L4.98959236,22.3388348 C4.59906807,22.7293591 3.96590309,22.7293591 3.5753788,22.3388348 L2.16116524,20.9246212 C1.77064094,20.5340969 1.77064094,19.9009319 2.16116524,19.5104076 L7.1109127,14.5606602 C7.501437,14.1701359 8.13460197,14.1701359 8.52512627,14.5606602 Z" fill="#000000" opacity="0.3"/>
<path d="M11.3535534,11.732233 L9.23223305,9.6109127 C8.45118446,8.82986412 8.45118446,7.56353416 9.23223305,6.78248558 L13.4748737,2.53984489 C14.2559223,1.75879631 15.5222523,1.75879631 16.3033009,2.53984489 L21.9601551,8.19669914 C22.7412037,8.97774772 22.7412037,10.2440777 21.9601551,11.0251263 L17.7175144,15.267767 C16.9364658,16.0488155 15.6701359,16.0488155 14.8890873,15.267767 L12.767767,13.1464466 L10.6464466,15.267767 L9.23223305,13.8535534 L11.3535534,11.732233 Z M15.2426407,4.30761184 L11,8.55025253 L11.7071068,9.25735931 L15.9497475,5.01471863 L15.2426407,4.30761184 Z M17.363961,6.42893219 L13.1213203,10.6715729 L13.8284271,11.3786797 L18.0710678,7.13603897 L17.363961,6.42893219 Z M19.4852814,8.55025253 L15.2426407,12.7928932 L15.9497475,13.5 L20.1923882,9.25735931 L19.4852814,8.55025253 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Ladle.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Ladle.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Ladle</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M23.3743687,7.6109127 C23.764893,8.001437 23.764893,8.63460197 23.3743687,9.02512627 L17.0104076,15.3890873 C16.6198833,15.7796116 15.9867184,15.7796116 15.5961941,15.3890873 L14.1819805,13.9748737 C13.7914562,13.5843494 13.7914562,12.9511845 14.1819805,12.5606602 L20.5459415,6.19669914 C20.9364658,5.80617485 21.5696308,5.80617485 21.9601551,6.19669914 L23.3743687,7.6109127 Z" fill="#000000" opacity="0.3"/>
<path d="M9.23223305,18.9246212 L12.767767,15.3890873 L14.1819805,16.8033009 L10.6464466,20.3388348 L10.6277096,20.3200977 C8.43440982,22.0911922 4.91227837,21.6757343 2.51471863,19.2781746 C0.117158879,16.8806148 0.0171078758,13.6738902 1.82320411,11.5155923 L9.23223305,18.9246212 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Fork-spoon-knife.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Fork-spoon-knife.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Fork-spoon-knife</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M11,3 L11.4502481,7.5024814 C11.4784917,7.78491722 11.7161555,8 12,8 C12.2838445,8 12.5215083,7.78491722 12.5497519,7.5024814 L13,3 L14,3 L14.4502481,7.5024814 C14.4784917,7.78491722 14.7161555,8 15,8 C15.2838445,8 15.5215083,7.78491722 15.5497519,7.5024814 L16,3 L17,3 L17,7.5 C17,9.43299662 15.4329966,11 13.5,11 C11.5670034,11 10,9.43299662 10,7.5 L10,3 L11,3 Z" fill="#000000"/>
<path d="M13.5,13 L13.5,13 C14.0610373,13 14.5243493,13.4382868 14.55547,13.9984604 L14.916795,20.5023095 C14.9602658,21.2847837 14.3611851,21.9543445 13.5787108,21.9978153 C13.5524991,21.9992715 13.5262521,22 13.5,22 L13.5,22 C12.7163192,22 12.0810203,21.3647011 12.0810203,20.5810203 C12.0810203,20.5547682 12.0817488,20.5285212 12.083205,20.5023095 L12.44453,13.9984604 C12.4756507,13.4382868 12.9389627,13 13.5,13 Z" fill="#000000" opacity="0.3"/>
<path d="M21.5,15 L21.5,15 C22.0634495,15 22.5311029,15.4354411 22.571247,15.9974587 L22.8931294,20.503812 C22.9480869,21.2732161 22.3689134,21.9414932 21.5995092,21.9964506 C21.5663922,21.9988161 21.5332014,22 21.5,22 L21.5,22 C20.7286356,22 20.1033212,21.3746856 20.1033212,20.6033212 C20.1033212,20.5701198 20.1045051,20.536929 20.1068706,20.503812 L20.428753,15.9974587 C20.4688971,15.4354411 20.9365505,15 21.5,15 Z" fill="#000000" opacity="0.3"/>
<path d="M24,3 L24,13 L20,13 L20,7 C20,4.790861 21.790861,3 24,3 Z" fill="#000000" transform="translate(22.000000, 8.000000) scale(-1, 1) translate(-22.000000, -8.000000) "/>
<path d="M4.5,14 L4.5,14 C5.06209761,14 5.5273156,14.4370496 5.56237829,14.9980526 L5.90643257,20.5029211 C5.95497952,21.2796724 5.3646533,21.9487088 4.58790204,21.9972557 C4.55863704,21.9990848 4.52932209,22 4.5,22 L4.5,22 C3.72173313,22 3.09082317,21.36909 3.09082317,20.5908232 C3.09082317,20.5615011 3.09173837,20.5321861 3.09356743,20.5029211 L3.43762171,14.9980526 C3.4726844,14.4370496 3.93790239,14 4.5,14 Z" fill="#000000" opacity="0.3"/>
<path d="M4.5,12 C2.56700338,12 1,9.43299662 1,7.5 C1,5.56700338 2.56700338,3 4.5,3 C6.43299662,3 8,5.56700338 8,7.5 C8,9.43299662 6.43299662,12 4.5,12 Z M4.5095372,4.60103244 L4.56069005,9.94758244 C5.61891495,9.8578583 6.45855912,8.97981222 6.47749614,7.8949109 C6.49728809,6.76103086 5.63275447,4.70470991 4.5095372,4.60103244 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Fork.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Fork.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Fork</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M9.37867966,13.9142136 L10.0857864,14.6213203 C10.4763107,15.0118446 10.4763107,15.6450096 10.0857864,16.0355339 L5.13603897,20.9852814 C4.74551468,21.3758057 4.1123497,21.3758057 3.72182541,20.9852814 L3.01471863,20.2781746 C2.62419433,19.8876503 2.62419433,19.2544853 3.01471863,18.863961 L7.96446609,13.9142136 C8.35499039,13.5236893 8.98815536,13.5236893 9.37867966,13.9142136 Z" fill="#000000" opacity="0.3"/>
<path d="M15.5606602,2.98959236 L12.2472764,7.1782096 C11.9996921,7.49119354 12.0257838,7.93999737 12.307969,8.22218254 C12.5901541,8.50436771 13.038958,8.53045945 13.3519419,8.28287514 L17.5405592,4.96949135 L18.5305087,5.95944084 L15.2171249,10.1480581 C14.9695406,10.461042 14.9956323,10.9098459 15.2778175,11.192031 C15.5600026,11.4742162 16.0088065,11.5003079 16.3217904,11.2527236 L20.5104076,7.93933983 L21.2175144,8.64644661 L16.9748737,12.8890873 C15.4127766,14.4511845 12.8801167,14.4511845 11.3180195,12.8890873 L10.6109127,12.1819805 C9.04881554,10.6198833 9.04881554,8.08722343 10.6109127,6.52512627 L14.8535534,2.28248558 L15.5606602,2.98959236 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Knife2.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Knife2.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Knife2</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M7.6109127,15.767767 C8.001437,16.1582912 8.001437,16.7914562 7.6109127,17.1819805 L4.0753788,20.7175144 C3.68485451,21.1080387 3.05168953,21.1080387 2.66116524,20.7175144 L1.95405845,20.0104076 C1.56353416,19.6198833 1.56353416,18.9867184 1.95405845,18.5961941 L5.48959236,15.0606602 C5.88011665,14.6701359 6.51328163,14.6701359 6.90380592,15.0606602 L7.6109127,15.767767 Z" fill="#000000" opacity="0.3"/>
<path d="M18.5104076,2.03984489 C21.2440777,4.77351493 21.2440777,9.20566979 18.5104076,11.9393398 L12.8535534,17.5961941 L7.90380592,12.6464466 L18.5104076,2.03984489 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Bowl.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Bowl.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Bowl</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M8,17 L16,17 L16,19 C16,19.5522847 15.5522847,20 15,20 L9,20 C8.44771525,20 8,19.5522847 8,19 L8,17 Z" fill="#000000" opacity="0.3"/>
<path d="M2,7 L22,7 L22,8 C22,13.5228475 17.5228475,18 12,18 C6.4771525,18 2,13.5228475 2,8 L2,7 Z M17.580855,9.6060807 C16.6710056,11.7290625 15.3334408,13.2152456 13.5527864,14.1055728 C13.0588079,14.3525621 12.8585836,14.9532351 13.1055728,15.4472136 C13.3525621,15.9411921 13.9532351,16.1414164 14.4472136,15.8944272 C16.6665592,14.7847544 18.3289944,12.9376042 19.419145,10.3939193 C19.6367007,9.88628952 19.4015491,9.29841059 18.8939193,9.08085497 C18.3862895,8.86329935 17.7984106,9.09845092 17.580855,9.6060807 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/KnifeAndFork1.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/KnifeAndFork1.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Knife&fork#1</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M6,3 L6.45024814,7.5024814 C6.47849172,7.78491722 6.71615552,8 7,8 C7.28384448,8 7.52150828,7.78491722 7.54975186,7.5024814 L8,3 L9,3 L9.45024814,7.5024814 C9.47849172,7.78491722 9.71615552,8 10,8 C10.2838445,8 10.5215083,7.78491722 10.5497519,7.5024814 L11,3 L12,3 L12,7.5 C12,9.43299662 10.4329966,11 8.5,11 C6.56700338,11 5,9.43299662 5,7.5 L5,3 L6,3 Z" fill="#000000"/>
<path d="M8.5,13 L8.5,13 C9.06103732,13 9.52434927,13.4382868 9.55547002,13.9984604 L9.91679497,20.5023095 C9.96026576,21.2847837 9.36118509,21.9543445 8.57871083,21.9978153 C8.55249915,21.9992715 8.5262521,22 8.5,22 L8.5,22 C7.71631915,22 7.0810203,21.3647011 7.0810203,20.5810203 C7.0810203,20.5547682 7.08174882,20.5285212 7.08320503,20.5023095 L7.44452998,13.9984604 C7.47565073,13.4382868 7.93896268,13 8.5,13 Z" fill="#000000" opacity="0.3"/>
<path d="M17.5,15 L17.5,15 C18.0634495,15 18.5311029,15.4354411 18.571247,15.9974587 L18.8931294,20.503812 C18.9480869,21.2732161 18.3689134,21.9414932 17.5995092,21.9964506 C17.5663922,21.9988161 17.5332014,22 17.5,22 L17.5,22 C16.7286356,22 16.1033212,21.3746856 16.1033212,20.6033212 C16.1033212,20.5701198 16.1045051,20.536929 16.1068706,20.503812 L16.428753,15.9974587 C16.4688971,15.4354411 16.9365505,15 17.5,15 Z" fill="#000000" opacity="0.3"/>
<path d="M19,3 L19,13 L15,13 L15,7 C15,4.790861 16.790861,3 19,3 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Rolling-pin.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Rolling-pin.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Rolling-pin</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M5.28248558,14.4748737 L14.4748737,5.28248558 C15.0606602,4.69669914 16.0104076,4.69669914 16.5961941,5.28248558 L18.7175144,7.40380592 C19.3033009,7.98959236 19.3033009,8.93933983 18.7175144,9.52512627 L9.52512627,18.7175144 C8.93933983,19.3033009 7.98959236,19.3033009 7.40380592,18.7175144 L5.28248558,16.5961941 C4.69669914,16.0104076 4.69669914,15.0606602 5.28248558,14.4748737 Z" fill="#000000"/>
<path d="M3.51471863,18.363961 L4.22182541,17.6568542 C4.41708755,17.4615921 4.73367004,17.4615921 4.92893219,17.6568542 L6.34314575,19.0710678 C6.5384079,19.26633 6.5384079,19.5829124 6.34314575,19.7781746 L5.63603897,20.4852814 C5.05025253,21.0710678 4.10050506,21.0710678 3.51471863,20.4852814 C2.92893219,19.8994949 2.92893219,18.9497475 3.51471863,18.363961 Z M18.363961,3.51471863 C18.9497475,2.92893219 19.8994949,2.92893219 20.4852814,3.51471863 C21.0710678,4.10050506 21.0710678,5.05025253 20.4852814,5.63603897 L19.7781746,6.34314575 C19.5829124,6.5384079 19.26633,6.5384079 19.0710678,6.34314575 L17.6568542,4.92893219 C17.4615921,4.73367004 17.4615921,4.41708755 17.6568542,4.22182541 L18.363961,3.51471863 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Dishes.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Dishes.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Dishes</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M3,16 L21,16 C21,18.209139 19.209139,20 17,20 L7,20 C4.790861,20 3,18.209139 3,16 Z M3,11 L21,11 L21,12 C21,13.1045695 20.1045695,14 19,14 L5,14 C3.8954305,14 3,13.1045695 3,12 L3,11 Z" fill="#000000"/>
<path d="M3,5 L21,5 L21,7 C21,8.1045695 20.1045695,9 19,9 L5,9 C3.8954305,9 3,8.1045695 3,7 L3,5 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Spoon.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Spoon.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Spoon</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M9.37867966,12.9142136 L10.0857864,13.6213203 C10.4763107,14.0118446 10.4763107,14.6450096 10.0857864,15.0355339 L5.13603897,19.9852814 C4.74551468,20.3758057 4.1123497,20.3758057 3.72182541,19.9852814 L3.01471863,19.2781746 C2.62419433,18.8876503 2.62419433,18.2544853 3.01471863,17.863961 L7.96446609,12.9142136 C8.35499039,12.5236893 8.98815536,12.5236893 9.37867966,12.9142136 Z" fill="#000000" opacity="0.3"/>
<path d="M11.1464466,11.8535534 C12.9038059,13.6109127 15.7530483,13.6109127 17.5104076,11.8535534 C19.267767,10.0961941 21.0355339,5.47918472 19.2781746,3.72182541 C17.5208153,1.96446609 12.9038059,3.73223305 11.1464466,5.48959236 C9.3890873,7.24695167 9.3890873,10.0961941 11.1464466,11.8535534 Z" fill="#000000"/>
<path d="M17.6252814,5.50664746 C18.583231,6.61933269 17.533395,9.3264226 16.4896124,10.3702051 C15.4909168,11.3689007 13.9108118,11.4318321 12.8388429,10.5589992 L17.6252814,5.50664746 Z" fill="#FFFFFF"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Sieve.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Sieve.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Sieve</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M8.61257411,18 L14.6125741,18 L15.1738315,19.6837722 C15.3484793,20.2077156 15.0653193,20.7740355 14.541376,20.9486833 C14.4394095,20.9826721 14.3326303,21 14.2251482,21 L9,21 C8.44771525,21 8,20.5522847 8,20 C8,19.8925179 8.01732788,19.7857387 8.0513167,19.6837722 L8.61257411,18 Z" fill="#000000" opacity="0.3"/>
<path d="M21,9 L21,10 C21,14.9705627 16.9705627,19 12,19 C7.02943725,19 3,14.9705627 3,10 L3,9 L2,9 C1.44771525,9 1,8.55228475 1,8 C1,7.44771525 1.44771525,7 2,7 L22,7 C22.5522847,7 23,7.44771525 23,8 C23,8.55228475 22.5522847,9 22,9 L21,9 Z M6,11 C6.55228475,11 7,10.5522847 7,10 C7,9.44771525 6.55228475,9 6,9 C5.44771525,9 5,9.44771525 5,10 C5,10.5522847 5.44771525,11 6,11 Z M8,14 C8.55228475,14 9,13.5522847 9,13 C9,12.4477153 8.55228475,12 8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 Z M10,17 C10.5522847,17 11,16.5522847 11,16 C11,15.4477153 10.5522847,15 10,15 C9.44771525,15 9,15.4477153 9,16 C9,16.5522847 9.44771525,17 10,17 Z M14,17 C14.5522847,17 15,16.5522847 15,16 C15,15.4477153 14.5522847,15 14,15 C13.4477153,15 13,15.4477153 13,16 C13,16.5522847 13.4477153,17 14,17 Z M12,14 C12.5522847,14 13,13.5522847 13,13 C13,12.4477153 12.5522847,12 12,12 C11.4477153,12 11,12.4477153 11,13 C11,13.5522847 11.4477153,14 12,14 Z M16,14 C16.5522847,14 17,13.5522847 17,13 C17,12.4477153 16.5522847,12 16,12 C15.4477153,12 15,12.4477153 15,13 C15,13.5522847 15.4477153,14 16,14 Z M10,11 C10.5522847,11 11,10.5522847 11,10 C11,9.44771525 10.5522847,9 10,9 C9.44771525,9 9,9.44771525 9,10 C9,10.5522847 9.44771525,11 10,11 Z M14,11 C14.5522847,11 15,10.5522847 15,10 C15,9.44771525 14.5522847,9 14,9 C13.4477153,9 13,9.44771525 13,10 C13,10.5522847 13.4477153,11 14,11 Z M18,11 C18.5522847,11 19,10.5522847 19,10 C19,9.44771525 18.5522847,9 18,9 C17.4477153,9 17,9.44771525 17,10 C17,10.5522847 17.4477153,11 18,11 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Chef.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Chef.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Chef</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<rect fill="#000000" opacity="0.3" x="5" y="20" width="14" height="2" rx="1"/>
<path d="M5,12.8739825 C3.27477279,12.4299397 2,10.8638394 2,9 C2,6.790861 3.790861,5 6,5 C6.11332888,5 6.22555698,5.00471299 6.33649899,5.01395368 C7.15621908,2.67628292 9.38235111,1 12,1 C14.6176489,1 16.8437809,2.67628292 17.663501,5.01395368 C17.774443,5.00471299 17.8866711,5 18,5 C20.209139,5 22,6.790861 22,9 C22,10.8638394 20.7252272,12.4299397 19,12.8739825 L19,17 C19,17.5522847 18.5522847,18 18,18 L6,18 C5.44771525,18 5,17.5522847 5,17 L5,12.8739825 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Cutting board.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Cutting board.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Cutting board </title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M8.37867966,15.1213203 C9.35499039,16.0976311 9.35499039,17.6805435 8.37867966,18.6568542 L6.25735931,20.7781746 C5.28104858,21.7544853 3.69813614,21.7544853 2.72182541,20.7781746 C1.74551468,19.8018639 1.74551468,18.2189514 2.72182541,17.2426407 L4.84314575,15.1213203 C5.81945648,14.1450096 7.40236893,14.1450096 8.37867966,15.1213203 Z M3.81784105,19.7528699 C4.30599642,20.2410253 5.09745264,20.2410253 5.58560801,19.7528699 C6.07376337,19.2647145 6.07376337,18.4732583 5.58560801,17.9851029 C5.09745264,17.4969476 4.30599642,17.4969476 3.81784105,17.9851029 C3.32968569,18.4732583 3.32968569,19.2647145 3.81784105,19.7528699 Z" fill="#000000" opacity="0.3"/>
<path d="M14.3890873,1.33273811 L22.1672619,9.1109127 C22.9483105,9.89196129 22.9483105,11.1582912 22.1672619,11.9393398 L12.9748737,21.131728 C12.1938252,21.9127766 10.9274952,21.9127766 10.1464466,21.131728 L2.36827202,13.3535534 C1.58722343,12.5725048 1.58722343,11.3061748 2.36827202,10.5251263 L11.5606602,1.33273811 C12.3417088,0.551689527 13.6080387,0.551689527 14.3890873,1.33273811 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Dinner.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Dinner.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Dinner</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12.5,19 C8.91014913,19 6,16.0898509 6,12.5 C6,8.91014913 8.91014913,6 12.5,6 C16.0898509,6 19,8.91014913 19,12.5 C19,16.0898509 16.0898509,19 12.5,19 Z M12.5,16.4 C14.6539105,16.4 16.4,14.6539105 16.4,12.5 C16.4,10.3460895 14.6539105,8.6 12.5,8.6 C10.3460895,8.6 8.6,10.3460895 8.6,12.5 C8.6,14.6539105 10.3460895,16.4 12.5,16.4 Z M12.5,15.1 C11.0640597,15.1 9.9,13.9359403 9.9,12.5 C9.9,11.0640597 11.0640597,9.9 12.5,9.9 C13.9359403,9.9 15.1,11.0640597 15.1,12.5 C15.1,13.9359403 13.9359403,15.1 12.5,15.1 Z" fill="#000000" opacity="0.3"/>
<path d="M22,13.5 L22,13.5 C22.2864451,13.5 22.5288541,13.7115967 22.5675566,13.9954151 L23.0979976,17.8853161 C23.1712756,18.4226878 22.7950533,18.9177172 22.2576815,18.9909952 C22.2137086,18.9969915 22.1693798,19 22.125,19 L22.125,19 C21.5576012,19 21.0976335,18.5400324 21.0976335,17.9726335 C21.0976335,17.9415812 21.0990414,17.9105449 21.1018527,17.8796201 L21.4547321,13.9979466 C21.4803698,13.7159323 21.7168228,13.5 22,13.5 Z" fill="#000000" opacity="0.3"/>
<path d="M24,5 L24,12 L21,12 L21,8 C21,6.34314575 22.3431458,5 24,5 Z" fill="#000000" transform="translate(22.500000, 8.500000) scale(-1, 1) translate(-22.500000, -8.500000) "/>
<path d="M0.714285714,5 L1.03696911,8.32873399 C1.05651593,8.5303749 1.22598532,8.68421053 1.42857143,8.68421053 C1.63115754,8.68421053 1.80062692,8.5303749 1.82017375,8.32873399 L2.14285714,5 L2.85714286,5 L3.17982625,8.32873399 C3.19937308,8.5303749 3.36884246,8.68421053 3.57142857,8.68421053 C3.77401468,8.68421053 3.94348407,8.5303749 3.96303089,8.32873399 L4.28571429,5 L5,5 L5,8.39473684 C5,9.77544872 3.88071187,10.8947368 2.5,10.8947368 C1.11928813,10.8947368 -7.19089982e-16,9.77544872 -8.8817842e-16,8.39473684 L0,5 L0.714285714,5 Z" fill="#000000"/>
<path d="M2.5,12.3684211 L2.5,12.3684211 C2.90055463,12.3684211 3.23115721,12.6816982 3.25269782,13.0816732 L3.51381042,17.9301218 C3.54396441,18.4900338 3.11451066,18.9683769 2.55459863,18.9985309 C2.53641556,18.9995101 2.51820943,19 2.5,19 L2.5,19 C1.93927659,19 1.48472045,18.5454439 1.48472045,17.9847204 C1.48472045,17.966511 1.48521034,17.9483049 1.48618958,17.9301218 L1.74730218,13.0816732 C1.76884279,12.6816982 2.09944537,12.3684211 2.5,12.3684211 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Saucepan.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Saucepan.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Saucepan</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M2,9 L12,9 C12.5522847,9 13,9.44771525 13,10 L13,13 C13,15.209139 11.209139,17 9,17 L5,17 C2.790861,17 1,15.209139 1,13 L1,10 C1,9.44771525 1.44771525,9 2,9 Z" fill="#000000"/>
<path d="M14.9984604,9.44452998 L21.5023095,9.08320503 C22.2847837,9.03973424 22.9543445,9.63881491 22.9978153,10.4212892 C22.9992715,10.4475009 23,10.4737479 23,10.5 L23,10.5 C23,11.2836808 22.3647011,11.9189797 21.5810203,11.9189797 C21.5547682,11.9189797 21.5285212,11.9182512 21.5023095,11.916795 L14.9984604,11.55547 C14.4382868,11.5243493 14,11.0610373 14,10.5 L14,10.5 C14,9.93896268 14.4382868,9.47565073 14.9984604,9.44452998 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Cooking/Baking-glove.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Cooking/Baking-glove.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Cooking / Baking-glove</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M7.03587629,17.2664036 L2.54094808,14.2345363 C1.62521847,13.6168689 1.38359132,12.373805 2.00125875,11.4580753 C2.61892617,10.5423457 3.86199008,10.3007186 4.7777197,10.918386 L7,12.417333 L7,8 C7,4.6862915 9.6862915,2 13,2 C16.3137085,2 19,4.6862915 19,8 L19,17 C19,17.5522847 18.5522847,18 18,18 L8,18 C7.53996718,18 7.15248755,17.6893628 7.03587629,17.2664036 Z" fill="#000000"/>
<rect fill="#000000" opacity="0.3" x="6" y="20" width="14" height="2" rx="1"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Horizontal.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Horizontal.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Horizontal</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M21,12 C21,12.5522847 20.5522847,13 20,13 L19,13 C18.4477153,13 18,12.5522847 18,12 C18,11.4477153 18.4477153,11 19,11 L20,11 C20.5522847,11 21,11.4477153 21,12 Z M16,12 C16,12.5522847 15.5522847,13 15,13 L14,13 C13.4477153,13 13,12.5522847 13,12 C13,11.4477153 13.4477153,11 14,11 L15,11 C15.5522847,11 16,11.4477153 16,12 Z M11,12 C11,12.5522847 10.5522847,13 10,13 L9,13 C8.44771525,13 8,12.5522847 8,12 C8,11.4477153 8.44771525,11 9,11 L10,11 C10.5522847,11 11,11.4477153 11,12 Z M6,12 C6,12.5522847 5.55228475,13 5,13 L4,13 C3.44771525,13 3,12.5522847 3,12 C3,11.4477153 3.44771525,11 4,11 L5,11 C5.55228475,11 6,11.4477153 6,12 Z" fill="#000000"/>
<path d="M14.9596876,21 L9.04031242,21 C8.76417005,21 8.54031242,20.7761424 8.54031242,20.5 C8.54031242,20.3864643 8.5789528,20.276309 8.64987802,20.1876525 L11.6095656,16.488043 C11.7820704,16.272412 12.0967166,16.2374514 12.3123475,16.4099561 C12.3411799,16.433022 12.3673685,16.4592107 12.3904344,16.488043 L15.350122,20.1876525 C15.5226268,20.4032834 15.4876661,20.7179296 15.2720351,20.8904344 C15.1833786,20.9613596 15.0732233,21 14.9596876,21 Z M9.04031242,3 L14.9596876,3 C15.23583,3 15.4596876,3.22385763 15.4596876,3.5 C15.4596876,3.61353575 15.4210472,3.723691 15.350122,3.81234752 L12.3904344,7.51195699 C12.2179296,7.72758796 11.9032834,7.76254865 11.6876525,7.59004388 C11.6588201,7.56697799 11.6326315,7.54078935 11.6095656,7.51195699 L8.64987802,3.81234752 C8.47737324,3.59671656 8.51233393,3.28207037 8.7279649,3.1095656 C8.81662142,3.03864038 8.92677668,3 9.04031242,3 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Interselect.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Interselect.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Interselect</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M6,9 L6,15 C6,16.6568542 7.34314575,18 9,18 L15,18 L15,18.8181818 C15,20.2324881 14.2324881,21 12.8181818,21 L5.18181818,21 C3.76751186,21 3,20.2324881 3,18.8181818 L3,11.1818182 C3,9.76751186 3.76751186,9 5.18181818,9 L6,9 Z M17,16 L17,10 C17,8.34314575 15.6568542,7 14,7 L8,7 L8,6.18181818 C8,4.76751186 8.76751186,4 10.1818182,4 L17.8181818,4 C19.2324881,4 20,4.76751186 20,6.18181818 L20,13.8181818 C20,15.2324881 19.2324881,16 17.8181818,16 L17,16 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<path d="M9.27272727,9 L13.7272727,9 C14.5522847,9 15,9.44771525 15,10.2727273 L15,14.7272727 C15,15.5522847 14.5522847,16 13.7272727,16 L9.27272727,16 C8.44771525,16 8,15.5522847 8,14.7272727 L8,10.2727273 C8,9.44771525 8.44771525,9 9.27272727,9 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Image.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Image.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Image</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M6,5 L18,5 C19.6568542,5 21,6.34314575 21,8 L21,17 C21,18.6568542 19.6568542,20 18,20 L6,20 C4.34314575,20 3,18.6568542 3,17 L3,8 C3,6.34314575 4.34314575,5 6,5 Z M5,17 L14,17 L9.5,11 L5,17 Z M16,14 C17.6568542,14 19,12.6568542 19,11 C19,9.34314575 17.6568542,8 16,8 C14.3431458,8 13,9.34314575 13,11 C13,12.6568542 14.3431458,14 16,14 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Brush.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Brush.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Brush</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M13.5,6 C13.33743,8.28571429 12.7799545,9.78571429 11.8275735,10.5 C11.8275735,10.5 12.5,4 10.5734853,2 C10.5734853,2 10.5734853,5.92857143 8.78777106,9.14285714 C7.95071887,10.6495511 7.00205677,12.1418252 7.00205677,14.1428571 C7.00205677,17 10.4697177,18 12.0049375,18 C13.8025422,18 17,17 17,13.5 C17,12.0608202 15.8333333,9.56082016 13.5,6 Z" fill="#000000"/>
<path d="M9.72075922,20 L14.2792408,20 C14.7096712,20 15.09181,20.2754301 15.2279241,20.6837722 L16,23 L8,23 L8.77207592,20.6837722 C8.90818997,20.2754301 9.29032881,20 9.72075922,20 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Line.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Line.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Line</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M13,9 L13,6 C9.04563815,7.48814977 6.78867438,8.99350441 5,13 L8,13 C8.7428521,12.2 9.98856336,10 13,9 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<circle fill="#000000" cx="18" cy="7.5" r="3"/>
<circle fill="#000000" cx="6" cy="18" r="3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Anchor-center.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Anchor-center.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Anchor-center</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<rect fill="#000000" x="8" y="7" width="8" height="2"/>
<circle fill="#000000" opacity="0.3" cx="12" cy="13" r="3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Target.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Target.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Target</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M19,11 L21,11 C21.5522847,11 22,11.4477153 22,12 C22,12.5522847 21.5522847,13 21,13 L19,13 C18.4477153,13 18,12.5522847 18,12 C18,11.4477153 18.4477153,11 19,11 Z M3,11 L5,11 C5.55228475,11 6,11.4477153 6,12 C6,12.5522847 5.55228475,13 5,13 L3,13 C2.44771525,13 2,12.5522847 2,12 C2,11.4477153 2.44771525,11 3,11 Z M12,2 C12.5522847,2 13,2.44771525 13,3 L13,5 C13,5.55228475 12.5522847,6 12,6 C11.4477153,6 11,5.55228475 11,5 L11,3 C11,2.44771525 11.4477153,2 12,2 Z M12,18 C12.5522847,18 13,18.4477153 13,19 L13,21 C13,21.5522847 12.5522847,22 12,22 C11.4477153,22 11,21.5522847 11,21 L11,19 C11,18.4477153 11.4477153,18 12,18 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<circle fill="#000000" cx="12" cy="12" r="3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Color.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Color.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Color</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12,21 C15.8659932,21 19,17.8659932 19,14 C19,11.4226712 16.6666667,8.08933783 12,4 C7.33333333,8.08933783 5,11.4226712 5,14 C5,17.8659932 8.13400675,21 12,21 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Anchor-left-up.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Anchor-left-up.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Anchor-left-up</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" opacity="0.3" cx="5" cy="5" r="3"/>
<g transform="translate(6.000000, 6.000000)">
<rect x="0" y="0" width="16" height="16"/>
<path d="M9,5 L9,12 C9,12.5522847 8.55228475,13 8,13 L8,13 C7.44771525,13 7,12.5522847 7,12 L7,5 L5,5 C4.44771525,5 4,4.55228475 4,4 L4,4 C4,3.44771525 4.44771525,3 5,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,4 C12,4.55228475 11.5522847,5 11,5 L9,5 Z" fill="#000000"/>
</g>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Anchor-right.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Anchor-right.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Anchor-right</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" opacity="0.3" cx="19" cy="12" r="3"/>
<g transform="translate(2.000000, 4.000000)">
<rect x="0" y="0" width="16" height="16"/>
<path d="M9,5 L9,12 C9,12.5522847 8.55228475,13 8,13 L8,13 C7.44771525,13 7,12.5522847 7,12 L7,5 L5,5 C4.44771525,5 4,4.55228475 4,4 L4,4 C4,3.44771525 4.44771525,3 5,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,4 C12,4.55228475 11.5522847,5 11,5 L9,5 Z" fill="#000000"/>
</g>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/ZoomMinus.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/ZoomMinus.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / ZoomMinus</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero"/>
<rect fill="#000000" opacity="0.3" x="9" y="10.5" width="4" height="1" rx="0.5"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Flip-horizontal.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Flip-horizontal.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Flip-horizontal</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M3.73851648,19 L8.5,19 C8.77614237,19 9,18.7761424 9,18.5 L9,6.5962912 C9,6.32014883 8.77614237,6.0962912 8.5,6.0962912 C8.29554771,6.0962912 8.11169333,6.22076667 8.03576165,6.41059586 L3.27427814,18.3143047 C3.17172143,18.5706964 3.29642938,18.8616816 3.55282114,18.9642383 C3.61188128,18.9878624 3.67490677,19 3.73851648,19 Z" fill="#000000" opacity="0.3"/>
<path d="M15.7385165,19 L20.5,19 C20.7761424,19 21,18.7761424 21,18.5 L21,6.5962912 C21,6.32014883 20.7761424,6.0962912 20.5,6.0962912 C20.2955477,6.0962912 20.1116933,6.22076667 20.0357617,6.41059586 L15.2742781,18.3143047 C15.1717214,18.5706964 15.2964294,18.8616816 15.5528211,18.9642383 C15.6118813,18.9878624 15.6749068,19 15.7385165,19 Z" fill="#000000" transform="translate(18.000000, 12.500000) scale(-1, 1) translate(-18.000000, -12.500000) "/>
<rect fill="#000000" opacity="0.3" x="11" y="2" width="2" height="20" rx="1"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Cap-3.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Cap-3.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Cap-3</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M13,19 L13,15.8999819 C15.2822403,15.4367116 17,13.4189579 17,11 C17,8.23857625 14.7614237,6 12,6 C9.23857625,6 7,8.23857625 7,11 C7,13.4189579 8.71775968,15.4367116 11,15.8999819 L11,19 L4,19 L4,12 C4,7.581722 7.581722,4 12,4 C16.418278,4 20,7.581722 20,12 L20,19 L13,19 Z" fill="#000000"/>
<circle fill="#000000" opacity="0.3" cx="12" cy="11" r="2"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Anchor-left.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Anchor-left.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Anchor-left</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" opacity="0.3" cx="5" cy="12" r="3"/>
<g transform="translate(6.000000, 4.000000)">
<rect x="0" y="0" width="16" height="16"/>
<path d="M9,5 L9,12 C9,12.5522847 8.55228475,13 8,13 L8,13 C7.44771525,13 7,12.5522847 7,12 L7,5 L5,5 C4.44771525,5 4,4.55228475 4,4 L4,4 C4,3.44771525 4.44771525,3 5,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,4 C12,4.55228475 11.5522847,5 11,5 L9,5 Z" fill="#000000"/>
</g>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Eraser.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Eraser.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Eraser</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M6,9 L6,15 L10,15 L10,9 L6,9 Z M6.25,7 L19.75,7 C20.9926407,7 22,7.81402773 22,8.81818182 L22,15.1818182 C22,16.1859723 20.9926407,17 19.75,17 L6.25,17 C5.00735931,17 4,16.1859723 4,15.1818182 L4,8.81818182 C4,7.81402773 5.00735931,7 6.25,7 Z" fill="#000000" fill-rule="nonzero" transform="translate(13.000000, 12.000000) rotate(-45.000000) translate(-13.000000, -12.000000) "/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Component.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Component.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Component</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12.7442084,3.27882877 L19.2473374,6.9949025 C19.7146999,7.26196679 20.003129,7.75898194 20.003129,8.29726722 L20.003129,15.7027328 C20.003129,16.2410181 19.7146999,16.7380332 19.2473374,17.0050975 L12.7442084,20.7211712 C12.2830594,20.9846849 11.7169406,20.9846849 11.2557916,20.7211712 L4.75266256,17.0050975 C4.28530007,16.7380332 3.99687097,16.2410181 3.99687097,15.7027328 L3.99687097,8.29726722 C3.99687097,7.75898194 4.28530007,7.26196679 4.75266256,6.9949025 L11.2557916,3.27882877 C11.7169406,3.01531506 12.2830594,3.01531506 12.7442084,3.27882877 Z M12,14.5 C13.3807119,14.5 14.5,13.3807119 14.5,12 C14.5,10.6192881 13.3807119,9.5 12,9.5 C10.6192881,9.5 9.5,10.6192881 9.5,12 C9.5,13.3807119 10.6192881,14.5 12,14.5 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Cap-1.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Cap-1.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Cap-1</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M13,19 L13,15.8999819 C15.2822403,15.4367116 17,13.4189579 17,11 C17,8.23857625 14.7614237,6 12,6 C9.23857625,6 7,8.23857625 7,11 C7,13.4189579 8.71775968,15.4367116 11,15.8999819 L11,19 L4,19 L4,4 L20,4 L20,19 L13,19 Z" fill="#000000"/>
<circle fill="#000000" opacity="0.3" cx="12" cy="11" r="2"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Picker.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Picker.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Picker</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M10.232233,10.232233 L13.767767,13.767767 L8.46446609,19.0710678 C7.48815536,20.0473785 5.90524292,20.0473785 4.92893219,19.0710678 C3.95262146,18.0947571 3.95262146,16.5118446 4.92893219,15.5355339 L10.232233,10.232233 Z" fill="#000000"/>
<path d="M13.767767,6.69669914 L15.5355339,4.92893219 C16.5118446,3.95262146 18.0947571,3.95262146 19.0710678,4.92893219 C20.0473785,5.90524292 20.0473785,7.48815536 19.0710678,8.46446609 L17.3033009,10.232233 L18.363961,11.2928932 C18.9497475,11.8786797 18.9497475,12.8284271 18.363961,13.4142136 C17.7781746,14 16.8284271,14 16.2426407,13.4142136 L10.5857864,7.75735931 C10,7.17157288 10,6.22182541 10.5857864,5.63603897 C11.1715729,5.05025253 12.1213203,5.05025253 12.7071068,5.63603897 L13.767767,6.69669914 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Substract.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Substract.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Substract</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M6,9 L6,15 C6,16.6568542 7.34314575,18 9,18 L15,18 L15,18.8181818 C15,20.2324881 14.2324881,21 12.8181818,21 L5.18181818,21 C3.76751186,21 3,20.2324881 3,18.8181818 L3,11.1818182 C3,9.76751186 3.76751186,9 5.18181818,9 L6,9 Z" fill="#000000" fill-rule="nonzero"/>
<path d="M10.1818182,4 L17.8181818,4 C19.2324881,4 20,4.76751186 20,6.18181818 L20,13.8181818 C20,15.2324881 19.2324881,16 17.8181818,16 L10.1818182,16 C8.76751186,16 8,15.2324881 8,13.8181818 L8,6.18181818 C8,4.76751186 8.76751186,4 10.1818182,4 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Difference.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Difference.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Difference</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M6,9 L6,15 C6,16.6568542 7.34314575,18 9,18 L15,18 L15,18.8181818 C15,20.2324881 14.2324881,21 12.8181818,21 L5.18181818,21 C3.76751186,21 3,20.2324881 3,18.8181818 L3,11.1818182 C3,9.76751186 3.76751186,9 5.18181818,9 L6,9 Z M17,16 L17,10 C17,8.34314575 15.6568542,7 14,7 L8,7 L8,6.18181818 C8,4.76751186 8.76751186,4 10.1818182,4 L17.8181818,4 C19.2324881,4 20,4.76751186 20,6.18181818 L20,13.8181818 C20,15.2324881 19.2324881,16 17.8181818,16 L17,16 Z" fill="#000000" fill-rule="nonzero"/>
<path d="M9.27272727,9 L13.7272727,9 C14.5522847,9 15,9.44771525 15,10.2727273 L15,14.7272727 C15,15.5522847 14.5522847,16 13.7272727,16 L9.27272727,16 C8.44771525,16 8,15.5522847 8,14.7272727 L8,10.2727273 C8,9.44771525 8.44771525,9 9.27272727,9 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Flatten.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Flatten.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Flatten</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" cx="9" cy="15" r="6"/>
<path d="M8.8012943,7.00241953 C9.83837775,5.20768121 11.7781543,4 14,4 C17.3137085,4 20,6.6862915 20,10 C20,12.2218457 18.7923188,14.1616223 16.9975805,15.1987057 C16.9991904,15.1326658 17,15.0664274 17,15 C17,10.581722 13.418278,7 9,7 C8.93357256,7 8.86733422,7.00080962 8.8012943,7.00241953 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Stamp.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Stamp.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Stamp</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12.9863016,8.83409843 C12.9953113,8.88805868 13,8.94348179 13,9 L13,11 L17,11 C18.1045695,11 19,11.8954305 19,13 L19,16 L5,16 L5,13 C5,11.8954305 5.8954305,11 7,11 L11,11 L11,9 C11,8.94348179 11.0046887,8.88805868 11.0136984,8.83409843 C9.84135601,8.42615464 9,7.31133193 9,6 C9,4.34314575 10.3431458,3 12,3 C13.6568542,3 15,4.34314575 15,6 C15,7.31133193 14.158644,8.42615464 12.9863016,8.83409843 Z" fill="#000000"/>
<rect fill="#000000" opacity="0.3" x="5" y="18" width="14" height="2" rx="1"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Crop.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Crop.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Crop</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M10,6 L14.5,6 C16.709139,6 18,7.290861 18,9.5 L18,14 L16,14 L16,9.5 C16,8.3954305 15.6045695,8 14.5,8 L10,8 L10,6 Z M8,6 L8,8 L4,8 C3.44771525,8 3,7.55228475 3,7 C3,6.44771525 3.44771525,6 4,6 L8,6 Z M18,16 L18,20 C18,20.5522847 17.5522847,21 17,21 C16.4477153,21 16,20.5522847 16,20 L16,16 L18,16 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<path d="M7,5 C6.44771525,5 6,4.55228475 6,4 C6,3.44771525 6.44771525,3 7,3 L17.5,3 C19.709139,3 21,4.290861 21,6.5 L21,17 C21,17.5522847 20.5522847,18 20,18 C19.4477153,18 19,17.5522847 19,17 L19,6.5 C19,5.3954305 18.6045695,5 17.5,5 L7,5 Z" fill="#000000" fill-rule="nonzero" transform="translate(13.500000, 10.500000) rotate(-180.000000) translate(-13.500000, -10.500000) "/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Bezier-curve.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Bezier-curve.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Bezier-curve</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M4.95312427,14.3025791 L3.04687573,13.6974209 C4.65100965,8.64439903 7.67317997,6 12,6 C16.32682,6 19.3489903,8.64439903 20.9531243,13.6974209 L19.0468757,14.3025791 C17.6880467,10.0222676 15.3768837,8 12,8 C8.62311633,8 6.31195331,10.0222676 4.95312427,14.3025791 Z M12,8 C12.5522847,8 13,7.55228475 13,7 C13,6.44771525 12.5522847,6 12,6 C11.4477153,6 11,6.44771525 11,7 C11,7.55228475 11.4477153,8 12,8 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<path d="M5.73243561,6 L9.17070571,6 C9.58254212,4.83480763 10.6937812,4 12,4 C13.3062188,4 14.4174579,4.83480763 14.8292943,6 L18.2675644,6 C18.6133738,5.40219863 19.2597176,5 20,5 C21.1045695,5 22,5.8954305 22,7 C22,8.1045695 21.1045695,9 20,9 C19.2597176,9 18.6133738,8.59780137 18.2675644,8 L14.8292943,8 C14.4174579,9.16519237 13.3062188,10 12,10 C10.6937812,10 9.58254212,9.16519237 9.17070571,8 L5.73243561,8 C5.38662619,8.59780137 4.74028236,9 4,9 C2.8954305,9 2,8.1045695 2,7 C2,5.8954305 2.8954305,5 4,5 C4.74028236,5 5.38662619,5.40219863 5.73243561,6 Z M12,8 C12.5522847,8 13,7.55228475 13,7 C13,6.44771525 12.5522847,6 12,6 C11.4477153,6 11,6.44771525 11,7 C11,7.55228475 11.4477153,8 12,8 Z M4,19 C2.34314575,19 1,17.6568542 1,16 C1,14.3431458 2.34314575,13 4,13 C5.65685425,13 7,14.3431458 7,16 C7,17.6568542 5.65685425,19 4,19 Z M4,17 C4.55228475,17 5,16.5522847 5,16 C5,15.4477153 4.55228475,15 4,15 C3.44771525,15 3,15.4477153 3,16 C3,16.5522847 3.44771525,17 4,17 Z M20,19 C18.3431458,19 17,17.6568542 17,16 C17,14.3431458 18.3431458,13 20,13 C21.6568542,13 23,14.3431458 23,16 C23,17.6568542 21.6568542,19 20,19 Z M20,17 C20.5522847,17 21,16.5522847 21,16 C21,15.4477153 20.5522847,15 20,15 C19.4477153,15 19,15.4477153 19,16 C19,16.5522847 19.4477153,17 20,17 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Anchor-right-up.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Anchor-right-up.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Anchor-right-up</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" opacity="0.3" cx="19" cy="5" r="3"/>
<g transform="translate(2.000000, 6.000000)">
<rect x="0" y="0" width="16" height="16"/>
<path d="M9,5 L9,12 C9,12.5522847 8.55228475,13 8,13 L8,13 C7.44771525,13 7,12.5522847 7,12 L7,5 L5,5 C4.44771525,5 4,4.55228475 4,4 L4,4 C4,3.44771525 4.44771525,3 5,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,4 C12,4.55228475 11.5522847,5 11,5 L9,5 Z" fill="#000000"/>
</g>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Polygon.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Polygon.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Polygon</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M8.08113883,20 L15.9188612,20 C16.5645068,20 17.137715,19.5868549 17.3418861,18.9743416 L19.6721428,11.9835717 C19.8694432,11.3916705 19.6797482,10.7394436 19.1957765,10.3456849 L12.9561839,5.26916104 C12.4053757,4.82102426 11.6158052,4.82050247 11.0644052,5.26791085 L4.80622561,10.345825 C4.32117072,10.7394007 4.13079092,11.3923728 4.32832067,11.984962 L6.65811388,18.9743416 C6.86228495,19.5868549 7.43549322,20 8.08113883,20 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Color-profile.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Color-profile.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Color-profile</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12,10.9996338 C12.8356605,10.3719448 13.8743941,10 15,10 C17.7614237,10 20,12.2385763 20,15 C20,17.7614237 17.7614237,20 15,20 C13.8743941,20 12.8356605,19.6280552 12,19.0003662 C11.1643395,19.6280552 10.1256059,20 9,20 C6.23857625,20 4,17.7614237 4,15 C4,12.2385763 6.23857625,10 9,10 C10.1256059,10 11.1643395,10.3719448 12,10.9996338 Z M13.3336047,12.504354 C13.757474,13.2388026 14,14.0910788 14,15 C14,15.9088933 13.7574889,16.761145 13.3336438,17.4955783 C13.8188886,17.8206693 14.3938466,18 15,18 C16.6568542,18 18,16.6568542 18,15 C18,13.3431458 16.6568542,12 15,12 C14.3930587,12 13.8175971,12.18044 13.3336047,12.504354 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<circle fill="#000000" cx="12" cy="9" r="5"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Rectangle.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Rectangle.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Rectangle</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<rect fill="#000000" x="4" y="4" width="16" height="16" rx="2"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Join-1.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Join-1.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Join-1</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M9,10 L9,19 L5,19 L5,10 L5,6 L18,6 L18,10 L9,10 Z" fill="#000000" transform="translate(11.500000, 12.500000) scale(-1, 1) translate(-11.500000, -12.500000) "/>
<circle fill="#000000" opacity="0.3" cx="8" cy="16" r="2"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/ZoomPlus.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/ZoomPlus.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / ZoomPlus</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero"/>
<path d="M10.5,10.5 L10.5,9.5 C10.5,9.22385763 10.7238576,9 11,9 C11.2761424,9 11.5,9.22385763 11.5,9.5 L11.5,10.5 L12.5,10.5 C12.7761424,10.5 13,10.7238576 13,11 C13,11.2761424 12.7761424,11.5 12.5,11.5 L11.5,11.5 L11.5,12.5 C11.5,12.7761424 11.2761424,13 11,13 C10.7238576,13 10.5,12.7761424 10.5,12.5 L10.5,11.5 L9.5,11.5 C9.22385763,11.5 9,11.2761424 9,11 C9,10.7238576 9.22385763,10.5 9.5,10.5 L10.5,10.5 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Border.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Border.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Border</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M7,6 C6.44771525,6 6,6.44771525 6,7 L6,17 C6,17.5522847 6.44771525,18 7,18 L17,18 C17.5522847,18 18,17.5522847 18,17 L18,7 C18,6.44771525 17.5522847,6 17,6 L7,6 Z M7,4 L17,4 C18.6568542,4 20,5.34314575 20,7 L20,17 C20,18.6568542 18.6568542,20 17,20 L7,20 C5.34314575,20 4,18.6568542 4,17 L4,7 C4,5.34314575 5.34314575,4 7,4 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/PenAndRuller.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/PenAndRuller.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Pen&ruller</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M3,16 L5,16 C5.55228475,16 6,15.5522847 6,15 C6,14.4477153 5.55228475,14 5,14 L3,14 L3,12 L5,12 C5.55228475,12 6,11.5522847 6,11 C6,10.4477153 5.55228475,10 5,10 L3,10 L3,8 L5,8 C5.55228475,8 6,7.55228475 6,7 C6,6.44771525 5.55228475,6 5,6 L3,6 L3,4 C3,3.44771525 3.44771525,3 4,3 L10,3 C10.5522847,3 11,3.44771525 11,4 L11,19 C11,19.5522847 10.5522847,20 10,20 L4,20 C3.44771525,20 3,19.5522847 3,19 L3,16 Z" fill="#000000" opacity="0.3"/>
<path d="M16,3 L19,3 C20.1045695,3 21,3.8954305 21,5 L21,15.2485298 C21,15.7329761 20.8241635,16.200956 20.5051534,16.565539 L17.8762883,19.5699562 C17.6944473,19.7777745 17.378566,19.7988332 17.1707477,19.6169922 C17.1540423,19.602375 17.1383289,19.5866616 17.1237117,19.5699562 L14.4948466,16.565539 C14.1758365,16.200956 14,15.7329761 14,15.2485298 L14,5 C14,3.8954305 14.8954305,3 16,3 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Anchor-left-down.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Anchor-left-down.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Anchor-left-down</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" opacity="0.3" cx="5" cy="19" r="3"/>
<g transform="translate(6.000000, 2.000000)">
<rect x="0" y="0" width="16" height="16"/>
<path d="M9,5 L9,12 C9,12.5522847 8.55228475,13 8,13 L8,13 C7.44771525,13 7,12.5522847 7,12 L7,5 L5,5 C4.44771525,5 4,4.55228475 4,4 L4,4 C4,3.44771525 4.44771525,3 5,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,4 C12,4.55228475 11.5522847,5 11,5 L9,5 Z" fill="#000000"/>
</g>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Anchor-center-down.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Anchor-center-down.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Anchor-center-down</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" opacity="0.3" cx="12" cy="19" r="3"/>
<g transform="translate(4.000000, 2.000000)">
<rect x="0" y="0" width="16" height="16"/>
<path d="M9,5 L9,12 C9,12.5522847 8.55228475,13 8,13 L8,13 C7.44771525,13 7,12.5522847 7,12 L7,5 L5,5 C4.44771525,5 4,4.55228475 4,4 L4,4 C4,3.44771525 4.44771525,3 5,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,4 C12,4.55228475 11.5522847,5 11,5 L9,5 Z" fill="#000000"/>
</g>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Pixels.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Pixels.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Pixels</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<rect fill="#000000" x="4" y="16" width="4" height="4" rx="1"/>
<rect fill="#000000" x="4" y="10" width="4" height="4" rx="1"/>
<rect fill="#000000" x="10" y="16" width="4" height="4" rx="1"/>
<rect fill="#000000" opacity="0.3" x="10" y="10" width="4" height="4" rx="1"/>
<rect fill="#000000" x="4" y="4" width="4" height="4" rx="1"/>
<rect fill="#000000" x="16" y="16" width="4" height="4" rx="1"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Union.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Union.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Union</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M8,9 L8,6.18181818 C8,4.76751186 8.76751186,4 10.1818182,4 L17.8181818,4 C19.2324881,4 20,4.76751186 20,6.18181818 L20,13.8181818 C20,15.2324881 19.2324881,16 17.8181818,16 L15,16 L15,18.8181818 C15,20.2324881 14.2324881,21 12.8181818,21 L5.18181818,21 C3.76751186,21 3,20.2324881 3,18.8181818 L3,11.1818182 C3,9.76751186 3.76751186,9 5.18181818,9 L8,9 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Position.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Position.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Position</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M6,18 L9,18 C9.66666667,18.1143819 10,18.4477153 10,19 C10,19.5522847 9.66666667,19.8856181 9,20 L4,20 L4,15 C4,14.3333333 4.33333333,14 5,14 C5.66666667,14 6,14.3333333 6,15 L6,18 Z M18,18 L18,15 C18.1143819,14.3333333 18.4477153,14 19,14 C19.5522847,14 19.8856181,14.3333333 20,15 L20,20 L15,20 C14.3333333,20 14,19.6666667 14,19 C14,18.3333333 14.3333333,18 15,18 L18,18 Z M18,6 L15,6 C14.3333333,5.88561808 14,5.55228475 14,5 C14,4.44771525 14.3333333,4.11438192 15,4 L20,4 L20,9 C20,9.66666667 19.6666667,10 19,10 C18.3333333,10 18,9.66666667 18,9 L18,6 Z M6,6 L6,9 C5.88561808,9.66666667 5.55228475,10 5,10 C4.44771525,10 4.11438192,9.66666667 4,9 L4,4 L9,4 C9.66666667,4 10,4.33333333 10,5 C10,5.66666667 9.66666667,6 9,6 L6,6 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Sketch.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Sketch.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Sketch</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<polygon fill="#000000" opacity="0.3" points="5 3 19 3 23 8 1 8"/>
<polygon fill="#000000" points="23 8 12 20 1 8"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Anchor-right-down.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Anchor-right-down.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Anchor-right-down</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" opacity="0.3" cx="19" cy="19" r="3"/>
<g transform="translate(2.000000, 2.000000)">
<rect x="0" y="0" width="16" height="16"/>
<path d="M9,5 L9,12 C9,12.5522847 8.55228475,13 8,13 L8,13 C7.44771525,13 7,12.5522847 7,12 L7,5 L5,5 C4.44771525,5 4,4.55228475 4,4 L4,4 C4,3.44771525 4.44771525,3 5,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,4 C12,4.55228475 11.5522847,5 11,5 L9,5 Z" fill="#000000"/>
</g>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Layers.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Layers.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Layers</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M12.9336061,16.072447 L19.36,10.9564761 L19.5181585,10.8312381 C20.1676248,10.3169571 20.2772143,9.3735535 19.7629333,8.72408713 C19.6917232,8.63415859 19.6104327,8.55269514 19.5206557,8.48129411 L12.9336854,3.24257445 C12.3871201,2.80788259 11.6128799,2.80788259 11.0663146,3.24257445 L4.47482784,8.48488609 C3.82645598,9.00054628 3.71887192,9.94418071 4.23453211,10.5925526 C4.30500305,10.6811601 4.38527899,10.7615046 4.47382636,10.8320511 L4.63,10.9564761 L11.0659024,16.0730648 C11.6126744,16.5077525 12.3871218,16.5074963 12.9336061,16.072447 Z" fill="#000000" fill-rule="nonzero"/>
<path d="M11.0563554,18.6706981 L5.33593024,14.122919 C4.94553994,13.8125559 4.37746707,13.8774308 4.06710397,14.2678211 C4.06471678,14.2708238 4.06234874,14.2738418 4.06,14.2768747 L4.06,14.2768747 C3.75257288,14.6738539 3.82516916,15.244888 4.22214834,15.5523151 C4.22358765,15.5534297 4.2250303,15.55454 4.22647627,15.555646 L11.0872776,20.8031356 C11.6250734,21.2144692 12.371757,21.2145375 12.909628,20.8033023 L19.7677785,15.559828 C20.1693192,15.2528257 20.2459576,14.6784381 19.9389553,14.2768974 C19.9376429,14.2751809 19.9363245,14.2734691 19.935,14.2717619 L19.935,14.2717619 C19.6266937,13.8743807 19.0546209,13.8021712 18.6572397,14.1104775 C18.654352,14.112718 18.6514778,14.1149757 18.6486172,14.1172508 L12.9235044,18.6705218 C12.377022,19.1051477 11.6029199,19.1052208 11.0563554,18.6706981 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Saturation.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Saturation.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Saturation</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M7,14 C7,16.7614237 9.23857625,19 12,19 C14.7614237,19 17,16.7614237 17,14 C17,12.3742163 15.3702913,9.86852817 12,6.69922982 C8.62970872,9.86852817 7,12.3742163 7,14 Z M12,21 C8.13400675,21 5,17.8659932 5,14 C5,11.4226712 7.33333333,8.08933783 12,4 C16.6666667,8.08933783 19,11.4226712 19,14 C19,17.8659932 15.8659932,21 12,21 Z" fill="#000000" fill-rule="nonzero"/>
<path d="M12,4 C16.6666667,8.08933783 19,11.4226712 19,14 C19,17.8659932 15.8659932,21 12,21 L12,4 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Edit.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Edit.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Edit</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero" transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>
<rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Select.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Select.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Select</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M18.5,8 C17.1192881,8 16,6.88071187 16,5.5 C16,4.11928813 17.1192881,3 18.5,3 C19.8807119,3 21,4.11928813 21,5.5 C21,6.88071187 19.8807119,8 18.5,8 Z M18.5,21 C17.1192881,21 16,19.8807119 16,18.5 C16,17.1192881 17.1192881,16 18.5,16 C19.8807119,16 21,17.1192881 21,18.5 C21,19.8807119 19.8807119,21 18.5,21 Z M5.5,21 C4.11928813,21 3,19.8807119 3,18.5 C3,17.1192881 4.11928813,16 5.5,16 C6.88071187,16 8,17.1192881 8,18.5 C8,19.8807119 6.88071187,21 5.5,21 Z" fill="#000000" opacity="0.3"/>
<path d="M5.5,8 C4.11928813,8 3,6.88071187 3,5.5 C3,4.11928813 4.11928813,3 5.5,3 C6.88071187,3 8,4.11928813 8,5.5 C8,6.88071187 6.88071187,8 5.5,8 Z M11,4 L13,4 C13.5522847,4 14,4.44771525 14,5 C14,5.55228475 13.5522847,6 13,6 L11,6 C10.4477153,6 10,5.55228475 10,5 C10,4.44771525 10.4477153,4 11,4 Z M11,18 L13,18 C13.5522847,18 14,18.4477153 14,19 C14,19.5522847 13.5522847,20 13,20 L11,20 C10.4477153,20 10,19.5522847 10,19 C10,18.4477153 10.4477153,18 11,18 Z M5,10 C5.55228475,10 6,10.4477153 6,11 L6,13 C6,13.5522847 5.55228475,14 5,14 C4.44771525,14 4,13.5522847 4,13 L4,11 C4,10.4477153 4.44771525,10 5,10 Z M19,10 C19.5522847,10 20,10.4477153 20,11 L20,13 C20,13.5522847 19.5522847,14 19,14 C18.4477153,14 18,13.5522847 18,13 L18,11 C18,10.4477153 18.4477153,10 19,10 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Join-3.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Join-3.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Join-3</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" opacity="0.3" cx="8" cy="16" r="2"/>
<path d="M9,19 L5.00096004,19 C4.96315967,14.3606423 6.04480907,10.9610276 8.41240045,8.89946335 C10.6738787,6.93029637 13.8932784,5.99355491 18.0040306,6.00000246 L17.9977567,9.99999754 C14.7751756,9.99494305 12.4778257,10.6633977 11.0391383,11.9161251 C9.70656404,13.0764552 8.97080234,15.4164797 9,19 Z" fill="#000000" fill-rule="nonzero" transform="translate(11.502017, 12.499985) scale(-1, 1) translate(-11.502017, -12.499985) "/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Anchor-center-up.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Anchor-center-up.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Anchor-center-up</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" opacity="0.3" cx="12" cy="5" r="3"/>
<g transform="translate(4.000000, 6.000000)">
<rect x="0" y="0" width="16" height="16"/>
<path d="M9,5 L9,12 C9,12.5522847 8.55228475,13 8,13 L8,13 C7.44771525,13 7,12.5522847 7,12 L7,5 L5,5 C4.44771525,5 4,4.55228475 4,4 L4,4 C4,3.44771525 4.44771525,3 5,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,4 C12,4.55228475 11.5522847,5 11,5 L9,5 Z" fill="#000000"/>
</g>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Bucket.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Bucket.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Bucket</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M5,5 L5,15 C5,15.5948613 5.25970314,16.1290656 5.6719139,16.4954176 C5.71978107,16.5379595 5.76682388,16.5788906 5.81365532,16.6178662 C5.82524933,16.6294602 15,7.45470952 15,7.45470952 C15,6.9962515 15,6.17801499 15,5 L5,5 Z M5,3 L15,3 C16.1045695,3 17,3.8954305 17,5 L17,15 C17,17.209139 15.209139,19 13,19 L7,19 C4.790861,19 3,17.209139 3,15 L3,5 C3,3.8954305 3.8954305,3 5,3 Z" fill="#000000" fill-rule="nonzero" transform="translate(10.000000, 11.000000) rotate(-315.000000) translate(-10.000000, -11.000000) "/>
<path d="M20,22 C21.6568542,22 23,20.6568542 23,19 C23,17.8954305 22,16.2287638 20,14 C18,16.2287638 17,17.8954305 17,19 C17,20.6568542 18.3431458,22 20,22 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Triangle.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Triangle.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Triangle</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M3.95428417,19 L20.0457158,19 C20.3218582,19 20.5457158,18.7761424 20.5457158,18.5 C20.5457158,18.3982978 20.5147019,18.2990138 20.4568119,18.215395 L12.4110961,6.59380547 C12.2539131,6.36676337 11.9424371,6.31013137 11.715395,6.46731437 C11.6659703,6.50153145 11.623121,6.54438079 11.5889039,6.59380547 L3.54318807,18.215395 C3.38600507,18.4424371 3.44263707,18.7539131 3.66967918,18.9110961 C3.75329796,18.968986 3.85258194,19 3.95428417,19 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Vertical.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Vertical.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Vertical</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M12,3 C12.5522847,3 13,3.44771525 13,4 L13,5 C13,5.55228475 12.5522847,6 12,6 C11.4477153,6 11,5.55228475 11,5 L11,4 C11,3.44771525 11.4477153,3 12,3 Z M12,8 C12.5522847,8 13,8.44771525 13,9 L13,10 C13,10.5522847 12.5522847,11 12,11 C11.4477153,11 11,10.5522847 11,10 L11,9 C11,8.44771525 11.4477153,8 12,8 Z M12,13 C12.5522847,13 13,13.4477153 13,14 L13,15 C13,15.5522847 12.5522847,16 12,16 C11.4477153,16 11,15.5522847 11,15 L11,14 C11,13.4477153 11.4477153,13 12,13 Z M12,18 C12.5522847,18 13,18.4477153 13,19 L13,20 C13,20.5522847 12.5522847,21 12,21 C11.4477153,21 11,20.5522847 11,20 L11,19 C11,18.4477153 11.4477153,18 12,18 Z" fill="#000000"/>
<path d="M21,9.04031242 L21,14.9596876 C21,15.23583 20.7761424,15.4596876 20.5,15.4596876 C20.3864643,15.4596876 20.276309,15.4210472 20.1876525,15.350122 L16.488043,12.3904344 C16.272412,12.2179296 16.2374514,11.9032834 16.4099561,11.6876525 C16.433022,11.6588201 16.4592107,11.6326315 16.488043,11.6095656 L20.1876525,8.64987802 C20.4032834,8.47737324 20.7179296,8.51233393 20.8904344,8.7279649 C20.9613596,8.81662142 21,8.92677668 21,9.04031242 Z M3,14.9596876 L3,9.04031242 C3,8.76417005 3.22385763,8.54031242 3.5,8.54031242 C3.61353575,8.54031242 3.723691,8.5789528 3.81234752,8.64987802 L7.51195699,11.6095656 C7.72758796,11.7820704 7.76254865,12.0967166 7.59004388,12.3123475 C7.56697799,12.3411799 7.54078935,12.3673685 7.51195699,12.3904344 L3.81234752,15.350122 C3.59671656,15.5226268 3.28207037,15.4876661 3.1095656,15.2720351 C3.03864038,15.1833786 3,15.0732233 3,14.9596876 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Cap-2.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Cap-2.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Cap-2</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle fill="#000000" opacity="0.3" cx="12" cy="7" r="2"/>
<path d="M11,19 L4,19 L4,7 L7.03051599,7 C7.01035184,7.16416693 7,7.33099545 7,7.5 C7,9.67706212 8.71775968,11.4930404 11,11.9099837 L11,19 Z M13,19 L13,11.9099837 C15.2822403,11.4930404 17,9.67706212 17,7.5 C17,7.33099545 16.9896482,7.16416693 16.969484,7 L20,7 L20,19 L13,19 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Pencil.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Pencil.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Pencil</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M10.5,8 L6,19 C6.0352633,19.1332661 6.06268417,19.2312688 6.08226261,19.2940083 C6.43717645,20.4313361 8.07642225,21 9,21 C10.5,21 11,19 12.5,19 C14,19 14.5917308,20.9843119 16,21 C16.9388462,21.0104588 17.9388462,20.3437921 19,19 L14.5,8 L10.5,8 Z" fill="#000000"/>
<path d="M11.3,6 L12.5,3 L13.7,6 L11.3,6 Z M14.5,8 L10.5,8 L14.5,8 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Magic.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Magic.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Magic</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M1,12 L1,14 L6,14 L6,12 L1,12 Z M0,10 L20,10 C20.5522847,10 21,10.4477153 21,11 L21,15 C21,15.5522847 20.5522847,16 20,16 L0,16 C-0.55228475,16 -1,15.5522847 -1,15 L-1,11 C-1,10.4477153 -0.55228475,10 0,10 Z" fill="#000000" fill-rule="nonzero" transform="translate(10.000000, 13.000000) rotate(-225.000000) translate(-10.000000, -13.000000) "/>
<path d="M17.5,12 L18.5,12 C18.7761424,12 19,12.2238576 19,12.5 L19,13.5 C19,13.7761424 18.7761424,14 18.5,14 L17.5,14 C17.2238576,14 17,13.7761424 17,13.5 L17,12.5 C17,12.2238576 17.2238576,12 17.5,12 Z M20.5,9 L21.5,9 C21.7761424,9 22,9.22385763 22,9.5 L22,10.5 C22,10.7761424 21.7761424,11 21.5,11 L20.5,11 C20.2238576,11 20,10.7761424 20,10.5 L20,9.5 C20,9.22385763 20.2238576,9 20.5,9 Z M21.5,13 L22.5,13 C22.7761424,13 23,13.2238576 23,13.5 L23,14.5 C23,14.7761424 22.7761424,15 22.5,15 L21.5,15 C21.2238576,15 21,14.7761424 21,14.5 L21,13.5 C21,13.2238576 21.2238576,13 21.5,13 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Join-2.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Join-2.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Join-2</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M5,12 L10,6 L18,6 L18,10 L12.1666667,10 L9,13.8 L9,19 L5,19 L5,12 Z" fill="#000000" transform="translate(11.500000, 12.500000) scale(-1, 1) translate(-11.500000, -12.500000) "/>
<circle fill="#000000" opacity="0.3" cx="8" cy="16" r="2"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Pen-tool-vector.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Pen-tool-vector.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Pen-tool-vector</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M11,3 L11,11 C11,11.0862364 11.0109158,11.1699233 11.0314412,11.2497543 C10.4163437,11.5908673 10,12.2468125 10,13 C10,14.1045695 10.8954305,15 12,15 C13.1045695,15 14,14.1045695 14,13 C14,12.2468125 13.5836563,11.5908673 12.9685588,11.2497543 C12.9890842,11.1699233 13,11.0862364 13,11 L13,3 L17.7925828,12.5851656 C17.9241309,12.8482619 17.9331722,13.1559315 17.8173006,13.4262985 L15.1298744,19.6969596 C15.051085,19.8808016 14.870316,20 14.6703019,20 L9.32969808,20 C9.12968402,20 8.94891496,19.8808016 8.87012556,19.6969596 L6.18269936,13.4262985 C6.06682778,13.1559315 6.07586907,12.8482619 6.2074172,12.5851656 L11,3 Z" fill="#000000"/>
<path d="M10,21 L14,21 C14.5522847,21 15,21.4477153 15,22 L15,23 L9,23 L9,22 C9,21.4477153 9.44771525,21 10,21 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Adjust.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Adjust.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Adjust</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12,20 C7.581722,20 4,16.418278 4,12 C4,7.581722 7.581722,4 12,4 C16.418278,4 20,7.581722 20,12 C20,16.418278 16.418278,20 12,20 Z M12,5.99999664 C8.6862915,6 6,8.6862915 6,12 C6,15.3137085 8.6862915,18 12,18.0000034 L12,5.99999664 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Arrows.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Arrows.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Arrows</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M10.4289322,12.3786797 L5.30761184,7.25735931 C4.91708755,6.86683502 4.91708755,6.23367004 5.30761184,5.84314575 C5.69813614,5.45262146 6.33130112,5.45262146 6.72182541,5.84314575 L11.8431458,10.9644661 L18.0355339,4.77207794 C18.4260582,4.38155365 19.0592232,4.38155365 19.4497475,4.77207794 C19.8402718,5.16260223 19.8402718,5.79576721 19.4497475,6.1862915 L13.2573593,12.3786797 L19.4497475,18.5710678 C19.8402718,18.9615921 19.8402718,19.5947571 19.4497475,19.9852814 C19.0592232,20.3758057 18.4260582,20.3758057 18.0355339,19.9852814 L11.8431458,13.7928932 L6.72182541,18.9142136 C6.33130112,19.3047379 5.69813614,19.3047379 5.30761184,18.9142136 C4.91708755,18.5236893 4.91708755,17.8905243 5.30761184,17.5 L10.4289322,12.3786797 Z" fill="#000000" opacity="0.3" transform="translate(12.378680, 12.378680) rotate(-315.000000) translate(-12.378680, -12.378680) "/>
<path d="M3.51471863,12 L5.63603897,14.1213203 C6.02656326,14.6736051 6.02656326,15.1450096 5.63603897,15.5355339 C5.24551468,15.9260582 4.77411016,15.9260582 4.22182541,15.5355339 L0.686291501,12 L4.22182541,8.46446609 C4.69322993,7.99306157 5.16463445,7.99306157 5.63603897,8.46446609 C6.10744349,8.93587061 6.10744349,9.40727514 5.63603897,9.87867966 L3.51471863,12 Z M12,20.4852814 L14.1213203,18.363961 C14.6736051,17.9734367 15.1450096,17.9734367 15.5355339,18.363961 C15.9260582,18.7544853 15.9260582,19.2258898 15.5355339,19.7781746 L12,23.3137085 L8.46446609,19.7781746 C7.99306157,19.3067701 7.99306157,18.8353656 8.46446609,18.363961 C8.93587061,17.8925565 9.40727514,17.8925565 9.87867966,18.363961 L12,20.4852814 Z M20.4852814,12 L18.363961,9.87867966 C17.9734367,9.32639491 17.9734367,8.85499039 18.363961,8.46446609 C18.7544853,8.0739418 19.2258898,8.0739418 19.7781746,8.46446609 L23.3137085,12 L19.7781746,15.5355339 C19.3067701,16.0069384 18.8353656,16.0069384 18.363961,15.5355339 C17.8925565,15.0641294 17.8925565,14.5927249 18.363961,14.1213203 L20.4852814,12 Z M12,3.51471863 L9.87867966,5.63603897 C9.32639491,6.02656326 8.85499039,6.02656326 8.46446609,5.63603897 C8.0739418,5.24551468 8.0739418,4.77411016 8.46446609,4.22182541 L12,0.686291501 L15.5355339,4.22182541 C16.0069384,4.69322993 16.0069384,5.16463445 15.5355339,5.63603897 C15.0641294,6.10744349 14.5927249,6.10744349 14.1213203,5.63603897 L12,3.51471863 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Flip-vertical.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Flip-vertical.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Flip-vertical</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M9.07117914,12.5710461 L13.8326627,12.5710461 C14.108805,12.5710461 14.3326627,12.3471885 14.3326627,12.0710461 L14.3326627,0.16733734 C14.3326627,-0.108805035 14.108805,-0.33266266 13.8326627,-0.33266266 C13.6282104,-0.33266266 13.444356,-0.208187188 13.3684243,-0.0183579985 L8.6069408,11.8853508 C8.50438409,12.1417426 8.62909204,12.4327278 8.8854838,12.5352845 C8.94454394,12.5589085 9.00756943,12.5710461 9.07117914,12.5710461 Z" fill="#000000" opacity="0.3" transform="translate(11.451854, 6.119192) rotate(-270.000000) translate(-11.451854, -6.119192) "/>
<path d="M9.23851648,24.5 L14,24.5 C14.2761424,24.5 14.5,24.2761424 14.5,24 L14.5,12.0962912 C14.5,11.8201488 14.2761424,11.5962912 14,11.5962912 C13.7955477,11.5962912 13.6116933,11.7207667 13.5357617,11.9105959 L8.77427814,23.8143047 C8.67172143,24.0706964 8.79642938,24.3616816 9.05282114,24.4642383 C9.11188128,24.4878624 9.17490677,24.5 9.23851648,24.5 Z" fill="#000000" transform="translate(11.500000, 18.000000) scale(1, -1) rotate(-270.000000) translate(-11.500000, -18.000000) "/>
<rect fill="#000000" opacity="0.3" transform="translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) " x="11" y="2" width="2" height="20" rx="1"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Patch.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Patch.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Patch</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M11.2928932,5.63603897 L18.363961,12.7071068 L12,19.0710678 L4.92893219,12 L11.2928932,5.63603897 Z M8.46446609,11.2928932 C8.0739418,11.6834175 8.0739418,12.3165825 8.46446609,12.7071068 C8.85499039,13.0976311 9.48815536,13.0976311 9.87867966,12.7071068 C10.2692039,12.3165825 10.2692039,11.6834175 9.87867966,11.2928932 C9.48815536,10.9023689 8.85499039,10.9023689 8.46446609,11.2928932 Z M11.2928932,8.46446609 C10.9023689,8.85499039 10.9023689,9.48815536 11.2928932,9.87867966 C11.6834175,10.2692039 12.3165825,10.2692039 12.7071068,9.87867966 C13.0976311,9.48815536 13.0976311,8.85499039 12.7071068,8.46446609 C12.3165825,8.0739418 11.6834175,8.0739418 11.2928932,8.46446609 Z M11.2928932,14.1213203 C10.9023689,14.5118446 10.9023689,15.1450096 11.2928932,15.5355339 C11.6834175,15.9260582 12.3165825,15.9260582 12.7071068,15.5355339 C13.0976311,15.1450096 13.0976311,14.5118446 12.7071068,14.1213203 C12.3165825,13.7307961 11.6834175,13.7307961 11.2928932,14.1213203 Z M14.1213203,11.2928932 C13.7307961,11.6834175 13.7307961,12.3165825 14.1213203,12.7071068 C14.5118446,13.0976311 15.1450096,13.0976311 15.5355339,12.7071068 C15.9260582,12.3165825 15.9260582,11.6834175 15.5355339,11.2928932 C15.1450096,10.9023689 14.5118446,10.9023689 14.1213203,11.2928932 Z" fill="#000000"/>
<path d="M10.5150629,20.4145579 C8.57369375,21.7007639 5.93228695,21.4886361 4.22182541,19.7781746 C2.51136387,18.0677131 2.2992361,15.4263063 3.58544211,13.4849371 L10.5150629,20.4145579 Z" fill="#000000" opacity="0.3"/>
<path d="M12.7778303,4.29254889 C14.7191995,3.00634288 17.3606063,3.21847065 19.0710678,4.92893219 C20.7815294,6.63939373 20.9936571,9.28080053 19.7074511,11.2221697 L12.7778303,4.29254889 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Mask.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Mask.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Mask</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M7.67514486,18.731359 C9.6803634,17.3851601 11,15.0966889 11,12.5 C11,9.58867922 9.34119765,7.06479249 6.91718054,5.82192739 C8.29918974,4.68360845 10.0697622,4 12,4 C16.418278,4 20,7.581722 20,12 C20,16.418278 16.418278,20 12,20 C10.4066753,20 8.92214267,19.5342055 7.67514486,18.731359 Z" fill="#000000" opacity="0.3"/>
<path d="M6.39268296,17.7059641 C4.91588435,16.254539 4,14.2342276 4,12 C4,10.0680854 4.68479668,8.29611365 5.82489501,6.91357974 C7.72637261,8.04773008 9,10.1251292 9,12.5 C9,14.6298467 7.97562469,16.5204376 6.39268296,17.7059641 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Design/Circle.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Design/Circle.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Design / Circle</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" cx="12" cy="12" r="8"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Cloud1.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Cloud1.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Cloud1</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M5.74714567,17.0425758 C4.09410362,15.9740356 3,14.1147886 3,12 C3,8.6862915 5.6862915,6 9,6 C11.7957591,6 14.1449096,7.91215918 14.8109738,10.5 L17.25,10.5 C19.3210678,10.5 21,12.1789322 21,14.25 C21,16.3210678 19.3210678,18 17.25,18 L8.25,18 C7.28817895,18 6.41093178,17.6378962 5.74714567,17.0425758 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Sun-fog.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Sun-fog.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Sun-fog</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M8,14 C8,11.790861 9.790861,10 12,10 C14.209139,10 16,11.790861 16,14 C16,14 8,14 8,14 Z" fill="#000000" fill-rule="nonzero"/>
<path d="M19.5,11 L21,11 C21.8284271,11 22.5,11.6715729 22.5,12.5 C22.5,13.3284271 21.8284271,14 21,14 L19.5,14 C18.6715729,14 18,13.3284271 18,12.5 C18,11.6715729 18.6715729,11 19.5,11 Z M16.0606602,6.87132034 L17.1213203,5.81066017 C17.7071068,5.22487373 18.6568542,5.22487373 19.2426407,5.81066017 C19.8284271,6.39644661 19.8284271,7.34619408 19.2426407,7.93198052 L18.1819805,8.99264069 C17.5961941,9.57842712 16.6464466,9.57842712 16.0606602,8.99264069 C15.4748737,8.40685425 15.4748737,7.45710678 16.0606602,6.87132034 Z M3,11 L4.5,11 C5.32842712,11 6,11.6715729 6,12.5 C6,13.3284271 5.32842712,14 4.5,14 L3,14 C2.17157288,14 1.5,13.3284271 1.5,12.5 C1.5,11.6715729 2.17157288,11 3,11 Z M12,2.5 C12.8284271,2.5 13.5,3.17157288 13.5,4 L13.5,5.5 C13.5,6.32842712 12.8284271,7 12,7 C11.1715729,7 10.5,6.32842712 10.5,5.5 L10.5,4 C10.5,3.17157288 11.1715729,2.5 12,2.5 Z M4.81066017,5.81066017 C5.39644661,5.22487373 6.34619408,5.22487373 6.93198052,5.81066017 L7.99264069,6.87132034 C8.57842712,7.45710678 8.57842712,8.40685425 7.99264069,8.99264069 C7.40685425,9.57842712 6.45710678,9.57842712 5.87132034,8.99264069 L4.81066017,7.93198052 C4.22487373,7.34619408 4.22487373,6.39644661 4.81066017,5.81066017 Z M2.5,16 L21.5,16 C21.7761424,16 22,16.2238576 22,16.5 C22,16.7761424 21.7761424,17 21.5,17 L2.5,17 C2.22385763,17 2,16.7761424 2,16.5 C2,16.2238576 2.22385763,16 2.5,16 Z M2.5,18 L7.5,18 C7.77614237,18 8,18.2238576 8,18.5 C8,18.7761424 7.77614237,19 7.5,19 L2.5,19 C2.22385763,19 2,18.7761424 2,18.5 C2,18.2238576 2.22385763,18 2.5,18 Z M14.5,20 L21.5,20 C21.7761424,20 22,20.2238576 22,20.5 C22,20.7761424 21.7761424,21 21.5,21 L14.5,21 C14.2238576,21 14,20.7761424 14,20.5 C14,20.2238576 14.2238576,20 14.5,20 Z M9.5,18 L21.5,18 C21.7761424,18 22,18.2238576 22,18.5 C22,18.7761424 21.7761424,19 21.5,19 L9.5,19 C9.22385763,19 9,18.7761424 9,18.5 C9,18.2238576 9.22385763,18 9.5,18 Z M2.5,20 L12.5,20 C12.7761424,20 13,20.2238576 13,20.5 C13,20.7761424 12.7761424,21 12.5,21 L2.5,21 C2.22385763,21 2,20.7761424 2,20.5 C2,20.2238576 2.22385763,20 2.5,20 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Rain2.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Rain2.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Rain2</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M5.74714567,14.0425758 C4.09410362,12.9740356 3,11.1147886 3,9 C3,5.6862915 5.6862915,3 9,3 C11.7957591,3 14.1449096,4.91215918 14.8109738,7.5 L17.25,7.5 C19.3210678,7.5 21,9.17893219 21,11.25 C21,13.3210678 19.3210678,15 17.25,15 L8.25,15 C7.28817895,15 6.41093178,14.6378962 5.74714567,14.0425758 Z" fill="#000000"/>
<path d="M6.5,21 C5.67157288,21 5,20.3284271 5,19.5 C5,18.9477153 5.5,18.1143819 6.5,17 C7.5,18.1143819 8,18.9477153 8,19.5 C8,20.3284271 7.32842712,21 6.5,21 Z M11.5,21 C10.6715729,21 10,20.3284271 10,19.5 C10,18.9477153 10.5,18.1143819 11.5,17 C12.5,18.1143819 13,18.9477153 13,19.5 C13,20.3284271 12.3284271,21 11.5,21 Z M16.5,21 C15.6715729,21 15,20.3284271 15,19.5 C15,18.9477153 15.5,18.1143819 16.5,17 C17.5,18.1143819 18,18.9477153 18,19.5 C18,20.3284271 17.3284271,21 16.5,21 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Temperature-empty.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Temperature-empty.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Temperature-empty</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M13.9985481,12.5339049 L13,11.956276 L13,5 C13,4.73295228 12.4830082,4.00879513 12,4 C11.4840929,3.99060581 11,4.71476297 11,5 L11,11.956276 L10.0014519,12.5339049 C8.77163638,13.2453148 8,14.5543681 8,16 C8,18.209139 9.790861,20 12,20 C14.209139,20 16,18.209139 16,16 C16,14.5543681 15.2283636,13.2453148 13.9985481,12.5339049 Z M18,16 C18,19.3137085 15.3137085,22 12,22 C8.6862915,22 6,19.3137085 6,16 C6,13.7791529 7.20659589,11.8401214 9,10.8026932 L9,5 C9,3.34314575 10.3431458,2 12,2 C13.6568542,2 15,3.34314575 15,5 L15,10.8026932 C16.7934041,11.8401214 18,13.7791529 18,16 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Night-fog.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Night-fog.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Night-fog</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M12.880982,3.00020666 C12.4130881,3.80913672 12.1452994,4.74829566 12.1452994,5.75 C12.1452994,8.77148908 14.5817362,11.2239178 17.5971169,11.2497933 C16.6461704,12.8938611 14.8686612,14 12.8327994,14 C9.7952333,14 7.33279942,11.5375661 7.33279942,8.5 C7.33279942,5.46243388 9.7952333,3 12.8327994,3 C12.8488765,3 12.8649374,3.00006898 12.880982,3.00020666 Z" fill="#000000"/>
<path d="M2.5,16 L21.5,16 C21.7761424,16 22,16.2238576 22,16.5 C22,16.7761424 21.7761424,17 21.5,17 L2.5,17 C2.22385763,17 2,16.7761424 2,16.5 C2,16.2238576 2.22385763,16 2.5,16 Z M2.5,18 L7.5,18 C7.77614237,18 8,18.2238576 8,18.5 C8,18.7761424 7.77614237,19 7.5,19 L2.5,19 C2.22385763,19 2,18.7761424 2,18.5 C2,18.2238576 2.22385763,18 2.5,18 Z M14.5,20 L21.5,20 C21.7761424,20 22,20.2238576 22,20.5 C22,20.7761424 21.7761424,21 21.5,21 L14.5,21 C14.2238576,21 14,20.7761424 14,20.5 C14,20.2238576 14.2238576,20 14.5,20 Z M9.5,18 L21.5,18 C21.7761424,18 22,18.2238576 22,18.5 C22,18.7761424 21.7761424,19 21.5,19 L9.5,19 C9.22385763,19 9,18.7761424 9,18.5 C9,18.2238576 9.22385763,18 9.5,18 Z M2.5,20 L12.5,20 C12.7761424,20 13,20.2238576 13,20.5 C13,20.7761424 12.7761424,21 12.5,21 L2.5,21 C2.22385763,21 2,20.7761424 2,20.5 C2,20.2238576 2.22385763,20 2.5,20 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Cloudy.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Cloudy.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Cloudy</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M7.74714567,15.0425758 C6.09410362,13.9740356 5,12.1147886 5,10 C5,6.6862915 7.6862915,4 11,4 C13.7957591,4 16.1449096,5.91215918 16.8109738,8.5 L19.25,8.5 C21.3210678,8.5 23,10.1789322 23,12.25 C23,14.3210678 21.3210678,16 19.25,16 L10.25,16 C9.28817895,16 8.41093178,15.6378962 7.74714567,15.0425758 Z" fill="#000000" opacity="0.3"/>
<path d="M3.74714567,19.0425758 C2.09410362,17.9740356 1,16.1147886 1,14 C1,10.6862915 3.6862915,8 7,8 C9.79575914,8 12.1449096,9.91215918 12.8109738,12.5 L15.25,12.5 C17.3210678,12.5 19,14.1789322 19,16.25 C19,18.3210678 17.3210678,20 15.25,20 L6.25,20 C5.28817895,20 4.41093178,19.6378962 3.74714567,19.0425758 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Celcium.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Celcium.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Celcium</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M19.802,9.244 C19.4659983,8.78799772 19.0280027,8.45500105 18.488,8.245 C17.9479973,8.03499895 17.4200026,7.93 16.904,7.93 C16.2439967,7.93 15.6440027,8.0499988 15.104,8.29 C14.5639973,8.5300012 14.099002,8.8599979 13.709,9.28 C13.3189981,9.7000021 13.0190011,10.1919972 12.809,10.756 C12.598999,11.3200028 12.494,11.9319967 12.494,12.592 C12.494,13.2880035 12.595999,13.9239971 12.8,14.5 C13.004001,15.0760029 13.2949981,15.5709979 13.673,15.985 C14.0510019,16.3990021 14.5039974,16.7199989 15.032,16.948 C15.5600026,17.1760011 16.1539967,17.29 16.814,17.29 C17.4980034,17.29 18.1039974,17.1550013 18.632,16.885 C19.1600026,16.6149987 19.5859984,16.2580022 19.91,15.814 L21.728,17.092 C21.1639972,17.8000035 20.4740041,18.348998 19.658,18.739 C18.8419959,19.1290019 17.8880055,19.324 16.796,19.324 C15.799995,19.324 14.8850042,19.1590017 14.051,18.829 C13.2169958,18.4989984 12.500003,18.037003 11.9,17.443 C11.299997,16.848997 10.8320017,16.1410041 10.496,15.319 C10.1599983,14.4969959 9.992,13.588005 9.992,12.592 C9.992,11.5719949 10.1689982,10.6510041 10.523,9.829 C10.8770018,9.00699589 11.3629969,8.30800288 11.981,7.732 C12.5990031,7.15599712 13.3279958,6.71200156 14.168,6.4 C15.0080042,6.08799844 15.9199951,5.932 16.904,5.932 C17.312002,5.932 17.7379978,5.97099961 18.182,6.049 C18.6260022,6.12700039 19.051998,6.24699919 19.46,6.409 C19.868002,6.57100081 20.2519982,6.7719988 20.612,7.012 C20.9720018,7.2520012 21.2779987,7.53999832 21.53,7.876 L19.802,9.244 Z" fill="#000000"/>
<path d="M2.72,8.92 C2.72,8.52399802 2.79499925,8.15200174 2.945,7.804 C3.09500075,7.45599826 3.30199868,7.15000132 3.566,6.886 C3.83000132,6.62199868 4.13599826,6.41500075 4.484,6.265 C4.83200174,6.11499925 5.20399802,6.04 5.6,6.04 C5.99600198,6.04 6.36799826,6.11499925 6.716,6.265 C7.06400174,6.41500075 7.36999868,6.62199868 7.634,6.886 C7.89800132,7.15000132 8.10499925,7.45599826 8.255,7.804 C8.40500075,8.15200174 8.48,8.52399802 8.48,8.92 C8.48,9.31600198 8.40500075,9.68799826 8.255,10.036 C8.10499925,10.3840017 7.89800132,10.6899987 7.634,10.954 C7.36999868,11.2180013 7.06400174,11.4249992 6.716,11.575 C6.36799826,11.7250007 5.99600198,11.8 5.6,11.8 C5.20399802,11.8 4.83200174,11.7250007 4.484,11.575 C4.13599826,11.4249992 3.83000132,11.2180013 3.566,10.954 C3.30199868,10.6899987 3.09500075,10.3840017 2.945,10.036 C2.79499925,9.68799826 2.72,9.31600198 2.72,8.92 Z M4.124,8.92 C4.124,9.32800204 4.26799856,9.67599856 4.556,9.964 C4.84400144,10.2520014 5.19199796,10.396 5.6,10.396 C6.00800204,10.396 6.35599856,10.2520014 6.644,9.964 C6.93200144,9.67599856 7.076,9.32800204 7.076,8.92 C7.076,8.51199796 6.93200144,8.16400144 6.644,7.876 C6.35599856,7.58799856 6.00800204,7.444 5.6,7.444 C5.19199796,7.444 4.84400144,7.58799856 4.556,7.876 C4.26799856,8.16400144 4.124,8.51199796 4.124,8.92 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Snow.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Snow.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Snow</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M11,10.4165357 L11,4 C11,3.44771525 11.4477153,3 12,3 C12.5522847,3 13,3.44771525 13,4 L13,10.317478 L18.38531,7.20826783 C18.8636026,6.93212546 19.475193,7.09600061 19.7513354,7.57429323 C20.0274778,8.05258586 19.8636026,8.66417626 19.38531,8.94031864 L13.9142136,12.0990576 L19.2995236,15.2082678 C19.7778162,15.4844102 19.9416914,16.0960006 19.665549,16.5742932 C19.3894066,17.0525859 18.7778162,17.216461 18.2995236,16.9403186 L13,13.8806373 L13,20 C13,20.5522847 12.5522847,21 12,21 C11.4477153,21 11,20.5522847 11,20 L11,13.7815796 L5.52890355,16.9403186 C5.05061093,17.216461 4.43902052,17.0525859 4.16287815,16.5742932 C3.88673577,16.0960006 4.05061093,15.4844102 4.52890355,15.2082678 L9.91421356,12.0990576 L4.44311711,8.94031864 C3.96482449,8.66417626 3.80094933,8.05258586 4.07709171,7.57429323 C4.35323408,7.09600061 4.96482449,6.93212546 5.44311711,7.20826783 L11,10.4165357 Z" fill="#000000" opacity="0.3"/>
<path d="M7.85831393,9.7796456 C7.8746047,9.81921653 7.88854151,9.86028217 7.89991279,9.90272036 C8.0428546,10.4361865 7.72627211,10.9845234 7.19280601,11.1274652 L5.26095436,11.6451033 C4.72748826,11.7880451 4.1791513,11.4714626 4.03620949,10.9379965 C3.89326768,10.4045304 4.20985016,9.85619348 4.74331627,9.71325167 L6.67516792,9.19561358 C6.71760611,9.1842423 6.7601384,9.17577912 6.80255323,9.17010187 C6.78626245,9.13053093 6.77232564,9.08946529 6.76095436,9.04702711 L6.24331627,7.11517546 C6.10037446,6.58170935 6.41695695,6.0333724 6.95042305,5.89043059 C7.48388915,5.74748877 8.03222611,6.06407126 8.17516792,6.59753737 L8.69280601,8.52938902 C8.83574782,9.06285512 8.51916533,9.61119208 7.98569923,9.75413389 C7.94326105,9.76550517 7.90072875,9.77396835 7.85831393,9.7796456 Z M17.0258739,15.0725388 C17.0421647,15.1121098 17.0561015,15.1531754 17.0674728,15.1956136 L17.5851109,17.1274652 C17.7280527,17.6609313 17.4114702,18.2092683 16.8780041,18.3522101 C16.344538,18.4951519 15.796201,18.1785694 15.6532592,17.6451033 L15.1356211,15.7132517 C14.9926793,15.1797856 15.3092618,14.6314486 15.8427279,14.4885068 C15.8851661,14.4771355 15.9276984,14.4686723 15.9701132,14.4629951 C15.9538224,14.4234242 15.9398856,14.3823585 15.9285143,14.3399203 C15.7855725,13.8064542 16.102155,13.2581173 16.6356211,13.1151755 L18.5674728,12.5975374 C19.1009389,12.4545956 19.6492758,12.771178 19.7922176,13.3046441 C19.9351594,13.8381103 19.618577,14.3864472 19.0851109,14.529389 L17.1532592,15.0470271 C17.110821,15.0583984 17.0682887,15.0668616 17.0258739,15.0725388 Z M15.9701132,9.7796456 C15.9276984,9.77396835 15.8851661,9.76550517 15.8427279,9.75413389 C15.3092618,9.61119208 14.9926793,9.06285512 15.1356211,8.52938902 L15.6532592,6.59753737 C15.796201,6.06407126 16.344538,5.74748877 16.8780041,5.89043059 C17.4114702,6.0333724 17.7280527,6.58170935 17.5851109,7.11517546 L17.0674728,9.04702711 C17.0561015,9.08946529 17.0421647,9.13053093 17.0258739,9.17010187 C17.0682887,9.17577912 17.110821,9.1842423 17.1532592,9.19561358 L19.0851109,9.71325167 C19.618577,9.85619348 19.9351594,10.4045304 19.7922176,10.9379965 C19.6492758,11.4714626 19.1009389,11.7880451 18.5674728,11.6451033 L16.6356211,11.1274652 C16.102155,10.9845234 15.7855725,10.4361865 15.9285143,9.90272036 C15.9398856,9.86028217 15.9538224,9.81921653 15.9701132,9.7796456 Z M6.80255323,15.0725388 C6.7601384,15.0668616 6.71760611,15.0583984 6.67516792,15.0470271 L4.74331627,14.529389 C4.20985016,14.3864472 3.89326768,13.8381103 4.03620949,13.3046441 C4.1791513,12.771178 4.72748826,12.4545956 5.26095436,12.5975374 L7.19280601,13.1151755 C7.72627211,13.2581173 8.0428546,13.8064542 7.89991279,14.3399203 C7.88854151,14.3823585 7.8746047,14.4234242 7.85831393,14.4629951 C7.90072875,14.4686723 7.94326105,14.4771355 7.98569923,14.4885068 C8.51916533,14.6314486 8.83574782,15.1797856 8.69280601,15.7132517 L8.17516792,17.6451033 C8.03222611,18.1785694 7.48388915,18.4951519 6.95042305,18.3522101 C6.41695695,18.2092683 6.10037446,17.6609313 6.24331627,17.1274652 L6.76095436,15.1956136 C6.77232564,15.1531754 6.78626245,15.1121098 6.80255323,15.0725388 Z M11.9142136,7.43797085 C11.8880895,7.47186454 11.859494,7.504467 11.8284271,7.53553391 C11.4379028,7.9260582 10.8047379,7.9260582 10.4142136,7.53553391 L9,6.12132034 C8.60947571,5.73079605 8.60947571,5.09763107 9,4.70710678 C9.39052429,4.31658249 10.0236893,4.31658249 10.4142136,4.70710678 L11.8284271,6.12132034 C11.859494,6.15238725 11.8880895,6.18498971 11.9142136,6.2188834 C11.9403376,6.18498971 11.9689331,6.15238725 12,6.12132034 L13.4142136,4.70710678 C13.8047379,4.31658249 14.4379028,4.31658249 14.8284271,4.70710678 C15.2189514,5.09763107 15.2189514,5.73079605 14.8284271,6.12132034 L13.4142136,7.53553391 C13.0236893,7.9260582 12.3905243,7.9260582 12,7.53553391 C11.9689331,7.504467 11.9403376,7.47186454 11.9142136,7.43797085 Z M11.9142136,18.0237573 C11.8880895,18.057651 11.859494,18.0902534 11.8284271,18.1213203 L10.4142136,19.5355339 C10.0236893,19.9260582 9.39052429,19.9260582 9,19.5355339 C8.60947571,19.1450096 8.60947571,18.5118446 9,18.1213203 L10.4142136,16.7071068 C10.8047379,16.3165825 11.4379028,16.3165825 11.8284271,16.7071068 C11.859494,16.7381737 11.8880895,16.7707761 11.9142136,16.8046698 C11.9403376,16.7707761 11.9689331,16.7381737 12,16.7071068 C12.3905243,16.3165825 13.0236893,16.3165825 13.4142136,16.7071068 L14.8284271,18.1213203 C15.2189514,18.5118446 15.2189514,19.1450096 14.8284271,19.5355339 C14.4379028,19.9260582 13.8047379,19.9260582 13.4142136,19.5355339 L12,18.1213203 C11.9689331,18.0902534 11.9403376,18.057651 11.9142136,18.0237573 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Sun.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Sun.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Sun</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12,15 C10.3431458,15 9,13.6568542 9,12 C9,10.3431458 10.3431458,9 12,9 C13.6568542,9 15,10.3431458 15,12 C15,13.6568542 13.6568542,15 12,15 Z" fill="#000000" fill-rule="nonzero"/>
<path d="M19.5,10.5 L21,10.5 C21.8284271,10.5 22.5,11.1715729 22.5,12 C22.5,12.8284271 21.8284271,13.5 21,13.5 L19.5,13.5 C18.6715729,13.5 18,12.8284271 18,12 C18,11.1715729 18.6715729,10.5 19.5,10.5 Z M16.0606602,5.87132034 L17.1213203,4.81066017 C17.7071068,4.22487373 18.6568542,4.22487373 19.2426407,4.81066017 C19.8284271,5.39644661 19.8284271,6.34619408 19.2426407,6.93198052 L18.1819805,7.99264069 C17.5961941,8.57842712 16.6464466,8.57842712 16.0606602,7.99264069 C15.4748737,7.40685425 15.4748737,6.45710678 16.0606602,5.87132034 Z M16.0606602,18.1819805 C15.4748737,17.5961941 15.4748737,16.6464466 16.0606602,16.0606602 C16.6464466,15.4748737 17.5961941,15.4748737 18.1819805,16.0606602 L19.2426407,17.1213203 C19.8284271,17.7071068 19.8284271,18.6568542 19.2426407,19.2426407 C18.6568542,19.8284271 17.7071068,19.8284271 17.1213203,19.2426407 L16.0606602,18.1819805 Z M3,10.5 L4.5,10.5 C5.32842712,10.5 6,11.1715729 6,12 C6,12.8284271 5.32842712,13.5 4.5,13.5 L3,13.5 C2.17157288,13.5 1.5,12.8284271 1.5,12 C1.5,11.1715729 2.17157288,10.5 3,10.5 Z M12,1.5 C12.8284271,1.5 13.5,2.17157288 13.5,3 L13.5,4.5 C13.5,5.32842712 12.8284271,6 12,6 C11.1715729,6 10.5,5.32842712 10.5,4.5 L10.5,3 C10.5,2.17157288 11.1715729,1.5 12,1.5 Z M12,18 C12.8284271,18 13.5,18.6715729 13.5,19.5 L13.5,21 C13.5,21.8284271 12.8284271,22.5 12,22.5 C11.1715729,22.5 10.5,21.8284271 10.5,21 L10.5,19.5 C10.5,18.6715729 11.1715729,18 12,18 Z M4.81066017,4.81066017 C5.39644661,4.22487373 6.34619408,4.22487373 6.93198052,4.81066017 L7.99264069,5.87132034 C8.57842712,6.45710678 8.57842712,7.40685425 7.99264069,7.99264069 C7.40685425,8.57842712 6.45710678,8.57842712 5.87132034,7.99264069 L4.81066017,6.93198052 C4.22487373,6.34619408 4.22487373,5.39644661 4.81066017,4.81066017 Z M4.81066017,19.2426407 C4.22487373,18.6568542 4.22487373,17.7071068 4.81066017,17.1213203 L5.87132034,16.0606602 C6.45710678,15.4748737 7.40685425,15.4748737 7.99264069,16.0606602 C8.57842712,16.6464466 8.57842712,17.5961941 7.99264069,18.1819805 L6.93198052,19.2426407 C6.34619408,19.8284271 5.39644661,19.8284271 4.81066017,19.2426407 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Moon.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Moon.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Moon</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12.0700837,4.0003006 C11.3895108,5.17692613 11,6.54297551 11,8 C11,12.3948932 14.5439081,15.9620623 18.9299163,15.9996994 C17.5467214,18.3910707 14.9612535,20 12,20 C7.581722,20 4,16.418278 4,12 C4,7.581722 7.581722,4 12,4 C12.0233848,4 12.0467462,4.00010034 12.0700837,4.0003006 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Thunder-night.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Thunder-night.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Thunder-night</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M17.2283644,0.204585937 C17.094799,1.04356724 17.1734919,1.92788295 17.4998362,2.77803892 C18.4842043,5.34240534 21.3510057,6.63004045 23.9186178,5.66962325 C23.6471598,7.37476707 22.4989388,8.89265068 20.7710836,9.55591215 C18.1930725,10.5455179 15.3009475,9.25786092 14.3113418,6.67984976 C13.321736,4.1018386 14.609393,1.20971365 17.1874041,0.220107883 C17.2010489,0.214870157 17.2147024,0.209696224 17.2283644,0.204585937 Z M10.0888887,24 L10.0888887,20 L7.86666648,20 L12.3111109,14 L12.3111109,18 L14.5333331,18 L10.0888887,24 Z" fill="#000000" opacity="0.3"/>
<path d="M5.74714567,14.0425758 C4.09410362,12.9740356 3,11.1147886 3,9 C3,5.6862915 5.6862915,3 9,3 C11.7957591,3 14.1449096,4.91215918 14.8109738,7.5 L17.25,7.5 C19.3210678,7.5 21,9.17893219 21,11.25 C21,13.3210678 19.3210678,15 17.25,15 L8.25,15 C7.28817895,15 6.41093178,14.6378962 5.74714567,14.0425758 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Fog.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Fog.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Fog</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<rect fill="#000000" opacity="0.3" x="2" y="5" width="20" height="2" rx="1"/>
<rect fill="#000000" opacity="0.3" x="2" y="17" width="20" height="2" rx="1"/>
<rect fill="#000000" opacity="0.3" x="2" y="9" width="5" height="2" rx="1"/>
<rect fill="#000000" opacity="0.3" x="16" y="13" width="6" height="2" rx="1"/>
<rect fill="#000000" opacity="0.3" x="9" y="9" width="13" height="2" rx="1"/>
<rect fill="#000000" opacity="0.3" x="2" y="13" width="12" height="2" rx="1"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Rain5.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Rain5.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Rain5</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M4.30769231,13 C3.03318904,13 2,11.9926407 2,10.75 C2,9.92157288 2.76923077,8.67157288 4.30769231,7 C5.84615385,8.67157288 6.61538462,9.92157288 6.61538462,10.75 C6.61538462,11.9926407 5.58219558,13 4.30769231,13 Z M19.6923077,13 C18.4178044,13 17.3846154,11.9926407 17.3846154,10.75 C17.3846154,9.92157288 18.1538462,8.67157288 19.6923077,7 C21.2307692,8.67157288 22,9.92157288 22,10.75 C22,11.9926407 20.966811,13 19.6923077,13 Z M8.30769231,20 C7.03318904,20 6,18.9926407 6,17.75 C6,16.9215729 6.76923077,15.6715729 8.30769231,14 C9.84615385,15.6715729 10.6153846,16.9215729 10.6153846,17.75 C10.6153846,18.9926407 9.58219558,20 8.30769231,20 Z M16,20 C14.7254967,20 13.6923077,18.9926407 13.6923077,17.75 C13.6923077,16.9215729 14.4615385,15.6715729 16,14 C17.5384615,15.6715729 18.3076923,16.9215729 18.3076923,17.75 C18.3076923,18.9926407 17.2745033,20 16,20 Z" fill="#000000" opacity="0.3"/>
<path d="M12,13 C13.2745033,13 14.3076923,11.9926407 14.3076923,10.75 C14.3076923,9.92157288 13.5384615,8.67157288 12,7 C10.4615385,8.67157288 9.69230769,9.92157288 9.69230769,10.75 C9.69230769,11.9926407 10.7254967,13 12,13 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Temperature-half.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Temperature-half.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Temperature-half</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M18,16 C18,19.3137085 15.3137085,22 12,22 C8.6862915,22 6,19.3137085 6,16 C6,13.7791529 7.20659589,11.8401214 9,10.8026932 L9,5 C9,3.34314575 10.3431458,2 12,2 C13.6568542,2 15,3.34314575 15,5 L15,10.8026932 C16.7934041,11.8401214 18,13.7791529 18,16 Z M12,4 C11.4477153,4 11,4.44771525 11,5 L11,10 C11,10.5522847 11.4477153,11 12,11 C12.5522847,11 13,10.5522847 13,10 L13,5 C13,4.44771525 12.5522847,4 12,4 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Fahrenheit.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Fahrenheit.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Fahrenheit</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<polygon fill="#000000" points="11.604 6 20 6 20 8 14 8 14 11.728 19.488 11.728 19.488 13.636 14 13.636 14 19 11.604 19"/>
<path d="M3.72,8.92 C3.72,8.52399802 3.79499925,8.15200174 3.945,7.804 C4.09500075,7.45599826 4.30199868,7.15000132 4.566,6.886 C4.83000132,6.62199868 5.13599826,6.41500075 5.484,6.265 C5.83200174,6.11499925 6.20399802,6.04 6.6,6.04 C6.99600198,6.04 7.36799826,6.11499925 7.716,6.265 C8.06400174,6.41500075 8.36999868,6.62199868 8.634,6.886 C8.89800132,7.15000132 9.10499925,7.45599826 9.255,7.804 C9.40500075,8.15200174 9.48,8.52399802 9.48,8.92 C9.48,9.31600198 9.40500075,9.68799826 9.255,10.036 C9.10499925,10.3840017 8.89800132,10.6899987 8.634,10.954 C8.36999868,11.2180013 8.06400174,11.4249992 7.716,11.575 C7.36799826,11.7250007 6.99600198,11.8 6.6,11.8 C6.20399802,11.8 5.83200174,11.7250007 5.484,11.575 C5.13599826,11.4249992 4.83000132,11.2180013 4.566,10.954 C4.30199868,10.6899987 4.09500075,10.3840017 3.945,10.036 C3.79499925,9.68799826 3.72,9.31600198 3.72,8.92 Z M5.124,8.92 C5.124,9.32800204 5.26799856,9.67599856 5.556,9.964 C5.84400144,10.2520014 6.19199796,10.396 6.6,10.396 C7.00800204,10.396 7.35599856,10.2520014 7.644,9.964 C7.93200144,9.67599856 8.076,9.32800204 8.076,8.92 C8.076,8.51199796 7.93200144,8.16400144 7.644,7.876 C7.35599856,7.58799856 7.00800204,7.444 6.6,7.444 C6.19199796,7.444 5.84400144,7.58799856 5.556,7.876 C5.26799856,8.16400144 5.124,8.51199796 5.124,8.92 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Suset1.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Suset1.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Suset1</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M8,16 C8,13.790861 9.790861,12 12,12 C14.209139,12 16,13.790861 16,16 C16,16 8,16 8,16 Z M4,18 L20,18 C20.5522847,18 21,18.4477153 21,19 C21,19.5522847 20.5522847,20 20,20 L4,20 C3.44771525,20 3,19.5522847 3,19 C3,18.4477153 3.44771525,18 4,18 Z" fill="#000000" fill-rule="nonzero"/>
<path d="M19.5,13 L21,13 C21.8284271,13 22.5,13.6715729 22.5,14.5 C22.5,15.3284271 21.8284271,16 21,16 L19.5,16 C18.6715729,16 18,15.3284271 18,14.5 C18,13.6715729 18.6715729,13 19.5,13 Z M16.0606602,8.87132034 L17.1213203,7.81066017 C17.7071068,7.22487373 18.6568542,7.22487373 19.2426407,7.81066017 C19.8284271,8.39644661 19.8284271,9.34619408 19.2426407,9.93198052 L18.1819805,10.9926407 C17.5961941,11.5784271 16.6464466,11.5784271 16.0606602,10.9926407 C15.4748737,10.4068542 15.4748737,9.45710678 16.0606602,8.87132034 Z M3,13 L4.5,13 C5.32842712,13 6,13.6715729 6,14.5 C6,15.3284271 5.32842712,16 4.5,16 L3,16 C2.17157288,16 1.5,15.3284271 1.5,14.5 C1.5,13.6715729 2.17157288,13 3,13 Z M12,4.5 C12.8284271,4.5 13.5,5.17157288 13.5,6 L13.5,7.5 C13.5,8.32842712 12.8284271,9 12,9 C11.1715729,9 10.5,8.32842712 10.5,7.5 L10.5,6 C10.5,5.17157288 11.1715729,4.5 12,4.5 Z M4.81066017,7.81066017 C5.39644661,7.22487373 6.34619408,7.22487373 6.93198052,7.81066017 L7.99264069,8.87132034 C8.57842712,9.45710678 8.57842712,10.4068542 7.99264069,10.9926407 C7.40685425,11.5784271 6.45710678,11.5784271 5.87132034,10.9926407 L4.81066017,9.93198052 C4.22487373,9.34619408 4.22487373,8.39644661 4.81066017,7.81066017 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Night-rain.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Night-rain.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Night-rain</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M17.2283644,2.20458594 C17.094799,3.04356724 17.1734919,3.92788295 17.4998362,4.77803892 C18.4842043,7.34240534 21.3510057,8.63004045 23.9186178,7.66962325 C23.6471598,9.37476707 22.4989388,10.8926507 20.7710836,11.5559121 C18.1930725,12.5455179 15.3009475,11.2578609 14.3113418,8.67984976 C13.321736,6.1018386 14.609393,3.20971365 17.1874041,2.22010788 C17.2010489,2.21487016 17.2147024,2.20969622 17.2283644,2.20458594 Z M6.5,22 C5.67157288,22 5,21.3284271 5,20.5 C5,19.9477153 5.5,19.1143819 6.5,18 C7.5,19.1143819 8,19.9477153 8,20.5 C8,21.3284271 7.32842712,22 6.5,22 Z M11.5,22 C10.6715729,22 10,21.3284271 10,20.5 C10,19.9477153 10.5,19.1143819 11.5,18 C12.5,19.1143819 13,19.9477153 13,20.5 C13,21.3284271 12.3284271,22 11.5,22 Z M16.5,22 C15.6715729,22 15,21.3284271 15,20.5 C15,19.9477153 15.5,19.1143819 16.5,18 C17.5,19.1143819 18,19.9477153 18,20.5 C18,21.3284271 17.3284271,22 16.5,22 Z" fill="#000000" opacity="0.3"/>
<path d="M5.74714567,16.0425758 C4.09410362,14.9740356 3,13.1147886 3,11 C3,7.6862915 5.6862915,5 9,5 C11.7957591,5 14.1449096,6.91215918 14.8109738,9.5 L17.25,9.5 C19.3210678,9.5 21,11.1789322 21,13.25 C21,15.3210678 19.3210678,17 17.25,17 L8.25,17 C7.28817895,17 6.41093178,16.6378962 5.74714567,16.0425758 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Cloud2.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Cloud2.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Cloud2</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<circle fill="#000000" opacity="0.3" cx="16" cy="10" r="5"/>
<path d="M5.74714567,18.0425758 C4.09410362,16.9740356 3,15.1147886 3,13 C3,9.6862915 5.6862915,7 9,7 C11.7957591,7 14.1449096,8.91215918 14.8109738,11.5 L17.25,11.5 C19.3210678,11.5 21,13.1789322 21,15.25 C21,17.3210678 19.3210678,19 17.25,19 L8.25,19 C7.28817895,19 6.41093178,18.6378962 5.74714567,18.0425758 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Temperature-full.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Temperature-full.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Temperature-full</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M18,16 C18,19.3137085 15.3137085,22 12,22 C8.6862915,22 6,19.3137085 6,16 C6,13.7791529 7.20659589,11.8401214 9,10.8026932 L9,5 C9,3.34314575 10.3431458,2 12,2 C13.6568542,2 15,3.34314575 15,5 L15,10.8026932 C16.7934041,11.8401214 18,13.7791529 18,16 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Cloudy-night.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Cloudy-night.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Cloudy-night</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M18.0438023,3.00018787 C17.6184443,3.73557883 17.375,4.58935969 17.375,5.5 C17.375,8.24680825 19.5899426,10.4762889 22.3311977,10.4998121 C21.4667009,11.9944192 19.8507834,13 18,13 C15.2385763,13 13,10.7614237 13,8 C13,5.23857625 15.2385763,3 18,3 C18.0146155,3 18.0292164,3.00006271 18.0438023,3.00018787 Z" fill="#000000" opacity="0.3" transform="translate(17.687500, 8.000000) rotate(-21.000000) translate(-17.687500, -8.000000) "/>
<path d="M5.74714567,18.0425758 C4.09410362,16.9740356 3,15.1147886 3,13 C3,9.6862915 5.6862915,7 9,7 C11.7957591,7 14.1449096,8.91215918 14.8109738,11.5 L17.25,11.5 C19.3210678,11.5 21,13.1789322 21,15.25 C21,17.3210678 19.3210678,19 17.25,19 L8.25,19 C7.28817895,19 6.41093178,18.6378962 5.74714567,18.0425758 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Suset2.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Suset2.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Suset2</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M8.53512878,14 C9.22674762,12.8043973 10.5194353,12 12,12 C13.4805647,12 14.7732524,12.8043973 15.4648712,14 L8.53512878,14 Z M16,16 L8,16 L16,16 Z M4,16 L20,16 C20.5522847,16 21,16.4477153 21,17 L21,17 C21,17.5522847 20.5522847,18 20,18 L4,18 C3.44771525,18 3,17.5522847 3,17 L3,17 C3,16.4477153 3.44771525,16 4,16 Z" fill="#000000" fill-rule="nonzero"/>
<path d="M16.0606602,8.87132034 L17.1213203,7.81066017 C17.7071068,7.22487373 18.6568542,7.22487373 19.2426407,7.81066017 C19.8284271,8.39644661 19.8284271,9.34619408 19.2426407,9.93198052 L18.1819805,10.9926407 C17.5961941,11.5784271 16.6464466,11.5784271 16.0606602,10.9926407 C15.4748737,10.4068542 15.4748737,9.45710678 16.0606602,8.87132034 Z M12,4.5 C12.8284271,4.5 13.5,5.17157288 13.5,6 L13.5,7.5 C13.5,8.32842712 12.8284271,9 12,9 C11.1715729,9 10.5,8.32842712 10.5,7.5 L10.5,6 C10.5,5.17157288 11.1715729,4.5 12,4.5 Z M4.81066017,7.81066017 C5.39644661,7.22487373 6.34619408,7.22487373 6.93198052,7.81066017 L7.99264069,8.87132034 C8.57842712,9.45710678 8.57842712,10.4068542 7.99264069,10.9926407 C7.40685425,11.5784271 6.45710678,11.5784271 5.87132034,10.9926407 L4.81066017,9.93198052 C4.22487373,9.34619408 4.22487373,8.39644661 4.81066017,7.81066017 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Thunder.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Thunder.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Thunder</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<polygon fill="#000000" opacity="0.3" points="10.0888887 24 14.5333331 18 12.3111109 18 12.3111109 14 7.86666648 20 10.0888887 20"/>
<path d="M5.74714567,14.0425758 C4.09410362,12.9740356 3,11.1147886 3,9 C3,5.6862915 5.6862915,3 9,3 C11.7957591,3 14.1449096,4.91215918 14.8109738,7.5 L17.25,7.5 C19.3210678,7.5 21,9.17893219 21,11.25 C21,13.3210678 19.3210678,15 17.25,15 L8.25,15 C7.28817895,15 6.41093178,14.6378962 5.74714567,14.0425758 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Cloud-sun.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Cloud-sun.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Cloud-sun</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M13,16 C10.790861,16 9,14.209139 9,12 C9,9.790861 10.790861,8 13,8 C15.209139,8 17,9.790861 17,12 C17,14.209139 15.209139,16 13,16 Z M20.5,10.5 L22,10.5 C22.8284271,10.5 23.5,11.1715729 23.5,12 C23.5,12.8284271 22.8284271,13.5 22,13.5 L20.5,13.5 C19.6715729,13.5 19,12.8284271 19,12 C19,11.1715729 19.6715729,10.5 20.5,10.5 Z M17.0606602,5.87132034 L18.1213203,4.81066017 C18.7071068,4.22487373 19.6568542,4.22487373 20.2426407,4.81066017 C20.8284271,5.39644661 20.8284271,6.34619408 20.2426407,6.93198052 L19.1819805,7.99264069 C18.5961941,8.57842712 17.6464466,8.57842712 17.0606602,7.99264069 C16.4748737,7.40685425 16.4748737,6.45710678 17.0606602,5.87132034 Z M13,1.5 C13.8284271,1.5 14.5,2.17157288 14.5,3 L14.5,4.5 C14.5,5.32842712 13.8284271,6 13,6 C12.1715729,6 11.5,5.32842712 11.5,4.5 L11.5,3 C11.5,2.17157288 12.1715729,1.5 13,1.5 Z M5.81066017,4.81066017 C6.39644661,4.22487373 7.34619408,4.22487373 7.93198052,4.81066017 L8.99264069,5.87132034 C9.57842712,6.45710678 9.57842712,7.40685425 8.99264069,7.99264069 C8.40685425,8.57842712 7.45710678,8.57842712 6.87132034,7.99264069 L5.81066017,6.93198052 C5.22487373,6.34619408 5.22487373,5.39644661 5.81066017,4.81066017 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<path d="M4.74714567,20.0425758 C3.09410362,18.9740356 2,17.1147886 2,15 C2,11.6862915 4.6862915,9 8,9 C10.7957591,9 13.1449096,10.9121592 13.8109738,13.5 L16.25,13.5 C18.3210678,13.5 20,15.1789322 20,17.25 C20,19.3210678 18.3210678,21 16.25,21 L7.25,21 C6.28817895,21 5.41093178,20.6378962 4.74714567,20.0425758 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Snow1.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Snow1.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Snow1</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M5.74714567,14.0425758 C4.09410362,12.9740356 3,11.1147886 3,9 C3,5.6862915 5.6862915,3 9,3 C11.7957591,3 14.1449096,4.91215918 14.8109738,7.5 L17.25,7.5 C19.3210678,7.5 21,9.17893219 21,11.25 C21,13.3210678 19.3210678,15 17.25,15 L8.25,15 C7.28817895,15 6.41093178,14.6378962 5.74714567,14.0425758 Z" fill="#000000"/>
<path d="M8.90586666,16.1192596 C9.43933276,16.2622014 9.75591525,16.8105384 9.61297344,17.3440045 C9.47003163,17.8774706 8.92169467,18.1940531 8.38822857,18.0511113 C7.85476246,17.9081694 7.53817997,17.3598325 7.68112179,16.8263664 C7.8240636,16.2929003 8.37240055,15.9763178 8.90586666,16.1192596 Z M16.9058667,16.1192596 C17.4393328,16.2622014 17.7559153,16.8105384 17.6129734,17.3440045 C17.4700316,17.8774706 16.9216947,18.1940531 16.3882286,18.0511113 C15.8547625,17.9081694 15.53818,17.3598325 15.6811218,16.8263664 C15.8240636,16.2929003 16.3724006,15.9763178 16.9058667,16.1192596 Z M12.9058667,16.1192596 C13.4393328,16.2622014 13.7559153,16.8105384 13.6129734,17.3440045 C13.4700316,17.8774706 12.9216947,18.1940531 12.3882286,18.0511113 C11.8547625,17.9081694 11.53818,17.3598325 11.6811218,16.8263664 C11.8240636,16.2929003 12.3724006,15.9763178 12.9058667,16.1192596 Z M14.9058667,19.1192596 C15.4393328,19.2622014 15.7559153,19.8105384 15.6129734,20.3440045 C15.4700316,20.8774706 14.9216947,21.1940531 14.3882286,21.0511113 C13.8547625,20.9081694 13.53818,20.3598325 13.6811218,19.8263664 C13.8240636,19.2929003 14.3724006,18.9763178 14.9058667,19.1192596 Z M10.9058667,19.1192596 C11.4393328,19.2622014 11.7559153,19.8105384 11.6129734,20.3440045 C11.4700316,20.8774706 10.9216947,21.1940531 10.3882286,21.0511113 C9.85476246,20.9081694 9.53817997,20.3598325 9.68112179,19.8263664 C9.8240636,19.2929003 10.3724006,18.9763178 10.9058667,19.1192596 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Rainbow.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Rainbow.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Rainbow</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M5.07063123,16 C5.55875184,12.5781289 8.50474349,10 12,10 C15.4955057,10 18.4413027,12.5784053 18.9293689,16 L16.8999819,16 C16.4367116,13.7177597 14.4189579,12 12,12 C9.58104209,12 7.56328845,13.7177597 7.10001812,16 L5.07063123,16 Z M9.16995766,16 C9.58346456,14.8278115 10.7038257,14 12,14 C13.2962528,14 14.4165517,14.8278812 14.8300407,16 L9.16995766,16 Z" fill="#000000" opacity="0.3"/>
<path d="M12,6 C17.7380426,6 22.4499282,10.3935 22.955157,16 L20.9450714,16 C20.9365194,15.9226393 20.9269871,15.8455742 20.916487,15.7688172 C20.316212,11.3807421 16.5529133,8 12,8 C7.45049154,8 3.68941712,11.3756875 3.08486502,15.7589741 C3.07382973,15.8389851 3.06384618,15.9193319 3.05492878,16 L1.04483481,16 C1.55007179,10.3935 6.26195744,6 12,6 Z" fill="#000000"/>
<path d="M12,6 C17.7380426,6 22.4499282,10.3935 22.955157,16 L20.9450714,16 C20.9365194,15.9226393 20.9269871,15.8455742 20.916487,15.7688172 C20.316212,11.3807421 16.5529133,8 12,8 C7.45049154,8 3.68941712,11.3756875 3.08486502,15.7589741 C3.07382973,15.8389851 3.06384618,15.9193319 3.05492878,16 L1.04483481,16 C1.55007179,10.3935 6.26195744,6 12,6 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Cloud-wind.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Cloud-wind.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Cloud-wind</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M5.74714567,11.0425758 C4.09410362,9.9740356 3,8.11478859 3,6 C3,2.6862915 5.6862915,0 9,0 C11.7957591,0 14.1449096,1.91215918 14.8109738,4.5 L17.25,4.5 C19.3210678,4.5 21,6.17893219 21,8.25 C21,10.3210678 19.3210678,12 17.25,12 L8.25,12 C7.28817895,12 6.41093178,11.6378962 5.74714567,11.0425758 Z" fill="#000000"/>
<path d="M4,21 L4,19 L17.5,19 C18.3284271,19 19,18.3284271 19,17.5 L19,17 C19,16.4477153 18.5522847,16 18,16 C17.4477153,16 17,16.4477153 17,17 L17,18 L15,18 L15,17 C15,15.3431458 16.3431458,14 18,14 C19.6568542,14 21,15.3431458 21,17 L21,17.5 C21,19.4329966 19.4329966,21 17.5,21 L4,21 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(12.500000, 17.500000) scale(1, -1) translate(-12.500000, -17.500000) "/>
<path d="M4,24 L4,22 L10.5,22 C11.3284271,22 12,21.3284271 12,20.5 L12,20 C12,19.4477153 11.5522847,19 11,19 C10.4477153,19 10,19.4477153 10,20 L10,21 L8,21 L8,20 C8,18.3431458 9.34314575,17 11,17 C12.6568542,17 14,18.3431458 14,20 L14,20.5 C14,22.4329966 12.4329966,24 10.5,24 L4,24 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(9.000000, 20.500000) scale(1, -1) translate(-9.000000, -20.500000) "/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Rain1.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Rain1.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Rain1</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M5.74714567,14.0425758 C4.09410362,12.9740356 3,11.1147886 3,9 C3,5.6862915 5.6862915,3 9,3 C11.7957591,3 14.1449096,4.91215918 14.8109738,7.5 L17.25,7.5 C19.3210678,7.5 21,9.17893219 21,11.25 C21,13.3210678 19.3210678,15 17.25,15 L8.25,15 C7.28817895,15 6.41093178,14.6378962 5.74714567,14.0425758 Z" fill="#000000"/>
<path d="M8.90586666,16.1192596 C9.43933276,16.2622014 9.75591525,16.8105384 9.61297344,17.3440045 L8.57769726,21.2077078 C8.43475545,21.7411739 7.88641849,22.0577564 7.35295239,21.9148146 C6.81948628,21.7718728 6.50290379,21.2235358 6.64584561,20.6900697 L7.68112179,16.8263664 C7.8240636,16.2929003 8.37240055,15.9763178 8.90586666,16.1192596 Z M16.9058667,16.1192596 C17.4393328,16.2622014 17.7559153,16.8105384 17.6129734,17.3440045 L16.5776973,21.2077078 C16.4347554,21.7411739 15.8864185,22.0577564 15.3529524,21.9148146 C14.8194863,21.7718728 14.5029038,21.2235358 14.6458456,20.6900697 L15.6811218,16.8263664 C15.8240636,16.2929003 16.3724006,15.9763178 16.9058667,16.1192596 Z M12.9058667,16.1192596 C13.4393328,16.2622014 13.7559153,16.8105384 13.6129734,17.3440045 L12.5776973,21.2077078 C12.4347554,21.7411739 11.8864185,22.0577564 11.3529524,21.9148146 C10.8194863,21.7718728 10.5029038,21.2235358 10.6458456,20.6900697 L11.6811218,16.8263664 C11.8240636,16.2929003 12.3724006,15.9763178 12.9058667,16.1192596 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Cloud-fog.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Cloud-fog.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Cloud-fog</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M5.74714567,14.0425758 C4.09410362,12.9740356 3,11.1147886 3,9 C3,5.6862915 5.6862915,3 9,3 C11.7957591,3 14.1449096,4.91215918 14.8109738,7.5 L17.25,7.5 C19.3210678,7.5 21,9.17893219 21,11.25 C21,13.3210678 19.3210678,15 17.25,15 L8.25,15 C7.28817895,15 6.41093178,14.6378962 5.74714567,14.0425758 Z" fill="#000000"/>
<path d="M4.5,17 L20.5,17 C20.7761424,17 21,17.2238576 21,17.5 C21,17.7761424 20.7761424,18 20.5,18 L4.5,18 C4.22385763,18 4,17.7761424 4,17.5 C4,17.2238576 4.22385763,17 4.5,17 Z M4.5,19 L8.5,19 C8.77614237,19 9,19.2238576 9,19.5 C9,19.7761424 8.77614237,20 8.5,20 L4.5,20 C4.22385763,20 4,19.7761424 4,19.5 C4,19.2238576 4.22385763,19 4.5,19 Z M16.5,21 L20.5,21 C20.7761424,21 21,21.2238576 21,21.5 C21,21.7761424 20.7761424,22 20.5,22 L16.5,22 C16.2238576,22 16,21.7761424 16,21.5 C16,21.2238576 16.2238576,21 16.5,21 Z M11.5,19 L20.5,19 C20.7761424,19 21,19.2238576 21,19.5 C21,19.7761424 20.7761424,20 20.5,20 L11.5,20 C11.2238576,20 11,19.7761424 11,19.5 C11,19.2238576 11.2238576,19 11.5,19 Z M4.5,21 L13.5,21 C13.7761424,21 14,21.2238576 14,21.5 C14,21.7761424 13.7761424,22 13.5,22 L4.5,22 C4.22385763,22 4,21.7761424 4,21.5 C4,21.2238576 4.22385763,21 4.5,21 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Umbrella.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Umbrella.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Umbrella</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M11.5,3 L11.5,3 C16.1944204,3 20,6.80557963 20,11.5 L20,12 L3,12 L3,11.5 C3,6.80557963 6.80557963,3 11.5,3 Z" fill="#000000"/>
<path d="M11,12 L13,12 L13,18.75 C13,20.5449254 11.5449254,22 9.75,22 C7.95507456,22 6.5,20.5449254 6.5,18.75 L6.5,18 L8.5,18 L8.5,18.75 C8.5,19.4403559 9.05964406,20 9.75,20 C10.4403559,20 11,19.4403559 11,18.75 L11,12 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Day-rain.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Day-rain.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Day-rain</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M6.5,24 C5.67157288,24 5,23.3284271 5,22.5 C5,21.9477153 5.5,21.1143819 6.5,20 C7.5,21.1143819 8,21.9477153 8,22.5 C8,23.3284271 7.32842712,24 6.5,24 Z M11.5,24 C10.6715729,24 10,23.3284271 10,22.5 C10,21.9477153 10.5,21.1143819 11.5,20 C12.5,21.1143819 13,21.9477153 13,22.5 C13,23.3284271 12.3284271,24 11.5,24 Z M16.5,24 C15.6715729,24 15,23.3284271 15,22.5 C15,21.9477153 15.5,21.1143819 16.5,20 C17.5,21.1143819 18,21.9477153 18,22.5 C18,23.3284271 17.3284271,24 16.5,24 Z M13.5,13 C11.5670034,13 10,11.4329966 10,9.5 C10,7.56700338 11.5670034,6 13.5,6 C15.4329966,6 17,7.56700338 17,9.5 C17,11.4329966 15.4329966,13 13.5,13 Z M19.7419575,8.875 L21.0544575,8.875 C21.7793313,8.875 22.3669575,9.46262627 22.3669575,10.1875 C22.3669575,10.9123737 21.7793313,11.5 21.0544575,11.5 L19.7419575,11.5 C19.0170838,11.5 18.4294575,10.9123737 18.4294575,10.1875 C18.4294575,9.46262627 19.0170838,8.875 19.7419575,8.875 Z M16.7325352,4.8249053 L17.6606128,3.89682765 C18.173176,3.38426452 19.004205,3.38426452 19.5167681,3.89682765 C20.0293313,4.40939078 20.0293313,5.24041982 19.5167681,5.75298295 L18.5886905,6.6810606 C18.0761273,7.19362373 17.2450983,7.19362373 16.7325352,6.6810606 C16.219972,6.16849747 16.219972,5.33746843 16.7325352,4.8249053 Z M13.1794575,1 C13.9043313,1 14.4919575,1.58762627 14.4919575,2.3125 L14.4919575,3.625 C14.4919575,4.34987373 13.9043313,4.9375 13.1794575,4.9375 C12.4545838,4.9375 11.8669575,4.34987373 11.8669575,3.625 L11.8669575,2.3125 C11.8669575,1.58762627 12.4545838,1 13.1794575,1 Z M6.88878517,3.89682765 C7.4013483,3.38426452 8.23237734,3.38426452 8.74494047,3.89682765 L9.67301812,4.8249053 C10.1855813,5.33746843 10.1855813,6.16849747 9.67301812,6.6810606 C9.16045499,7.19362373 8.32942596,7.19362373 7.81686282,6.6810606 L6.88878517,5.75298295 C6.37622204,5.24041982 6.37622204,4.40939078 6.88878517,3.89682765 Z" fill="#000000" opacity="0.3"/>
<path d="M4.74714567,18.0425758 C3.09410362,16.9740356 2,15.1147886 2,13 C2,9.6862915 4.6862915,7 8,7 C10.7957591,7 13.1449096,8.91215918 13.8109738,11.5 L16.25,11.5 C18.3210678,11.5 20,13.1789322 20,15.25 C20,17.3210678 18.3210678,19 16.25,19 L7.25,19 C6.28817895,19 5.41093178,18.6378962 4.74714567,18.0425758 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Snow3.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Snow3.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Snow3</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M11.9058667,22.1192596 C12.4393328,22.2622014 12.7559153,22.8105384 12.6129734,23.3440045 C12.4700316,23.8774706 11.9216947,24.1940531 11.3882286,24.0511113 C10.8547625,23.9081694 10.53818,23.3598325 10.6811218,22.8263664 C10.8240636,22.2929003 11.3724006,21.9763178 11.9058667,22.1192596 Z M15.9058667,22.1192596 C16.4393328,22.2622014 16.7559153,22.8105384 16.6129734,23.3440045 C16.4700316,23.8774706 15.9216947,24.1940531 15.3882286,24.0511113 C14.8547625,23.9081694 14.53818,23.3598325 14.6811218,22.8263664 C14.8240636,22.2929003 15.3724006,21.9763178 15.9058667,22.1192596 Z M7.90586666,22.1192596 C8.43933276,22.2622014 8.75591525,22.8105384 8.61297344,23.3440045 C8.47003163,23.8774706 7.92169467,24.1940531 7.38822857,24.0511113 C6.85476246,23.9081694 6.53817997,23.3598325 6.68112179,22.8263664 C6.8240636,22.2929003 7.37240055,21.9763178 7.90586666,22.1192596 Z M13,15 C10.790861,15 9,13.209139 9,11 C9,8.790861 10.790861,7 13,7 C15.209139,7 17,8.790861 17,11 C17,13.209139 15.209139,15 13,15 Z M20.5,9.5 L22,9.5 C22.8284271,9.5 23.5,10.1715729 23.5,11 C23.5,11.8284271 22.8284271,12.5 22,12.5 L20.5,12.5 C19.6715729,12.5 19,11.8284271 19,11 C19,10.1715729 19.6715729,9.5 20.5,9.5 Z M17.0606602,4.87132034 L18.1213203,3.81066017 C18.7071068,3.22487373 19.6568542,3.22487373 20.2426407,3.81066017 C20.8284271,4.39644661 20.8284271,5.34619408 20.2426407,5.93198052 L19.1819805,6.99264069 C18.5961941,7.57842712 17.6464466,7.57842712 17.0606602,6.99264069 C16.4748737,6.40685425 16.4748737,5.45710678 17.0606602,4.87132034 Z M13,0.5 C13.8284271,0.5 14.5,1.17157288 14.5,2 L14.5,3.5 C14.5,4.32842712 13.8284271,5 13,5 C12.1715729,5 11.5,4.32842712 11.5,3.5 L11.5,2 C11.5,1.17157288 12.1715729,0.5 13,0.5 Z M5.81066017,3.81066017 C6.39644661,3.22487373 7.34619408,3.22487373 7.93198052,3.81066017 L8.99264069,4.87132034 C9.57842712,5.45710678 9.57842712,6.40685425 8.99264069,6.99264069 C8.40685425,7.57842712 7.45710678,7.57842712 6.87132034,6.99264069 L5.81066017,5.93198052 C5.22487373,5.34619408 5.22487373,4.39644661 5.81066017,3.81066017 Z" fill="#000000" opacity="0.3"/>
<path d="M4.74714567,19.0425758 C3.09410362,17.9740356 2,16.1147886 2,14 C2,10.6862915 4.6862915,8 8,8 C10.7957591,8 13.1449096,9.91215918 13.8109738,12.5 L16.25,12.5 C18.3210678,12.5 20,14.1789322 20,16.25 C20,18.3210678 18.3210678,20 16.25,20 L7.25,20 C6.28817895,20 5.41093178,19.6378962 4.74714567,19.0425758 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Storm.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Storm.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Storm</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<rect fill="#000000" x="8" y="2" width="14" height="2" rx="1"/>
<path d="M6,6 L18,6 C18.5522847,6 19,6.44771525 19,7 C19,7.55228475 18.5522847,8 18,8 L6,8 C5.44771525,8 5,7.55228475 5,7 C5,6.44771525 5.44771525,6 6,6 Z M8,10 L15,10 C15.5522847,10 16,10.4477153 16,11 C16,11.5522847 15.5522847,12 15,12 L8,12 C7.44771525,12 7,11.5522847 7,11 C7,10.4477153 7.44771525,10 8,10 Z M11,14 L17,14 C17.5522847,14 18,14.4477153 18,15 C18,15.5522847 17.5522847,16 17,16 L11,16 C10.4477153,16 10,15.5522847 10,15 C10,14.4477153 10.4477153,14 11,14 Z M12,18 L15,18 C15.5522847,18 16,18.4477153 16,19 C16,19.5522847 15.5522847,20 15,20 L12,20 C11.4477153,20 11,19.5522847 11,19 C11,18.4477153 11.4477153,18 12,18 Z M11,21 L12,21 C12.5522847,21 13,21.4477153 13,22 C13,22.5522847 12.5522847,23 12,23 L11,23 C10.4477153,23 10,22.5522847 10,22 C10,21.4477153 10.4477153,21 11,21 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Wind.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Wind.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Wind</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M3,13 L3,11 L17.5,11 C18.3284271,11 19,10.3284271 19,9.5 L19,9 C19,8.44771525 18.5522847,8 18,8 C17.4477153,8 17,8.44771525 17,9 L17,10 L15,10 L15,9 C15,7.34314575 16.3431458,6 18,6 C19.6568542,6 21,7.34314575 21,9 L21,9.5 C21,11.4329966 19.4329966,13 17.5,13 L3,13 Z" fill="#000000" fill-rule="nonzero"/>
<path d="M3,9 L3,7 L9.5,7 C10.3284271,7 11,6.32842712 11,5.5 L11,5 C11,4.44771525 10.5522847,4 10,4 C9.44771525,4 9,4.44771525 9,5 L9,6 L7,6 L7,5 C7,3.34314575 8.34314575,2 10,2 C11.6568542,2 13,3.34314575 13,5 L13,5.5 C13,7.43299662 11.4329966,9 9.5,9 L3,9 Z M3,15 L9.5,15 C11.4329966,15 13,16.5670034 13,18.5 L13,19 C13,20.6568542 11.6568542,22 10,22 C8.34314575,22 7,20.6568542 7,19 L7,18 L9,18 L9,19 C9,19.5522847 9.44771525,20 10,20 C10.5522847,20 11,19.5522847 11,19 L11,18.5 C11,17.6715729 10.3284271,17 9.5,17 L3,17 L3,15 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Weather/Snow2.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Weather/Snow2.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Weather / Snow2</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path d="M5.74714567,14.0425758 C4.09410362,12.9740356 3,11.1147886 3,9 C3,5.6862915 5.6862915,3 9,3 C11.7957591,3 14.1449096,4.91215918 14.8109738,7.5 L17.25,7.5 C19.3210678,7.5 21,9.17893219 21,11.25 C21,13.3210678 19.3210678,15 17.25,15 L8.25,15 C7.28817895,15 6.41093178,14.6378962 5.74714567,14.0425758 Z" fill="#000000"/>
<path d="M11.9058667,18.1192596 C12.4393328,18.2622014 12.7559153,18.8105384 12.6129734,19.3440045 C12.4700316,19.8774706 11.9216947,20.1940531 11.3882286,20.0511113 C10.8547625,19.9081694 10.53818,19.3598325 10.6811218,18.8263664 C10.8240636,18.2929003 11.3724006,17.9763178 11.9058667,18.1192596 Z M15.9058667,18.1192596 C16.4393328,18.2622014 16.7559153,18.8105384 16.6129734,19.3440045 C16.4700316,19.8774706 15.9216947,20.1940531 15.3882286,20.0511113 C14.8547625,19.9081694 14.53818,19.3598325 14.6811218,18.8263664 C14.8240636,18.2929003 15.3724006,17.9763178 15.9058667,18.1192596 Z M7.90586666,18.1192596 C8.43933276,18.2622014 8.75591525,18.8105384 8.61297344,19.3440045 C8.47003163,19.8774706 7.92169467,20.1940531 7.38822857,20.0511113 C6.85476246,19.9081694 6.53817997,19.3598325 6.68112179,18.8263664 C6.8240636,18.2929003 7.37240055,17.9763178 7.90586666,18.1192596 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Rec.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Rec.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Rec</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12,16 C14.209139,16 16,14.209139 16,12 C16,9.790861 14.209139,8 12,8 C9.790861,8 8,9.790861 8,12 C8,14.209139 9.790861,16 12,16 Z M12,20 C7.581722,20 4,16.418278 4,12 C4,7.581722 7.581722,4 12,4 C16.418278,4 20,7.581722 20,12 C20,16.418278 16.418278,20 12,20 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Repeat-one.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Repeat-one.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Repeat-one</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M21.9969433,12.1933592 C21.8948657,15.4175796 19.2490111,18 16,18 L12.0583175,18 L12.0583175,18.9825492 C12.0583175,19.2586916 11.8344599,19.4825492 11.5583175,19.4825492 C11.4509855,19.4825492 11.3465023,19.4480108 11.2603165,19.3840407 L8.40328311,17.263451 C8.18154548,17.0988696 8.13521119,16.7856962 8.29979258,16.5639585 C8.32872576,16.5249774 8.36318164,16.4904176 8.40207551,16.4613672 L11.2591089,14.3274051 C11.48035,14.1621567 11.7936615,14.2075478 11.9589099,14.4287888 C12.0234473,14.5151942 12.0583175,14.6201505 12.0583175,14.7279974 L12.0583175,16 L16,16 C17.6264832,16 19.0262317,15.0292331 19.6514501,13.6354945 C20.5364094,13.3251939 21.3338787,12.8288439 21.9969433,12.1933592 Z" fill="#000000" opacity="0.3"/>
<path d="M12.1000181,6 C12.5632884,3.71775968 14.5810421,2 17,2 C19.7614237,2 22,4.23857625 22,7 C22,9.76142375 19.7614237,12 17,12 C14.5810421,12 12.5632884,10.2822403 12.1000181,8 L8,8 C5.790861,8 4,9.790861 4,12 L4,13 C4,14.6568542 5.34314575,16 7,16 L7,18 C4.23857625,18 2,15.7614237 2,13 L2,12 C2,8.6862915 4.6862915,6 8,6 L12.1000181,6 Z M16.7300002,5.668 L16.7300002,9.5 L17.6900002,9.5 L17.6900002,4.5 L16.8180002,4.5 L15.0500002,5.924 L15.6100002,6.588 L16.7300002,5.668 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Repeat.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Repeat.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Repeat</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12,8 L8,8 C5.790861,8 4,9.790861 4,12 L4,13 C4,14.6568542 5.34314575,16 7,16 L7,18 C4.23857625,18 2,15.7614237 2,13 L2,12 C2,8.6862915 4.6862915,6 8,6 L12,6 L12,4.72799742 C12,4.62015048 12.0348702,4.51519416 12.0994077,4.42878885 C12.264656,4.2075478 12.5779675,4.16215674 12.7992086,4.32740507 L15.656242,6.46136716 C15.6951359,6.49041758 15.7295917,6.52497737 15.7585249,6.56395854 C15.9231063,6.78569617 15.876772,7.09886961 15.6550344,7.263451 L12.798001,9.3840407 C12.7118152,9.44801079 12.607332,9.48254921 12.5,9.48254921 C12.2238576,9.48254921 12,9.25869158 12,8.98254921 L12,8 Z" fill="#000000"/>
<path d="M12.0583175,16 L16,16 C18.209139,16 20,14.209139 20,12 L20,11 C20,9.34314575 18.6568542,8 17,8 L17,6 C19.7614237,6 22,8.23857625 22,11 L22,12 C22,15.3137085 19.3137085,18 16,18 L12.0583175,18 L12.0583175,18.9825492 C12.0583175,19.2586916 11.8344599,19.4825492 11.5583175,19.4825492 C11.4509855,19.4825492 11.3465023,19.4480108 11.2603165,19.3840407 L8.40328311,17.263451 C8.18154548,17.0988696 8.13521119,16.7856962 8.29979258,16.5639585 C8.32872576,16.5249774 8.36318164,16.4904176 8.40207551,16.4613672 L11.2591089,14.3274051 C11.48035,14.1621567 11.7936615,14.2075478 11.9589099,14.4287888 C12.0234473,14.5151942 12.0583175,14.6201505 12.0583175,14.7279974 L12.0583175,16 Z" fill="#000000" opacity="0.3"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Shuffle.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Shuffle.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Shuffle</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M18,15 L18,13.4774152 C18,13.3560358 18.0441534,13.2388009 18.1242243,13.147578 C18.3063883,12.9400428 18.622302,12.9194754 18.8298372,13.1016395 L21.7647988,15.6778026 C21.7814819,15.6924462 21.7971714,15.7081846 21.811763,15.7249133 C21.9932797,15.933015 21.9717282,16.2488631 21.7636265,16.4303797 L18.828665,18.9903994 C18.7375973,19.0698331 18.6208431,19.1135979 18.5,19.1135979 C18.2238576,19.1135979 18,18.8897403 18,18.6135979 L18,17 L16.445419,17 C14.5938764,17 12.8460429,16.1451629 11.7093057,14.6836437 L7.71198984,9.54423755 C6.95416504,8.56989138 5.7889427,8 4.55458097,8 L2,8 L2,6 L4.55458097,6 C6.40612357,6 8.15395708,6.85483706 9.29069428,8.31635632 L13.2880102,13.4557625 C14.045835,14.4301086 15.2110573,15 16.445419,15 L18,15 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<path d="M18,6 L18,4.4774157 C18,4.3560363 18.0441534,4.23880134 18.1242243,4.14757848 C18.3063883,3.94004327 18.622302,3.9194759 18.8298372,4.10163997 L21.7647988,6.67780304 C21.7814819,6.69244668 21.7971714,6.70818509 21.811763,6.72491379 C21.9932797,6.93301548 21.9717282,7.24886356 21.7636265,7.43038021 L18.828665,9.99039986 C18.7375973,10.0698336 18.6208431,10.1135984 18.5,10.1135984 C18.2238576,10.1135984 18,9.88974079 18,9.61359842 L18,8 L16.445419,8 C15.2110573,8 14.045835,8.56989138 13.2880102,9.54423755 L9.29069428,14.6836437 C8.15395708,16.1451629 6.40612357,17 4.55458097,17 L2,17 L2,15 L4.55458097,15 C5.7889427,15 6.95416504,14.4301086 7.71198984,13.4557625 L11.7093057,8.31635632 C12.8460429,6.85483706 14.5938764,6 16.445419,6 L18,6 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Volume-full.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Volume-full.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Volume-full</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M16.3155516,16.1481997 C15.9540268,16.3503696 15.4970619,16.2211868 15.294892,15.859662 C15.0927222,15.4981371 15.2219049,15.0411723 15.5834298,14.8390024 C16.6045379,14.2679841 17.25,13.1909329 17.25,12 C17.25,10.8178416 16.614096,9.74756859 15.6048775,9.17309861 C15.2448979,8.96819005 15.1191879,8.51025767 15.3240965,8.15027801 C15.529005,7.79029835 15.9869374,7.66458838 16.3469171,7.86949694 C17.8200934,8.70806221 18.75,10.2731632 18.75,12 C18.75,13.7396897 17.8061594,15.3146305 16.3155516,16.1481997 Z M16.788778,19.8892305 C16.4155074,20.068791 15.9673493,19.9117581 15.7877887,19.5384876 C15.6082282,19.165217 15.7652611,18.7170589 16.1385317,18.5374983 C18.6312327,17.3383928 20.25,14.815239 20.25,12 C20.25,9.21171818 18.6622363,6.70862302 16.2061077,5.49544344 C15.8347279,5.31200421 15.682372,4.86223455 15.8658113,4.49085479 C16.0492505,4.11947504 16.4990201,3.96711914 16.8703999,4.15055837 C19.8335314,5.61416684 21.75,8.63546229 21.75,12 C21.75,15.3971108 19.7961591,18.4425397 16.788778,19.8892305 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
<path d="M7,16 L3.60776773,15.3215535 C2.67291934,15.1345839 2,14.3137542 2,13.3603922 L2,10.6396078 C2,9.68624577 2.67291934,8.86541613 3.60776773,8.67844645 L7,8 L10.2928932,4.70710678 C10.6834175,4.31658249 11.3165825,4.31658249 11.7071068,4.70710678 C11.8946432,4.89464316 12,5.14899707 12,5.41421356 L12,18.5857864 C12,19.1380712 11.5522847,19.5857864 11,19.5857864 C10.7347835,19.5857864 10.4804296,19.4804296 10.2928932,19.2928932 L7,16 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Volume-up.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Volume-up.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Volume-up</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M18,11 L18,9 C18,8.44771525 18.4477153,8 19,8 C19.5522847,8 20,8.44771525 20,9 L20,11 L22,11 C22.5522847,11 23,11.4477153 23,12 C23,12.5522847 22.5522847,13 22,13 L20,13 L20,15 C20,15.5522847 19.5522847,16 19,16 C18.4477153,16 18,15.5522847 18,15 L18,13 L16,13 C15.4477153,13 15,12.5522847 15,12 C15,11.4477153 15.4477153,11 16,11 L18,11 Z" fill="#000000" opacity="0.3"/>
<path d="M7,16 L3.60776773,15.3215535 C2.67291934,15.1345839 2,14.3137542 2,13.3603922 L2,10.6396078 C2,9.68624577 2.67291934,8.86541613 3.60776773,8.67844645 L7,8 L10.2928932,4.70710678 C10.6834175,4.31658249 11.3165825,4.31658249 11.7071068,4.70710678 C11.8946432,4.89464316 12,5.14899707 12,5.41421356 L12,18.5857864 C12,19.1380712 11.5522847,19.5857864 11,19.5857864 C10.7347835,19.5857864 10.4804296,19.4804296 10.2928932,19.2928932 L7,16 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Eject.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Eject.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Eject</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M9.35321926,16.3736278 L16.3544311,10.3706602 C16.5640654,10.1909158 16.5882961,9.87526197 16.4085517,9.66562759 C16.3922584,9.64662485 16.3745611,9.62887247 16.3556091,9.6125202 L9.35439731,3.57169798 C9.14532254,3.39130299 8.82959492,3.41455255 8.64919993,3.62362732 C8.5708616,3.71442013 8.52776329,3.83034375 8.52776329,3.95026134 L8.52776329,15.9940512 C8.52776329,16.2701936 8.75162092,16.4940512 9.02776329,16.4940512 C9.14714624,16.4940512 9.2625893,16.4513356 9.35321926,16.3736278 Z" fill="#000000" transform="translate(12.398118, 9.870355) rotate(-450.000000) translate(-12.398118, -9.870355) "/>
<rect fill="#000000" opacity="0.3" transform="translate(12.500000, 17.500000) scale(-1, 1) rotate(-270.000000) translate(-12.500000, -17.500000) " x="11" y="11" width="3" height="13" rx="0.5"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/DVD.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/DVD.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / DVD</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" opacity="0.3" cx="12" cy="12" r="9"/>
<path d="M11.1582329,15.8732969 L15.1507272,12.3908445 C15.3588289,12.2093278 15.3803803,11.8934798 15.1988637,11.6853781 C15.1842721,11.6686494 15.1685826,11.652911 15.1518994,11.6382673 L11.1594051,8.13385466 C10.9518699,7.95169059 10.6359562,7.97225796 10.4537922,8.17979317 C10.3737213,8.27101604 10.3295679,8.388251 10.3295679,8.5096304 L10.3295679,15.4964955 C10.3295679,15.7726378 10.5534255,15.9964955 10.8295679,15.9964955 C10.950411,15.9964955 11.0671652,15.9527307 11.1582329,15.8732969 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Media-library3.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Media-library3.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Media-library3</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M19,5 L9,5 C8.44771525,5 8,5.44771525 8,6 C8,6.55228475 8.44771525,7 9,7 L19,7 L19,20.25 C19,20.6642136 18.6865993,21 18.3,21 L7.45,21 C6.09690236,21 5,19.8247475 5,18.375 L5,5.625 C5,4.17525253 6.09690236,3 7.45,3 L18.3,3 C18.6865993,3 19,3.33578644 19,3.75 L19,5 Z"/>
</defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<mask fill="white">
<use xlink:href="#path-1"/>
</mask>
<use fill="#000000" fill-rule="nonzero" opacity="0.3" xlink:href="#path-1"/>
<path d="M10.8333333,19 C9.82081129,19 9,18.3159906 9,17.4722222 C9,16.6284539 9.82081129,15.9444444 10.8333333,15.9444444 C11.0476105,15.9444444 11.2533018,15.9750785 11.4444444,16.0313779 L11.4444444,11.7916011 C11.4444444,11.4782408 11.6398662,11.2012404 11.9268804,11.1077729 L15.4407693,10.0331119 C15.8834716,9.88894376 16.3333333,10.2336005 16.3333333,10.7169402 L16.3333333,11.7916011 C16.3333333,12.1498215 15.9979332,12.3786009 15.7222222,12.4444444 C15.3255297,12.53918 14.3070112,12.7428837 12.6666667,13.0555556 L12.6666667,17.5035214 C12.6666667,17.5583862 12.6622174,17.6091837 12.6535404,17.6559869 C12.5446237,18.4131089 11.771224,19 10.8333333,19 Z" fill="#000000" mask="url(#mask-2)"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Media-library2.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Media-library2.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Media-library2</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M3.5,22 L20.5,22 C21.3284271,22 22,21.3284271 22,20.5 L22,9.5 C22,8.67157288 21.3284271,8 20.5,8 L10,8 L7.43933983,5.43933983 C7.15803526,5.15803526 6.77650439,5 6.37867966,5 L3.5,5 C2.67157288,5 2,5.67157288 2,6.5 L2,20.5 C2,21.3284271 2.67157288,22 3.5,22 Z" fill="#000000" opacity="0.3"/>
<path d="M10.8333333,20 C9.82081129,20 9,19.3159906 9,18.4722222 C9,17.6284539 9.82081129,16.9444444 10.8333333,16.9444444 C11.0476105,16.9444444 11.2533018,16.9750785 11.4444444,17.0313779 L11.4444444,12.7916011 C11.4444444,12.4782408 11.6398662,12.2012404 11.9268804,12.1077729 L15.4407693,11.0331119 C15.8834716,10.8889438 16.3333333,11.2336005 16.3333333,11.7169402 L16.3333333,12.7916011 C16.3333333,13.1498215 15.9979332,13.3786009 15.7222222,13.4444444 C15.3255297,13.53918 14.3070112,13.7428837 12.6666667,14.0555556 L12.6666667,18.5035214 C12.6666667,18.5583862 12.6622174,18.6091837 12.6535404,18.6559869 C12.5446237,19.4131089 11.771224,20 10.8333333,20 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Play.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Play.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Play</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/CD.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/CD.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / CD</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>
<circle fill="#000000" opacity="0.3" cx="12" cy="12" r="1"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Youtube.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Youtube.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Youtube</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M4.22266882,4 L19.8367728,4.00001353 C21.3873185,4.00001353 22.6823897,5.1816009 22.8241881,6.72564925 C22.9414021,8.00199653 23.0000091,9.40113909 23.0000091,10.9230769 C23.0000091,12.7049599 22.9196724,14.4870542 22.758999,16.26936 L22.7589943,16.2693595 C22.6196053,17.8155637 21.3235899,19 19.7711155,19 L4.22267091,19.0000022 C2.6743525,19.0000022 1.38037032,17.8217109 1.23577882,16.2801587 C1.07859294,14.6043323 1,13.0109461 1,11.5 C1,9.98905359 1.07859298,8.39566699 1.23577893,6.7198402 L1.23578022,6.71984032 C1.38037157,5.17828994 2.67435224,4 4.22266882,4 Z" fill="#000000" opacity="0.3"/>
<path d="M11.1821576,14.8052934 L15.5856084,11.7952868 C15.8135802,11.6394552 15.8720614,11.3283211 15.7162299,11.1003494 C15.6814583,11.0494808 15.6375838,11.0054775 15.5868174,10.970557 L11.1833666,7.94156929 C10.9558527,7.78507001 10.6445485,7.84263875 10.4880492,8.07015268 C10.4307018,8.15352258 10.3999996,8.25233045 10.3999996,8.35351969 L10.3999996,14.392514 C10.3999996,14.6686564 10.6238572,14.892514 10.8999996,14.892514 C11.000689,14.892514 11.0990326,14.8621141 11.1821576,14.8052934 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Music.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Music.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Music</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M8,17.0400072 L8,8 C8,7.56261503 8.28424981,7.17598102 8.70172501,7.04552002 L17.701725,4.54552002 C18.3456556,4.34429171 19,4.82535976 19,5.5 L19,17 C19,17.0001911 18.9999999,17.0003822 18.9999998,17.0005733 C18.9996127,18.1048793 17.880473,19 16.5,19 C15.1192881,19 14,18.1045695 14,17 C14,15.8954305 15.1192881,15 16.5,15 C16.6712329,15 16.838445,15.0137721 17,15.0400072 L17,8 L10,9.875 L10,19 C10,19.0001911 9.99999995,19.0003822 9.99999984,19.0005733 C9.99961272,20.1048793 8.88047301,21 7.5,21 C6.11928813,21 5,20.1045695 5,19 C5,17.8954305 6.11928813,17 7.5,17 C7.67123292,17 7.83844503,17.0137721 8,17.0400072 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Pause.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Pause.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Pause</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M8,6 L10,6 C10.5522847,6 11,6.44771525 11,7 L11,17 C11,17.5522847 10.5522847,18 10,18 L8,18 C7.44771525,18 7,17.5522847 7,17 L7,7 C7,6.44771525 7.44771525,6 8,6 Z M14,6 L16,6 C16.5522847,6 17,6.44771525 17,7 L17,17 C17,17.5522847 16.5522847,18 16,18 L14,18 C13.4477153,18 13,17.5522847 13,17 L13,7 C13,6.44771525 13.4477153,6 14,6 Z" fill="#000000"/>
</g>
</svg><!--end::Svg Icon--></span>
<img src="/metronic/theme/html/demo4/dist/assets/media/svg/icons/Media/Airplay.svg"/>
<span class="svg-icon svg-icon-primary svg-icon-2x"><!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo4/dist/../src/media/svg/icons/Media/Airplay.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<title>Stockholm-icons / Media / Airplay</title>
<desc>Created with Sketch.</desc>
<defs/>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<polygon fill="#000000" opacity="0.3" points="8 21 16 21 12 16"/>
<path d="M17.4029496,14.5491021 L15.8599014,15.8215022 C14.9149052,14.675499 13.5137472,14 12,14 C10.4912085,14 9.09418404,14.6710418 8.14910121,15.8106159 L6.60963188,14.533888 C7.93073905,12.9409064 9.88958759,12 12,12 C14.1173586,12 16.0819686,12.9471394 17.4029496,14.5491021 Z M20.4681628,11.9788888 L18.929169,13.2561898 C17.2286725,11.2072964 14.7140097,10 12,10 C9.28974232,10 6.77820732,11.2039334 5.07766256,13.2479685 L3.54017812,11.968851 C5.61676443,9.47281829 8.68922234,8 12,8 C15.3153667,8 18.3916375,9.47692603 20.4681628,11.9788888 Z M23.2904427,9.72048884 L21.678507,10.9044074 C19.4302828,7.84339199 15.8698431,6 12,6 C8.0766912,6 4.47282622,7.89509192 2.2325887,11.0270624 L0.605887503,9.86351476 C3.21772389,6.21202937 7.42430358,4 12,4 C16.5132783,4 20.6693179,6.15175957 23.2904427,9.72048884 Z" fill="#000000" fill-rule="nonzero"/>
</g>
</svg><!--end::Svg Icon--></span>