/* Base SVG Icon Class */
.svgIcon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

/* Individual Icons - Default black color */
.svgIcon-archive-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.18 48'%3E%3Cg stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Crect x='6.4' y='13.08' width='39.38' height='33.42'/%3E%3Cpolygon points='5.39 13.08 1.5 13.08 1.5 1.5 50.68 1.5 50.68 13.08 5.39 13.08'/%3E%3Cline x1='17.58' y1='24.48' x2='34.6' y2='24.48'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-arrange-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Crect x='1.5' y='1.5' width='16.13' height='16.13'/%3E%3Crect x='30.37' y='1.5' width='16.13' height='16.13'/%3E%3Crect x='1.5' y='30.37' width='16.13' height='16.13'/%3E%3Crect x='30.37' y='30.37' width='16.13' height='16.13'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-arrow-left-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 21.64'%3E%3Cg stroke='%23000000' stroke-width='3' stroke-linecap='round' fill='none'%3E%3Cline x1='2.39' y1='10.82' x2='46.5' y2='10.82'/%3E%3Cpolyline points='11.18 20.14 1.5 10.73 10.48 1.5' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-arrow-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 26.63'%3E%3Cpolyline points='1.5 25.13 24 1.5 46.5 25.13' stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}

.svgIcon-blog {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.37 43.44'%3E%3Cg stroke='%23000000' stroke-width='3.37' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpath d='M28.51,4.84H8.1c-2.28,0-4.38,1.24-5.47,3.25h0c-.87,1.61-.95,3.12-.94,3.84,0,8.74,0,17.48,0,26.22.08.28.68,2.37,2.73,3.25,2.33,1,5.31-.1,6.6-2.81l1-.6h21.38c.97,0,1.94-.1,2.87-.38,1.64-.5,2.59-1.28,3.08-1.75,2.54-2.46,2.69-6.51,2.82-10.08.03-.87.02-1.59,0-2.07'/%3E%3Cline x1='9.72' y1='16.88' x2='16.46' y2='16.88'/%3E%3Cline x1='9.72' y1='25.25' x2='16.46' y2='25.25'/%3E%3Cpath d='M23.3,25.85l2.36-7.52c.3-.95.82-1.82,1.52-2.52l12.83-12.96c1.52-1.54,4-1.54,5.53-.01h0c1.5,1.5,1.53,3.92.07,5.45l-13.18,13.85c-.73.76-1.63,1.33-2.64,1.65l-6.5,2.07Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-cross-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cline x1='46.5' y1='1.5' x2='1.5' y2='46.5'/%3E%3Cline x1='1.5' y1='1.5' x2='46.5' y2='46.5'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-facebook-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath stroke='%23000000' stroke-width='3' fill='none' d='M24.72,28.91c.38.07.87.58.82,1v15.69c-.04.46-.44.83-.91.82-3.95-.19-8.12.24-12.04,0-5.75-.36-10.55-5.09-10.93-10.86-.49-7.43.37-15.38,0-22.87C1.98,6.83,6.72,2.01,12.59,1.64c7.41-.46,15.28.36,22.74,0,5.92.34,10.61,5.05,11.03,10.95-.36,7.5.46,15.42,0,22.87-.36,5.77-5.08,10.56-10.84,10.95-1.2.08-3.53.14-4.68,0-.32-.04-.53-.18-.7-.45-.27-.45-.1-.6-.11-1.03-.06-5.13.02-10.26.02-15.39.07-.33.48-.59.8-.64.62-.1,4.07.12,4.23-.02l.68-4.2h-5.11c-.2,0-.58-.49-.62-.72-.15-.93,0-2.61,0-3.63,0-.93-.13-1.55.27-2.5.29-.68,1.21-1.66,1.97-1.66h4.06v-3.92c-3-.62-7.81-.38-9.89,2.2-1.65,2.06-.61,6.72-.91,9.33-.03.29-.3.91-.62.91h-4.73v4.21h4.54Z'/%3E%3C/svg%3E");
}

