.arrow-icon--black {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40'%3E%3Cpath d='M30.793 5L45.75 20 30.793 35' fill='transparent' stroke-width='3.75' stroke='%231c1c1c'/%3E%3Cpath d='M2.75 20h42.377' fill='transparent' stroke-width='4' stroke='%231c1c1c'/%3E%3C/svg%3E");
}

.arrow-icon--white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40'%3E%3Cpath d='M30.793 5L45.75 20 30.793 35' fill='transparent' stroke-width='3.75' stroke='%23ffffff'/%3E%3Cpath d='M2.75 20h42.377' fill='transparent' stroke-width='4' stroke='%23ffffff'/%3E%3C/svg%3E");
}

.menu-icon,
.projects .archive .menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M1.5 34.734h37M1.5 24.57h37M1.5 14.914h37M1.5 4.75h37' fill='transparent' stroke-width='3.6' stroke='%231c1c1c'/%3E%3C/svg%3E");
}

.search-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M18.5 32C25.956 32 32 25.956 32 18.5S25.956 5 18.5 5 5 11.044 5 18.5 11.044 32 18.5 32z' fill='transparent' stroke-width='3.75' stroke='%231c1c1c' stroke-linejoin='round'/%3E%3Cpath d='M36 35l-8-8' fill='transparent' stroke-width='4' stroke='%231c1c1c' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.search-icon--white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M18.5 32C25.956 32 32 25.956 32 18.5S25.956 5 18.5 5 5 11.044 5 18.5 11.044 32 18.5 32z' fill='transparent' stroke-width='3.75' stroke='%23ffffff' stroke-linejoin='round'/%3E%3Cpath d='M36 35l-8-8' fill='transparent' stroke-width='4' stroke='%23ffffff' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.reveal .close-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M36.5 4L3 36M3 4l33.5 32' fill='transparent' stroke-width='4' stroke='%23fafafa'/%3E%3C/svg%3E");
}

.accordion-item.is-active .menu-icon,
.menu-icon.active,
.reveal-overlay--search .reveal .close-button,
.reveal-overlay--search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M36.5 4L3 36M3 4l33.5 32' fill='transparent' stroke-width='4' stroke='%231c1c1c'/%3E%3C/svg%3E");
}

.overlay.eye-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='40'%3E%3Cpath d='M25.68 11.714c4.236 0 7.671 3.411 7.671 7.619s-3.435 7.619-7.671 7.619c-4.236 0-7.67-3.411-7.67-7.619s3.434-7.619 7.67-7.619z' fill='transparent' stroke-width='3.5' stroke='%23ffffff'/%3E%3Cpath d='M2.34 20.464S10.708 6.048 25.351 6.048c14.642 0 23.01 14.416 23.01 14.416s-8.368 13.203-23.01 13.203c-14.643 0-23.011-13.203-23.011-13.203z' fill='transparent' stroke-width='3.5' stroke='%23ffffff' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

.projects .search-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M18.5 32C25.956 32 32 25.956 32 18.5S25.956 5 18.5 5 5 11.044 5 18.5 11.044 32 18.5 32z' fill='transparent' stroke-width='3.75' stroke='%23fafafa' stroke-linejoin='round'/%3E%3Cpath d='M36 35l-8-8' fill='transparent' stroke-width='4' stroke='%23fafafa' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Project image frames */

/* weißer Rahmen*/
section.project-hero-slider .browser_desktop div,
.archive-filtered .browser_desktop  {
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='949' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23cccccc'%3E%3Ccircle cx='31.816' cy='25.816' r='9.316'/%3E%3Ccircle cx='59' cy='25.816' r='9.316'/%3E%3Ccircle cx='86.184' cy='25.816' r='9.316'/%3E%3Crect x='.5' y='.5' width='1439' height='948' rx='9.5'/%3E%3C/g%3E%3C/svg%3E");
}

.no-decoration {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='949' fill='none'%3E%3Crect width='1439' height='948' x='.5' y='.5' stroke='%23cccccc' rx='9.5'/%3E%3C/svg%3E");
}

