Files
web/components/Maps/Markers/ScandicGo.tsx
Erik Tiekstra bcfa84324f Merged in feat/SW-1456-country-dynamic-map (pull request #1310)
feat(SW-1456): Added map and fetching hotels by country

* feat(SW-1456): Added map and fetching hotels by country


Approved-by: Fredrik Thorsson
Approved-by: Matilda Landström
2025-02-12 09:15:33 +00:00

124 lines
6.1 KiB
TypeScript

export default function ScandicGoMarker({
className,
...props
}: React.SVGAttributes<HTMLOrSVGElement>) {
return (
<svg
className={className}
width="84"
height="104"
viewBox="0 0 84 104"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g filter="url(#filter0_d_342_17402)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M51.1266 71.6347C63.7931 67.7384 73 55.9444 73 42C73 24.8792 59.1208 11 42 11C24.8792 11 11 24.8792 11 42C11 56.0928 20.4039 67.9892 33.279 71.7564L40.6302 83.3734C41.4242 84.6282 43.2607 84.6106 44.0305 83.3407L51.1266 71.6347Z"
fill="white"
/>
<path
d="M15 42C15 27.0883 27.0883 15 42 15C56.9117 15 69 27.0883 69 42C69 56.9117 56.9117 69 42 69C27.0883 69 15 56.9117 15 42Z"
fill="#21331F"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.9062 41.99C22.9062 36.2534 27.6397 31.7263 33.9909 31.7263C37.2849 31.7263 40.1024 33.2914 42.0042 35.4164L40.2524 36.8327C38.6993 35.0973 36.4851 33.9122 33.9909 33.9122C28.8754 33.9122 25.2061 37.4931 25.2061 41.99C25.2061 45.9976 28.5644 50.0877 33.8309 50.0877C35.9868 50.0877 37.6643 49.3143 38.8316 48.3044C39.954 47.3333 40.5546 46.1905 40.6954 45.3659C40.0044 45.4725 39.3358 45.514 38.7051 45.4976C37.1582 45.4574 35.7113 45.0627 34.7483 44.2863C34.2541 43.8879 33.8594 43.3629 33.7056 42.7197C33.5496 42.0678 33.6679 41.4049 33.9996 40.7895L33.9996 40.7894C34.543 39.7812 35.5483 39.2858 36.5696 39.1613C37.5732 39.039 38.6572 39.2556 39.6214 39.707C40.8259 40.2709 41.9507 41.2585 42.5614 42.5959C44.0494 42.0067 45.5871 41.0208 46.962 39.5131C47.0693 39.3856 47.1668 39.2768 47.2483 39.1859C47.269 39.1628 47.2887 39.1408 47.3072 39.12L49.0809 40.5112C48.9688 40.6436 48.8555 40.773 48.7411 40.8994C48.2526 41.4863 47.6327 42.431 47.6327 43.9714C47.6327 46.4703 49.7027 48.8781 52.9939 48.8781C55.7057 48.8781 58.0456 46.6218 58.0631 43.9175C58.0652 43.5835 58.0347 43.2642 57.9761 42.9604C56.4521 43.3565 55.0345 43.3638 53.8329 43.0876C52.5968 42.8034 51.5283 42.1981 50.9058 41.3355C50.2476 40.4235 50.1388 39.2642 50.8437 38.2319C51.4852 37.2922 52.5541 36.9223 53.5809 36.9038C54.601 36.8854 55.6891 37.1993 56.6658 37.7424C57.644 38.2862 58.5695 39.0946 59.2498 40.132C60.0329 39.7355 60.8548 39.1979 61.6965 38.4863L63.2249 40.1196C62.1948 40.9905 61.1593 41.6589 60.1462 42.1518C60.2895 42.7071 60.3668 43.301 60.3628 43.9308V43.9309C60.3381 47.7692 57.0408 51.064 52.9939 51.064C48.3521 51.064 45.3328 47.5996 45.3328 43.9714C45.3328 43.8754 45.3346 43.7809 45.338 43.6879C44.5768 44.136 43.8039 44.493 43.0375 44.7676C43.0393 44.9797 43.0292 45.1969 43.0063 45.4191C42.8544 46.8961 41.9069 48.5995 40.3797 49.9208C38.8232 51.2676 36.604 52.2736 33.8309 52.2736C27.144 52.2736 22.9062 47.057 22.9062 41.99ZM57.0399 40.9297C56.6058 40.3811 56.0697 39.9433 55.5045 39.6291C54.8137 39.245 54.1385 39.08 53.6245 39.0893C53.1174 39.0984 52.8816 39.2625 52.7729 39.4218L52.7728 39.4219C52.6209 39.6444 52.619 39.8451 52.8023 40.099C53.0212 40.4023 53.5286 40.7687 54.3736 40.963C55.0843 41.1263 55.9953 41.1536 57.0399 40.9297ZM40.3188 43.2095C39.9289 42.5181 39.3038 41.9949 38.6052 41.668C37.9674 41.3694 37.3375 41.2715 36.8621 41.3295C36.4044 41.3853 36.1657 41.565 36.0466 41.7859C35.923 42.0153 35.9291 42.1555 35.9482 42.2351C35.9693 42.3236 36.0367 42.4587 36.236 42.6194C36.6598 42.9611 37.525 43.2803 38.768 43.3126C39.251 43.3251 39.7723 43.2934 40.3188 43.2095Z"
fill="#F5FF73"
/>
</g>
<g filter="url(#filter1_d_342_17402)">
<rect x="36" y="89" width="12" height="12" rx="6" fill="white" />
<circle cx="42" cy="95" r="4" fill="#21331F" />
</g>
<defs>
<filter
id="filter0_d_342_17402"
x="0"
y="0"
width="84"
height="95.304"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="3"
operator="dilate"
in="SourceAlpha"
result="effect1_dropShadow_342_17402"
/>
<feOffset />
<feGaussianBlur stdDeviation="4" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_342_17402"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_342_17402"
result="shape"
/>
</filter>
<filter
id="filter1_d_342_17402"
x="33"
y="86"
width="18"
height="18"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="1"
operator="dilate"
in="SourceAlpha"
result="effect1_dropShadow_342_17402"
/>
<feOffset />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_342_17402"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_342_17402"
result="shape"
/>
</filter>
</defs>
</svg>
)
}