.svgIcon-fb {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath stroke='%23000000' stroke-width='3' fill='none' d='M24.72,28.91c.38.07.87.58.82,1v15.69c-.04.46-.44.83-.91.82-3.95-.19-8.12.24-12.04,0-5.75-.36-10.55-5.09-10.93-10.86-.49-7.43.37-15.38,0-22.87C1.98,6.83,6.72,2.01,12.59,1.64c7.41-.46,15.28.36,22.74,0,5.92.34,10.61,5.05,11.03,10.95-.36,7.5.46,15.42,0,22.87-.36,5.77-5.08,10.56-10.84,10.95-1.2.08-3.53.14-4.68,0-.32-.04-.53-.18-.7-.45-.27-.45-.1-.6-.11-1.03-.06-5.13.02-10.26.02-15.39.07-.33.48-.59.8-.64.62-.1,4.07.12,4.23-.02l.68-4.2h-5.11c-.2,0-.58-.49-.62-.72-.15-.93,0-2.61,0-3.63,0-.93-.13-1.55.27-2.5.29-.68,1.21-1.66,1.97-1.66h4.06v-3.92c-3-.62-7.81-.38-9.89,2.2-1.65,2.06-.61,6.72-.91,9.33-.03.29-.3.91-.62.91h-4.73v4.21h4.54Z'/%3E%3C/svg%3E");
}

.svgIcon-gift-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg stroke='%23000000' stroke-width='3' fill='none'%3E%3Cpath d='M42.81,4.86c-2.44-2.24-5.36-3.36-8.76-3.36-3.13,0-6.98,2.03-10.05,6.16-3.08-4.13-6.93-6.16-10.05-6.16-3.39,0-6.31,1.12-8.76,3.36-2.46,2.24-3.68,5.76-3.68,10.53v1.71h15.44c-.78-.35-4.37-1.79-4.56-3.91-.15-1.66,1.31-3.08,2.79-3.65.8-.31,1.73-.35,2.54-.03.9.36,1.55,1.09,2.18,1.8.06.07.13.15.19.22.58.66,1.12,1.35,1.62,2.06.82,1.19,1.37,2.01,2.14,3.26.01.02.12.24.14.24.03,0,.14-.22.16-.25,1.05-1.69,1.67-2.87,2.78-4.47.67-.97,1.41-1.9,2.19-2.78.09-.1.17-.2.26-.3.85-.96,1.72-1.94,2.95-2.42,1.09-.43,2.34-.37,3.42.04,1.99.76,3.77,2.67,3.77,4.92,0,2.91-4.54,4.57-6.15,5.27h13.13v-1.71c0-4.77-1.23-8.29-3.68-10.53h0Z'/%3E%3Cpath d='M46.5,43.31c0,1.76-1.26,3.19-2.83,3.19h-17.12v-24.53s19.95-.01,19.95-.01v21.35h0Z'/%3E%3Cpath d='M1.5,43.31c0,1.76,1.28,3.19,2.87,3.19h17.3v-24.53H1.5v21.34Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-heart-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 49.21'%3E%3Cpath stroke='%23000000' stroke-width='3' fill='none' d='M45.36,13.77c.7-.96,1.14-2.04,1.14-3.24,0-3.86-2.94-7.14-6.24-8.44-1.79-.71-3.88-.81-5.67-.07-2.02.83-3.47,2.52-4.88,4.16-.14.17-.29.34-.43.51-1.29,1.53-2.56,3.08-3.63,4.78-1.86,2.95-2.91,4.75-4.64,7.65-.03.04-.19.33-.26.43-1.4-2.35-2.32-3.8-3.74-5.93-.77-1.16-1.61-2.27-2.5-3.32-.18-.21-.36-.42-.54-.63-1.05-1.22-2.12-2.47-3.62-3.09-1.33-.55-2.88-.47-4.21.05-2.45.97-4.87,3.41-4.63,6.26.05.58.42,1.44.71,1.96l.77,1.23,17.9,30.43L45.28,13.88s.01-.01.02-.02l.07-.09Z'/%3E%3C/svg%3E");
}