/* schwarzer Rahmen*/
.browser_desktop.black {
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='949' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%231c1c1c'%3E%3Ccircle cx='31.816' cy='25.816' r='9.316'/%3E%3Ccircle cx='59' cy='25.816' r='9.316'/%3E%3Ccircle cx='86.184' cy='25.816' r='9.316'/%3E%3Crect x='.5' y='.5' width='1439' height='948' rx='9.5'/%3E%3C/g%3E%3C/svg%3E");
}

.browser_mobile.black {
  background-image: url("data:image/svg+xml,%3Csvg width='447' height='951' fill='none' stroke='%231c1c1c' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='446' height='950' rx='19.5'/%3E%3C/svg%3E");
}

.no-decoration.black {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='949' fill='none'%3E%3Crect width='1439' height='948' x='.5' y='.5' stroke='%231c1c1c' rx='9.5'/%3E%3C/svg%3E");
}

/* project-image-slider frame */

.project-images-slider .browser_desktop {
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='949' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23cccccc'%3E%3Ccircle cx='31.816' cy='25.816' r='9.316'/%3E%3Ccircle cx='59' cy='25.816' r='9.316'/%3E%3Ccircle cx='86.184' cy='25.816' r='9.316'/%3E%3Crect x='.5' y='.5' width='1439' height='948' rx='9.5'/%3E%3C/g%3E%3C/svg%3E");
}

.project-images-slider .browser_mobile {
  background-image: url("data:image/svg+xml,%3Csvg width='447' height='951' fill='none' stroke='%23cccccc' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='446' height='950' rx='19.5'/%3E%3C/svg%3E");
}

/* Lightbox */

.pswp__button--arrow--prev,
.pswp__button--arrow--prev:hover,
.pswp__button--arrow--prev:active,
.pswp__button--arrow--prev:focus{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40'%3E%3Cpath d='M30.793 5L45.75 20 30.793 35' fill='transparent' stroke-width='3.75' stroke='%23ffffff'/%3E%3Cpath d='M2.75 20h42.377' fill='transparent' stroke-width='4' stroke='%23ffffff'/%3E%3C/svg%3E");
}

.pswp__button--arrow--next,
.pswp__button--arrow--next:hover,
.pswp__button--arrow--next:active,
.pswp__button--arrow--next:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40'%3E%3Cpath d='M30.793 5L45.75 20 30.793 35' fill='transparent' stroke-width='3.75' stroke='%23ffffff'/%3E%3Cpath d='M2.75 20h42.377' fill='transparent' stroke-width='4' stroke='%23ffffff'/%3E%3C/svg%3E");
}

.pswp__button--close, .pswp__button--close:hover, .pswp__button--close:active, .pswp__button--close:focus  {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M36.5 4L3 36M3 4l33.5 32' fill='transparent' stroke-width='4' stroke='%23f3f3f3'/%3E%3C/svg%3E");
}

/* large only */

@media only screen and (min-width: 1024px) {
  .project-images-slider .tns-controls button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40'%3E%3Cpath d='M30.793 5L45.75 20 30.793 35' fill='transparent' stroke-width='3.75' stroke='%23ffffff'/%3E%3Cpath d='M2.75 20h42.377' fill='transparent' stroke-width='4' stroke='%23ffffff'/%3E%3C/svg%3E");
  }

  .card-slider .tns-controls button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40'%3E%3Cpath d='M30.793 5L45.75 20 30.793 35' fill='transparent' stroke-width='3.75' stroke='%231c1c1c'/%3E%3Cpath d='M2.75 20h42.377' fill='transparent' stroke-width='4' stroke='%231c1c1c'/%3E%3C/svg%3E");
  }
}

/* Web-Icons New */

