Files
web/components/Maps/Markers/Marski.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

142 lines
5.6 KiB
TypeScript

export default function MarskiMarker({
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_17400)">
<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.3733C41.4242 84.6282 43.2607 84.6105 44.0305 83.3406L51.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="#122937"
/>
<path
d="M20.101 42.8954H20.0869L19.3878 39.895H17.2422V44.9953H18.6679V41.724H18.682L19.5321 44.9953H20.6563L21.5059 41.724H21.52V44.9953H22.9457V39.895H20.8001L20.101 42.8954Z"
fill="white"
/>
<path
d="M30.6587 39.895H29.1853L27.3828 44.9946H28.8978L29.1174 44.2662H30.6734L30.8789 44.9946H32.4416L30.6587 39.895ZM29.4459 43.1739L29.9186 41.6023H29.9321L30.3706 43.1739H29.4452H29.4459Z"
fill="white"
/>
<path
d="M41.4558 43.9017C41.4007 43.2663 41.1475 42.7947 40.7359 42.6303C41.2362 42.4378 41.4692 41.8802 41.4692 41.3518C41.4692 40.3876 40.7285 39.895 39.8722 39.895H37V44.9946H38.5083V43.2159H39.3101C39.9065 43.2159 39.9475 43.7232 39.9884 44.2089C40.0092 44.4733 40.0362 44.7372 40.112 44.9946H41.6203C41.4833 44.7588 41.4765 44.1515 41.4558 43.9017ZM39.2961 42.123H38.5077V41.109H39.2135C39.7891 41.109 39.9609 41.2945 39.9609 41.6163C39.9609 42.0733 39.5768 42.1236 39.2961 42.1236V42.123Z"
fill="white"
/>
<path
d="M49.1044 41.8883C48.412 41.6882 47.7129 41.6098 47.6854 41.2453C47.6854 40.9598 48.0212 40.9024 48.2267 40.9024C48.3778 40.9024 48.549 40.9381 48.6726 41.0312C48.7961 41.1172 48.8781 41.2453 48.8506 41.4384H50.2763C50.2353 40.1957 49.2958 39.7744 48.2334 39.7744C47.2255 39.7744 46.2591 40.2817 46.2591 41.4601C46.2591 42.4887 47.1435 42.7098 47.9178 42.9386C48.7613 43.1884 48.9735 43.2598 48.9735 43.5243C48.9735 43.9029 48.5967 43.9889 48.3496 43.9889C48.0689 43.9889 47.7398 43.9245 47.6297 43.6173C47.5955 43.5243 47.5747 43.4102 47.5747 43.2815H46.0664C46.0805 44.9098 47.6634 45.1169 48.2187 45.1169C49.3087 45.1169 50.4806 44.6886 50.4806 43.3599C50.4806 42.4243 49.7955 42.0885 49.1032 41.889L49.1044 41.8883Z"
fill="white"
/>
<path
d="M59.8402 39.895H57.9827L56.6389 41.6526H56.6255V39.895H55.1172V44.9953H56.6255V43.4881L57.0432 43.0095L58.25 44.9953H60.1277L58.0647 41.8884L59.8402 39.895Z"
fill="white"
/>
<path
d="M66.1841 39.895H64.6758V44.9946H66.1841V39.895Z"
fill="white"
/>
</g>
<g filter="url(#filter1_d_342_17400)">
<rect x="36" y="89" width="12" height="12" rx="6" fill="white" />
<circle cx="42" cy="95" r="4" fill="#122937" />
</g>
<defs>
<filter
id="filter0_d_342_17400"
x="0"
y="0"
width="84"
height="95.3039"
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_17400"
/>
<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_17400"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_342_17400"
result="shape"
/>
</filter>
<filter
id="filter1_d_342_17400"
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_17400"
/>
<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_17400"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_342_17400"
result="shape"
/>
</filter>
</defs>
</svg>
)
}