.svgIcon-insta-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg stroke='%23000000' stroke-width='3' fill='none'%3E%3Crect x='1.5' y='1.5' width='45' height='45' rx='10' ry='10'/%3E%3Ccircle cx='24.08' cy='23.87' r='10.22'/%3E%3Ccircle cx='36.01' cy='11.59' r='3.33'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-patchwork {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 161.47 135.27'%3E%3Cg stroke='%23000000' stroke-width='2.94' fill='%23000000'%3E%3Cpath d='M83.68,124.21c-2.37,2.61-5.35,4.09-8.95,4.45-3.32.32-7.62-1.4-11.32-5.41-2.84,4.65-6.72,7.2-10.04,7.52-3.6.36-6.81-.51-9.64-2.62-2.84-2.1-4.51-5.66-5-10.67l-.18-1.8,11.87-1.17,4.54-.45c-.78.45-4.46,2.34-4.44,4.58.01,1.76,1.71,3.1,3.34,3.54.89.23,1.88.18,2.7-.23.93-.48,1.53-1.3,2.13-2.12.06-.08.12-.17.18-.24.54-.75,1.05-1.53,1.5-2.34.75-1.34,1.25-2.25,1.94-3.65,0-.03.1-.26.13-.27.04,0,.17.22.19.24,1.29,1.67,2.07,2.84,3.42,4.41.81.95,1.7,1.84,2.61,2.7.1.09.21.19.31.28,1,.91,2.03,1.86,3.38,2.24,1.2.33,2.52.14,3.63-.4,2.04-1,3.73-3.2,3.48-5.55-.3-3.06-5.3-4.32-7.07-4.89l2.08-.21,11.87-1.17.18,1.8c.49,5.01-.45,8.83-2.83,11.44h-.03Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-pen-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpolygon points='1.5 46.5 5.85 30 34.77 1.5 46.5 13.05 17.27 41.84 1.5 46.5'/%3E%3Cline x1='17.27' y1='41.84' x2='5.85' y2='30'/%3E%3Cpolyline points='29.03 7.15 40.76 18.71 29.03 7.15'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-plus-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cline x1='24' y1='1.5' x2='24' y2='46.5'/%3E%3Cline x1='1.5' y1='24' x2='46.5' y2='24'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-private-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg stroke='%23000000' stroke-width='3' fill='none'%3E%3Cline x1='1.5' y1='46.5' x2='46.5' y2='1.5' stroke-linecap='round'/%3E%3Cpath d='M22.18,8.14c9.08-.56,17.77,3.59,22.75,11.19,2.45,3.74,1.87,5.22-.63,8.66-10.22,14.09-31.6,13.7-41.2-.83-2.48-3.75-1.93-5.25.59-8.72,4.26-5.85,11.18-9.84,18.48-10.29Z'/%3E%3Cpath d='M22.94,14.5c7.17-.73,12.25,6.72,8.68,13.05-3.34,5.9-11.98,5.86-15.26-.06-2.98-5.37.44-12.36,6.58-12.98Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-public-eye {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 33.22'%3E%3Cg stroke='%23000000' stroke-width='3' fill='none'%3E%3Cpath d='M22.18,1.55c9.08-.56,17.77,3.59,22.75,11.19,2.45,3.74,1.87,5.22-.63,8.66-10.22,14.09-31.6,13.7-41.2-.83-2.48-3.75-1.93-5.25.59-8.72C7.95,5.99,14.88,2,22.18,1.55Z'/%3E%3Cpath d='M22.94,7.91c7.17-.73,12.25,6.72,8.68,13.05-3.34,5.9-11.98,5.86-15.26-.06-2.98-5.37.44-12.36,6.58-12.98Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-search-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.77 48.58'%3E%3Cg stroke='%23000000' stroke-width='3' fill='none'%3E%3Cpath d='M32.11,42.15c-11.48,5.07-24.88-.52-29.22-11.68C-1.27,19.77,4.23,7.34,14.86,3.03c9.81-3.98,21.1.14,26.34,8.61,5.8,9.37,1.43,19.62,1,20.58'/%3E%3Cpath d='M39.2,44.31c-.17-.08-.35-.15-.52-.23-1.01-.44-2.05-.89-2.76-1.76-.65-.77-.93-1.81-.89-2.8.07-1.83,1.1-3.95,2.97-4.39,1.04-.24,2.18.28,3.19,1.01,1.67,1.2,2.86,2.97,3.51,4.92l1.8,5.44c-1.79-.43-2.96-.73-4.62-1.22-.9-.27-1.8-.59-2.67-.97h-.01Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-see-more-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpath d='M30.29,7.02H8.54c-1.39,0-2.73.55-3.71,1.52l-1.79,1.77c-.98.97-1.54,2.3-1.54,3.67v24.34c0,1.38.55,2.7,1.54,3.67l3.01,2.98c.99.98,2.33,1.52,3.72,1.52l22.02-.04c1.39,0,2.72-.55,3.7-1.52l3.41-3.38c.98-.97,1.54-2.3,1.54-3.67v-20.76'/%3E%3Cline x1='20.27' y1='26.76' x2='46.5' y2='1.5'/%3E%3Cpolyline points='33.15 1.5 46.5 1.5 46.5 14.24'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-share-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.98 48'%3E%3Cg stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpath d='M24.84,1.5c.25.15.47.26.69.47,2.27,2.17,4.29,4.9,6.55,7.11.61.54-.07,2.04-.75,2.04h-2.45v18.37l-1.1-2.63c-1.86-4.05-4.47-7.62-7.75-10.63v-5.11h-2.36c-.69,0-1.36-1.49-.75-2.04,2.26-2.21,4.28-4.94,6.55-7.11.22-.21.44-.32.69-.47h.69Z'/%3E%3Cpath d='M47.48,17.07v.6l-4.63,8.56c-.39.8-1.26,1.2-2.03.63-.7-.52-.68-1.72-1.09-2.43-.05-.09-.06-.16-.19-.14-.1.01-1.41,1-1.6,1.15-1.42,1.16-2.65,2.62-3.73,4.09-.62.84-1.15,1.74-1.77,2.57v-13.52c1.32-1.19,2.87-2.12,4.43-2.96.08-.12-.83-2.34-.82-2.79,0-.89.95-1.51,1.78-1.18,2.76,1.53,5.82,2.79,8.54,4.35.5.29.91.49,1.12,1.08Z'/%3E%3Cpath d='M11.28,11.6c.94-.2,1.75.49,1.62,1.44-.05.4-.86,2.46-.79,2.58,8.9,4.55,13.78,13.7,15.25,23.32.26,1.69.69,4.62.53,6.26-.07.74-.5,1.18-1.25,1.24-2.01.19-4.32-.15-6.37,0-1.62-.23-1.16-1.98-1.25-3.13-.57-7.2-3.29-14.95-9.59-19.01-.12-.04-.14.06-.19.14-.48.81-.39,2.33-1.5,2.63-.83.22-1.23-.18-1.63-.83-1.66-2.62-2.93-5.74-4.56-8.41-.2-.55.01-1.19.51-1.51l9.2-4.72Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-tiktok-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.95 48'%3E%3Cpath stroke='%23000000' stroke-width='3' fill='none' d='M23.92,31.74c0,2.14-.77,4.27-2.31,5.75-1.45,1.4-3.4,2.23-5.47,2.2-4.11-.06-7.65-3.5-7.65-7.68,0-4.3,3.72-7.92,8.21-7.74,0-2.25-.02-4.5-.03-6.75-8.38-.2-15.24,6.61-15.18,14.64.06,7.95,6.89,14.29,14.6,14.34,6.26.04,11.94-4.09,14.06-10.11.42-1.2.62-2.47.62-3.74,0-4.37.02-8.74.02-13.11,4.62,2.65,10.64,2.35,10.64,2.35v-9.92c-11.65.75-10.65-10.47-10.65-10.47h-6.84l-.05,30.24Z'/%3E%3C/svg%3E");
}