.ico-archive {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 13a4 4 0 0 1 4-4h88.333a4 4 0 0 1 4 4v20.833a4 4 0 0 1-4 4H91V88a4 4 0 0 1-4 4H14a4 4 0 0 1-4-4V37.833H6a4 4 0 0 1-4-4V13Zm75.333 24.833H83V84H18V37.833h38.833a4 4 0 1 0 0-8H10V17h80.333v12.833h-13a4 4 0 0 0 0 8ZM34.833 56.5a4 4 0 1 0 0 8h38a4 4 0 0 0 0-8h-38Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M71.828 24.172a4 4 0 1 0-5.656 5.656l16.504 16.505H8a4 4 0 1 0 0 8h74.677L66.172 70.838a4 4 0 0 0 5.656 5.657l23.334-23.333a3.986 3.986 0 0 0 1.171-2.829 3.987 3.987 0 0 0-1.182-2.84l.01.012c.032.03.062.062.091.094' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-bubble {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.052 23a.86.86 0 0 0-.052.307V67.72a.86.86 0 0 0 .052.307h9.266c6.438 0 10.718 5.819 10.718 11.752v5.414l8.98-12.644c1.944-2.737 5.012-4.522 8.457-4.522h32.475A.858.858 0 0 0 85 67.72V23.307a.857.857 0 0 0-.052-.307H15.052ZM7 23.307C7 19.277 9.943 15 14.732 15h70.536C90.057 15 93 19.276 93 23.307V67.72c0 4.03-2.943 8.307-7.732 8.307H52.473c-.58 0-1.326.297-1.934 1.153l-9.624 13.55-2.804-1.991 2.804 1.991c-2.202 3.1-5.849 3.978-8.929 2.707-2.963-1.222-4.95-4.209-4.95-7.753V79.78c0-2.63-1.736-3.752-2.718-3.752h-9.586C9.943 76.028 7 71.752 7 67.72V23.307Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-check {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.733 25.764A2.786 2.786 0 0 1 26.667 25h36.666a4 4 0 1 0 0-8H26.667a10.785 10.785 0 0 0-7.495 3.012A10.337 10.337 0 0 0 16 27.444v45.112c0 2.814 1.158 5.485 3.172 7.432A10.785 10.785 0 0 0 26.668 83h46.666c2.786 0 5.484-1.069 7.495-3.012A10.337 10.337 0 0 0 84 72.556V50a4 4 0 0 0-8 0v22.556c0 .603-.247 1.21-.733 1.68a2.786 2.786 0 0 1-1.934.764H26.667c-.75 0-1.444-.29-1.934-.763A2.338 2.338 0 0 1 24 72.556V27.444c0-.603.247-1.21.733-1.68Zm62.345-1.209a4 4 0 1 0-6.156-5.11L55.367 50.228 36.69 33.271a4 4 0 0 0-5.378 5.923l21.775 19.768a4 4 0 0 0 5.766-.407l28.226-34Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-clip {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M63.2 16a9.914 9.914 0 0 0-7.054 2.963l-32.149 32.55A17.399 17.399 0 0 0 19 63.737c0 4.594 1.803 8.99 4.997 12.224A16.87 16.87 0 0 0 36.001 81a16.87 16.87 0 0 0 12.004-5.039l32.15-32.55a4 4 0 0 1 5.69 5.622l-32.148 32.55A24.87 24.87 0 0 1 36.001 89a24.87 24.87 0 0 1-17.696-7.417A25.398 25.398 0 0 1 11 63.737a25.398 25.398 0 0 1 7.305-17.846l32.149-32.55A17.914 17.914 0 0 1 63.2 8c4.79 0 9.374 1.927 12.746 5.341A18.266 18.266 0 0 1 81.2 26.175c0 4.805-1.885 9.422-5.255 12.835L43.762 71.56a10.957 10.957 0 0 1-7.796 3.265c-2.934 0-5.737-1.18-7.796-3.266a11.132 11.132 0 0 1-3.204-7.822c0-2.925 1.147-5.74 3.204-7.823l29.702-30.036a4 4 0 1 1 5.688 5.625L33.862 61.536a3.134 3.134 0 0 0-.896 2.2c0 .836.328 1.627.896 2.202a2.957 2.957 0 0 0 2.104.887c.78 0 1.538-.314 2.104-.887l32.184-32.55.002-.002a10.266 10.266 0 0 0 2.945-7.21c0-2.715-1.066-5.309-2.947-7.213A9.914 9.914 0 0 0 63.2 16Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-cloud {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M55.248 24c-7.66 0-14.391 4.098-18.139 10.288-1.75 2.891-5.199 3.602-7.804 2.681a6.145 6.145 0 0 0-2.056-.35c-3.416 0-6.25 2.806-6.25 6.347 0 .34.026.67.076.99.394 2.572-.757 5.407-3.321 6.794A12.928 12.928 0 0 0 11 62.146c0 7.165 5.744 12.91 12.75 12.91h49.656c3.806 0 7.485-.61 10.177-2.022 2.484-1.304 4.113-3.244 4.433-6.486.278-2.826-.596-4.724-1.833-6.07-1.332-1.45-3.256-2.417-5.099-2.84-3.197-.73-5.814-3.993-5.043-7.697.298-1.433.456-2.921.456-4.451 0-11.905-9.55-21.49-21.25-21.49Zm-24.32 5.102C36.163 21.218 45.092 16 55.248 16c16.19 0 29.249 13.239 29.249 29.49 0 1.592-.126 3.158-.368 4.686 2.74.833 5.656 2.4 7.944 4.888 2.739 2.979 4.412 7.118 3.904 12.27-.622 6.298-4.164 10.415-8.677 12.784-4.305 2.259-9.45 2.937-13.894 2.937H23.75C12.254 83.055 3 73.658 3 62.146c0-7.598 4.026-14.26 10.054-17.92a14.573 14.573 0 0 1-.055-1.26c0-7.888 6.345-14.347 14.25-14.347 1.268 0 2.502.167 3.679.483Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-corner {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.328 19.494a4 4 0 1 0-5.657-5.656L13.853 34.656a3.985 3.985 0 0 0-1.187 2.838v.024a3.987 3.987 0 0 0 1.172 2.81L34.671 61.16a4 4 0 0 0 5.657-5.657L26.323 41.5h40.343a12.667 12.667 0 0 1 12.667 12.667v29.167a4 4 0 1 0 8 0V54.166a20.666 20.666 0 0 0-20.666-20.667H26.322l14.005-14.005Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-delete {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.45 21.425A12 12 0 0 1 37.843 18H85c6.627 0 12 5.373 12 12v38c0 6.627-5.373 12-12 12H37.844a12 12 0 0 1-8.395-3.425L4.202 51.858a4 4 0 0 1 0-5.716l25.247-24.717ZM37.843 26a4 4 0 0 0-2.798 1.142L12.718 49l22.328 21.858A4 4 0 0 0 37.844 72H85a4 4 0 0 0 4-4V30a4 4 0 0 0-4-4H37.844Zm44.087 7.278a4 4 0 0 1-.21 5.653L70.879 49l10.844 10.069a4 4 0 1 1-5.444 5.862L65 54.46 53.722 64.93a4 4 0 1 1-5.444-5.862L59.122 49 48.278 38.931a4 4 0 0 1 5.444-5.862L65 43.54 76.278 33.07a4 4 0 0 1 5.653.21Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-direction {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m59.462 18.117-5.15 24.13c-.95 4.455-5.033 7.273-9.32 7.351-.001 0 0 0 0 0l-23.364.425 63.964 34.508-26.13-66.413Zm25.61 75.223L12.406 54.138c-2.857-1.541-3.945-4.61-3.153-7.329.772-2.65 3.207-4.62 6.286-4.676l29.308-.533c1.086-.02 1.572-.69 1.642-1.022l6.073-28.457c.72-3.375 3.64-4.937 6.047-5.103 2.408-.166 5.465.969 6.705 4.12l29.246 74.333c1.195 3.038-.167 5.868-2.146 7.345a6.832 6.832 0 0 1-7.34.524Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-filter {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.705 10.816A4 4 0 0 1 8.333 8.5h83.334a4 4 0 0 1 3.054 6.583L62.333 53.38V87.5a4 4 0 0 1-8 0V51.917a4 4 0 0 1 .946-2.583L83.045 16.5h-66.09L44.72 49.334a4 4 0 0 1 .946 2.583v27.25a4 4 0 1 1-8 0V53.38L5.279 15.083a4 4 0 0 1-.574-4.267Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-folder {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M18.864 80H79a8 8 0 0 0 8-8V38.833a8 8 0 0 0-8-8H39.387V21H18.864c-1.555 0-3.047.69-4.147 1.92S13 25.817 13 27.556v45.888c0 1.74.618 3.406 1.717 4.636 1.1 1.23 2.592 1.92 4.147 1.92Z' stroke='url(%23a)' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ico-hash {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.642 12.942a4 4 0 0 0-7.95-.883L60.308 33.5H43.358l2.284-20.558a4 4 0 0 0-7.95-.883L35.308 33.5H16.667a4 4 0 0 0 0 8H34.42l-1.89 17H16.668a4 4 0 0 0 0 8h14.975L29.358 87.06a4 4 0 1 0 7.95.883L39.692 66.5h16.951L54.358 87.06a4 4 0 1 0 7.95.883L64.692 66.5h18.642a4 4 0 1 0 0-8H65.58l1.889-17h15.864a4 4 0 1 0 0-8H68.358l2.284-20.558ZM59.42 41.5H42.469l-1.889 17h16.95l1.89-17Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-heart {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M58.797 14.85a23.813 23.813 0 0 1 18.4 0 23.985 23.985 0 0 1 7.785 5.26 24.23 24.23 0 0 1 5.196 7.854 24.401 24.401 0 0 1 0 18.509 24.228 24.228 0 0 1-5.195 7.854l-32.14 32.486a4 4 0 0 1-5.688 0l-32.14-32.486A24.327 24.327 0 0 1 8 37.22a24.327 24.327 0 0 1 7.015-17.109 23.895 23.895 0 0 1 16.987-7.108c6.38 0 12.489 2.562 16.987 7.108l1.01 1.021 1.01-1.02a23.989 23.989 0 0 1 7.788-5.261Zm9.2 6.15c-2.096 0-4.172.417-6.11 1.229a15.983 15.983 0 0 0-5.19 3.507l-3.855 3.896a4 4 0 0 1-5.686 0l-3.854-3.895a15.895 15.895 0 0 0-11.3-4.735c-4.23 0-8.296 1.698-11.3 4.735A16.327 16.327 0 0 0 16 37.219c0 4.314 1.696 8.444 4.702 11.482l29.297 29.612L79.296 48.7a16.233 16.233 0 0 0 3.48-5.263 16.4 16.4 0 0 0 0-12.44 16.226 16.226 0 0 0-3.48-5.26v-.002a15.984 15.984 0 0 0-5.19-3.507A15.811 15.811 0 0 0 67.996 21Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-layers {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48.211 4.756a4 4 0 0 1 3.578 0L93.455 25.59a4 4 0 0 1 0 7.155L51.79 53.578a4 4 0 0 1-3.578 0L6.544 32.745a4 4 0 0 1 0-7.155L48.211 4.756ZM17.278 29.167 50 45.528l32.722-16.36L50 12.805 17.278 29.167ZM4.756 62.212a4 4 0 0 1 5.366-1.79L50 80.363l39.878-19.94a4 4 0 0 1 3.578 7.156L51.788 88.412a4 4 0 0 1-3.578 0L6.544 67.578a4 4 0 0 1-1.788-5.366Zm5.366-19.79a4 4 0 0 0-3.578 7.156l41.667 20.834a4 4 0 0 0 3.578 0l41.666-20.834a4 4 0 1 0-3.577-7.155L50 62.362l-39.878-19.94Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-link {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M67.605 11a21.481 21.481 0 0 0-15.238 6.169l-6.049 6.08a4 4 0 0 0 5.672 5.642l6.026-6.058a13.48 13.48 0 0 1 9.519-3.832c3.547.03 6.95 1.469 9.471 4.018A13.875 13.875 0 0 1 81 32.656a13.882 13.882 0 0 1-3.805 9.683l-10.523 10.64a13.562 13.562 0 0 1-4.858 3.157 13.408 13.408 0 0 1-11.23-.814 13.64 13.64 0 0 1-4.367-3.83 4 4 0 0 0-6.432 4.759 21.642 21.642 0 0 0 6.931 6.074 21.407 21.407 0 0 0 17.92 1.297 21.562 21.562 0 0 0 7.724-5.018l10.55-10.666.048-.05a21.881 21.881 0 0 0 6.042-15.3 21.875 21.875 0 0 0-6.305-15.194A21.488 21.488 0 0 0 67.605 11Zm-23.14 24.056a21.407 21.407 0 0 0-9.101 1.322 21.561 21.561 0 0 0-7.723 5.018L17.09 52.062A21.881 21.881 0 0 0 11 67.413a21.875 21.875 0 0 0 6.306 15.193A21.488 21.488 0 0 0 32.395 89a21.481 21.481 0 0 0 15.197-6.127l.016-.016.034-.033 6.013-6.08a4 4 0 0 0-5.688-5.625L41.98 77.17a13.481 13.481 0 0 1-9.515 3.828 13.488 13.488 0 0 1-9.471-4.018A13.875 13.875 0 0 1 19 67.344a13.881 13.881 0 0 1 3.806-9.683l10.523-10.64a13.562 13.562 0 0 1 4.858-3.157 13.408 13.408 0 0 1 11.23.814 13.64 13.64 0 0 1 4.367 3.83 4 4 0 0 0 6.432-4.759 21.642 21.642 0 0 0-6.931-6.074 21.442 21.442 0 0 0-8.82-2.62Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-loader {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46.96 8.252a4 4 0 1 0-7.888 1.341l2.794 16.43a4 4 0 0 0 7.887-1.34L46.959 8.252Zm11.174 65.723a4 4 0 1 0-7.887 1.341l2.794 16.431a4 4 0 1 0 7.887-1.34l-2.794-16.432ZM12.758 23.582a4 4 0 0 1 5.577-.949l13.601 9.649a4 4 0 0 1-4.628 6.525l-13.602-9.649a4 4 0 0 1-.948-5.576Zm59.934 37.61a4 4 0 0 0-4.628 6.526l13.601 9.648a4 4 0 0 0 4.629-6.525l-13.602-9.648ZM4.98 57.655a4 4 0 0 1 3.273-4.614l16.431-2.793a4 4 0 0 1 1.341 7.887l-16.43 2.793a4 4 0 0 1-4.615-3.273Zm68.997-15.788a4 4 0 1 0 1.34 7.887l16.432-2.794a4 4 0 1 0-1.341-7.887l-16.431 2.794Zm-36.117 25.25a4 4 0 0 1 .948 5.576L29.16 86.293a4 4 0 1 1-6.525-4.628l9.648-13.602a4 4 0 0 1 5.577-.948Zm39.507-48.781a4 4 0 1 0-6.525-4.629l-9.648 13.602a4 4 0 1 0 6.525 4.628l9.648-13.601Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-monitor {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4 17c-2.983 0-4.4 1.987-4.4 3.286v36.428c0 1.3 1.416 3.286 4.4 3.286h67.2c2.984 0 4.4-1.987 4.4-3.286V20.286c0-1.3-1.416-3.286-4.4-3.286H16.4ZM54 68h29.6C89.895 68 96 63.463 96 56.714V20.286C96 13.537 89.895 9 83.6 9H16.4C10.105 9 4 13.537 4 20.286v36.428C4 63.463 10.105 68 16.4 68H46v15.5H33.333a4 4 0 0 0 0 8h33.334a4 4 0 1 0 0-8H54V68Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-pin {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 38.426C22 23.288 34.303 11 49.5 11S77 23.288 77 38.426c0 5.69-1.684 10.943-4.62 15.294l-.023.033-13.23 20.46-9.248 12.867-9.693-13.885-.006-.01L26.655 53.7A27.228 27.228 0 0 1 22 38.427ZM49.5 3C29.903 3 14 18.852 14 38.426a35.228 35.228 0 0 0 6.039 19.77l.014.022 13.56 19.538.007.009 9.7 13.894c3.157 4.523 9.836 4.569 13.055.09l9.362-13.027 13.296-20.56C82.843 52.504 85 45.705 85 38.426 85 18.852 69.097 3 49.5 3ZM44 40.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0ZM49.5 27C42.044 27 36 33.044 36 40.5S42.044 54 49.5 54 63 47.956 63 40.5 56.956 27 49.5 27Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-plus {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.333 50c0-20.802 16.864-37.666 37.667-37.666s37.667 16.864 37.667 37.667c0 20.802-16.864 37.666-37.667 37.666S12.333 70.803 12.333 50.001ZM50 4.335c-25.221 0-45.667 20.446-45.667 45.667C4.333 75.22 24.78 95.667 50 95.667s45.667-20.445 45.667-45.666C95.667 24.78 75.22 4.334 50 4.334Zm0 25a4 4 0 0 1 4 4v12.667h12.667a4 4 0 1 1 0 8H54v12.666a4 4 0 1 1-8 0V54.001H33.333a4 4 0 1 1 0-8H46V33.334a4 4 0 0 1 4-4Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-power {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M54 13a4 4 0 0 0-8 0v37a4 4 0 0 0 8 0V13ZM29.507 32.811a4 4 0 1 0-5.69-5.622 37.517 37.517 0 0 0-10.109 19.137 37.76 37.76 0 0 0 2.103 21.579 37.31 37.31 0 0 0 13.616 16.782A36.725 36.725 0 0 0 50 91a36.725 36.725 0 0 0 20.573-6.313 37.31 37.31 0 0 0 13.616-16.782 37.76 37.76 0 0 0 2.103-21.579A37.517 37.517 0 0 0 76.184 27.19a4 4 0 0 0-5.691 5.622 29.517 29.517 0 0 1 7.949 15.057 29.762 29.762 0 0 1-1.657 17.005A29.31 29.31 0 0 1 66.092 78.06 28.725 28.725 0 0 1 50 83a28.725 28.725 0 0 1-16.092-4.94 29.31 29.31 0 0 1-10.693-13.187 29.762 29.762 0 0 1-1.657-17.005 29.517 29.517 0 0 1 7.95-15.057Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-printer {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 8.334a4 4 0 0 1 4-4h50a4 4 0 0 1 4 4v25.167h4.333a12.333 12.333 0 0 1 12.334 12.333v20.833a12.333 12.333 0 0 1-12.334 12.334H79v12.333a4 4 0 0 1-4 4H25a4 4 0 0 1-4-4V79.001h-4.333A12.333 12.333 0 0 1 4.333 66.667V45.834a12.333 12.333 0 0 1 12.334-12.333H21V8.334Zm0 62.667V58a4 4 0 0 1 4-4h21a4 4 0 0 1 0 8H29v25.333h42V58.001a4 4 0 0 1 8 0v13h4.333a4.333 4.333 0 0 0 4.334-4.334V45.834a4.333 4.333 0 0 0-4.334-4.333H75a4 4 0 0 1-4-4V12.334H29v21.167h17.5a4 4 0 0 1 0 8H16.667a4.333 4.333 0 0 0-4.334 4.333v20.833a4.333 4.333 0 0 0 4.334 4.334H21Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-refresh {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44.325 7.634A41.5 41.5 0 0 1 94.98 33.656a4 4 0 1 1-7.541 2.669 33.5 33.5 0 0 0-55.366-12.42L20.098 35.157H35a4 4 0 1 1 0 8H10a3.984 3.984 0 0 1-3.195-1.593A3.978 3.978 0 0 1 6 39.157v-25a4 4 0 1 1 8 0v15.752l12.55-11.792A41.5 41.5 0 0 1 44.325 7.634Zm12.56 84.379A41.5 41.5 0 0 1 6.23 65.991a4 4 0 0 1 7.542-2.668 33.5 33.5 0 0 0 55.365 12.42L81.111 64.49H66.21a4 4 0 1 1 0-8h25a3.984 3.984 0 0 1 3.195 1.593 3.977 3.977 0 0 1 .805 2.407v25a4 4 0 1 1-8 0V69.738L74.66 81.53a41.499 41.499 0 0 1-17.775 10.483Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-rotate {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.072 13.72a41.5 41.5 0 0 0-49.354 6.906L8.167 32.419V16.667a4 4 0 0 0-8 0v24.978a4.023 4.023 0 0 0 .28 1.495 3.98 3.98 0 0 0 .91 1.375 3.987 3.987 0 0 0 2.81 1.152h25a4 4 0 0 0 0-8H14.265l11.974-11.252a33.5 33.5 0 1 1-7.841 34.756 4 4 0 0 0-7.546 2.658 41.5 41.5 0 1 0 59.22-50.11Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-server {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='95' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 24.917C10 23.152 11.74 21 14.828 21h70.627c3.088 0 4.829 2.152 4.829 3.917V40.75c0 1.516-.387 2.46-.782 2.945-.293.36-.845.805-2.231.805-.084 0-.167.003-.25.008-.517-.06-1.04-.091-1.566-.091H67.8a4 4 0 1 0 0 8h17.656c3.088 0 4.829 2.152 4.829 3.916v15.834c0 1.764-1.74 3.916-4.829 3.916H14.828c-3.087 0-4.828-2.152-4.828-3.916V56.333c0-1.764 1.74-3.916 4.828-3.916h35.314a4 4 0 1 0 0-8H14.828c-.6 0-1.195.04-1.782.117a4.032 4.032 0 0 0-.528-.034c-.01 0-.165-.011-.445-.155a3.48 3.48 0 0 1-.961-.764C10.445 42.844 10 41.84 10 40.75V24.917ZM4.961 48.7C3.226 46.675 2 43.902 2 40.75V24.917C2 17.937 8.165 13 14.828 13h70.627c6.664 0 12.829 4.936 12.829 11.917V40.75c0 2.734-.682 5.665-2.575 7.993-.056.069-.113.136-.17.203 1.698 1.98 2.745 4.51 2.745 7.387v15.834c0 6.98-6.165 11.916-12.829 11.916H14.828C8.165 84.083 2 79.147 2 72.167V56.333c0-2.997 1.137-5.617 2.961-7.632ZM19.657 32a4 4 0 0 1 4-4h.044a4 4 0 1 1 0 8h-.044a4 4 0 0 1-4-4Zm4 28.25a4 4 0 0 0 0 8h.044a4 4 0 1 0 0-8h-.044Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-speaker {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M78.875 10.223C84.207 7.013 91 10.853 91 17.077v64.749c0 6.265-6.877 10.1-12.206 6.805L42.11 65.956H21c-6.627 0-12-5.373-12-12v-9.622c0-6.627 5.373-12 12-12h21.137l36.738-22.111ZM83 81.826v-64.75L45.31 39.762a4 4 0 0 1-2.063.573H21a4 4 0 0 0-4 4v9.622a4 4 0 0 0 4 4h22.248a4 4 0 0 1 2.103.597L83 81.826Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.ico-toggle {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72.933 29H27.067C15.984 29 7 38.626 7 50.5S15.984 72 27.067 72h45.866C84.016 72 93 62.374 93 50.5S84.016 29 72.933 29Z' stroke='%23000' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.5 59a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17Z' stroke='%23000' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72.933 29H27.067C15.984 29 7 38.626 7 50.5S15.984 72 27.067 72h45.866C84.016 72 93 62.374 93 50.5S84.016 29 72.933 29Z' stroke='%23000' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.5 59a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17Z' stroke='%23000' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ico-zoom {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='50' x2='100' y2='80' gradientUnits='userSpaceOnUse' gradientTransform='rotate(15)'%3E%3Cstop offset='0' stop-color='rgba(220,220,220,0.3)'/%3E%3Cstop offset='.45' stop-color='rgba(220,220,220,1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 46c0-15.464 12.536-28 28-28s28 12.536 28 28-12.536 28-28 28-28-12.536-28-28Zm28-36c-19.882 0-36 16.118-36 36s16.118 36 36 36c8.5 0 16.312-2.946 22.47-7.872l14.702 14.7a4 4 0 1 0 5.656-5.656l-14.7-14.701A35.848 35.848 0 0 0 82 46c0-19.882-16.118-36-36-36Zm0 20a4 4 0 0 1 4 4v8h8a4 4 0 0 1 0 8h-8v8a4 4 0 0 1-8 0v-8h-8a4 4 0 0 1 0-8h8v-8a4 4 0 0 1 4-4Z' fill='url(%23a)'/%3E%3C/svg%3E");
}