.svgIcon-trash-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg stroke='%23000000' stroke-width='3' fill='none'%3E%3Cline x1='1.5' y1='10.45' x2='46.5' y2='10.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='18.28' y1='21.06' x2='19.73' y2='39.23' stroke-linecap='round'/%3E%3Cline x1='28.27' y1='39.23' x2='29.72' y2='21.06' stroke-linecap='round'/%3E%3Cpath d='M15.6,8.94c.19-4.02,3.78-7.23,8.07-7.43,4.61-.22,8.78,3.1,8.99,7.43' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpolyline points='8.13 15.63 12.37 46.5 34.97 46.5 39.91 15.64' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}

.svgIcon-user-outline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.22 48'%3E%3Cg stroke='%23000000' stroke-width='3' fill='none'%3E%3Ccircle cx='24.11' cy='11.72' r='10.22'/%3E%3Cpath d='M1.61,46.5c15-.02,30-.03,45-.05-.83-11.75-10.73-20.98-22.49-20.98-11.79,0-21.7,9.25-22.51,21.03Z'/%3E%3C/g%3E%3C/svg%3E");
}

/* COLOR VARIATIONS - To use custom hex colors */

/* Example: Red color (#ff0000 = %23ff0000) */
.svgIcon-archive-outline.red { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.18 48'%3E%3Cg stroke='%23ff0000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Crect x='6.4' y='13.08' width='39.38' height='33.42'/%3E%3Cpolygon points='5.39 13.08 1.5 13.08 1.5 1.5 50.68 1.5 50.68 13.08 5.39 13.08'/%3E%3Cline x1='17.58' y1='24.48' x2='34.6' y2='24.48'/%3E%3C/g%3E%3C/svg%3E"); }

.svgIcon-cross-outline.red { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg stroke='%23ff0000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cline x1='46.5' y1='1.5' x2='1.5' y2='46.5'/%3E%3Cline x1='1.5' y1='1.5' x2='46.5' y2='46.5'/%3E%3C/g%3E%3C/svg%3E"); }

.svgIcon-heart-outline.red { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 49.21'%3E%3Cpath stroke='%23ff0000' stroke-width='3' fill='none' d='M45.36,13.77c.7-.96,1.14-2.04,1.14-3.24,0-3.86-2.94-7.14-6.24-8.44-1.79-.71-3.88-.81-5.67-.07-2.02.83-3.47,2.52-4.88,4.16-.14.17-.29.34-.43.51-1.29,1.53-2.56,3.08-3.63,4.78-1.86,2.95-2.91,4.75-4.64,7.65-.03.04-.19.33-.26.43-1.4-2.35-2.32-3.8-3.74-5.93-.77-1.16-1.61-2.27-2.5-3.32-.18-.21-.36-.42-.54-.63-1.05-1.22-2.12-2.47-3.62-3.09-1.33-.55-2.88-.47-4.21.05-2.45.97-4.87,3.41-4.63,6.26.05.58.42,1.44.71,1.96l.77,1.23,17.9,30.43L45.28,13.88s.01-.01.02-.02l.07-.09Z'/%3E%3C/svg%3E"); }

/* Example: Blue color (#0066cc = %230066cc) */
.svgIcon-archive-outline.blue { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.18 48'%3E%3Cg stroke='%230066cc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Crect x='6.4' y='13.08' width='39.38' height='33.42'/%3E%3Cpolygon points='5.39 13.08 1.5 13.08 1.5 1.5 50.68 1.5 50.68 13.08 5.39 13.08'/%3E%3Cline x1='17.58' y1='24.48' x2='34.6' y2='24.48'/%3E%3C/g%3E%3C/svg%3E"); }

.svgIcon-search-outline.blue { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.77 48.58'%3E%3Cg stroke='%230066cc' stroke-width='3' fill='none'%3E%3Cpath d='M32.11,42.15c-11.48,5.07-24.88-.52-29.22-11.68C-1.27,19.77,4.23,7.34,14.86,3.03c9.81-3.98,21.1.14,26.34,8.61,5.8,9.37,1.43,19.62,1,20.58'/%3E%3Cpath d='M39.2,44.31c-.17-.08-.35-.15-.52-.23-1.01-.44-2.05-.89-2.76-1.76-.65-.77-.93-1.81-.89-2.8.07-1.83,1.1-3.95,2.97-4.39,1.04-.24,2.18.28,3.19,1.01,1.67,1.2,2.86,2.97,3.51,4.92l1.8,5.44c-1.79-.43-2.96-.73-4.62-1.22-.9-.27-1.8-.59-2.67-.97h-.01Z'/%3E%3C/g%3E%3C/svg%3E"); }