Files
web/components/Maps/Markers/DowntownCamper.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
4.3 KiB
TypeScript

export default function DowntownCamperMarker({
className,
...props
}: React.SVGAttributes<HTMLOrSVGElement>) {
return (
<svg
className={className}
width="85"
height="104"
viewBox="0 0 85 104"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g filter="url(#filter0_d_342_17546)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M51.6266 71.6347C64.2931 67.7384 73.5 55.9444 73.5 42C73.5 24.8792 59.6208 11 42.5 11C25.3792 11 11.5 24.8792 11.5 42C11.5 56.0928 20.9039 67.9892 33.779 71.7564L41.1302 83.3734C41.9242 84.6282 43.7607 84.6106 44.5305 83.3407L51.6266 71.6347Z"
fill="white"
/>
<path
d="M15.5 42C15.5 27.0883 27.5883 15 42.5 15C57.4117 15 69.5 27.0883 69.5 42C69.5 56.9117 57.4117 69 42.5 69C27.5883 69 15.5 56.9117 15.5 42Z"
fill="#834722"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M32.2911 55.4289H42.605C42.615 55.4289 42.6262 55.4291 42.6361 55.4291C49.7871 55.4291 55.3233 51.2755 56.6904 44.9956H51.5568C50.4279 48.8944 47.0625 51.2876 42.6342 51.2876H37.0518V32.7123H42.6436C46.8966 32.7194 50.2196 35.0087 51.4506 38.728H56.6458C55.2074 32.6272 49.6958 28.5827 42.6519 28.5708H32.2911V55.4289ZM42.6378 56.9162H30.7969V27.0836H42.6531C50.782 27.0975 57.0669 32.0267 58.2941 39.3492L58.4391 40.2153H50.3177L50.1707 39.6617C49.2774 36.2986 46.3929 34.2058 42.6423 34.1995H38.546V49.8H42.6322C46.5402 49.8 49.4566 47.6136 50.2476 44.0897L50.3781 43.5082H58.4564L58.3257 44.3637C57.1773 51.8752 50.8747 56.9162 42.6378 56.9162Z"
fill="#FCFCFC"
/>
</g>
<g filter="url(#filter1_d_342_17546)">
<rect x="36.5" y="89" width="12" height="12" rx="6" fill="white" />
<circle cx="42.5" cy="95" r="4" fill="#834722" />
</g>
<defs>
<filter
id="filter0_d_342_17546"
x="0.5"
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_17546"
/>
<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_17546"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_342_17546"
result="shape"
/>
</filter>
<filter
id="filter1_d_342_17546"
x="33.5"
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_17546"
/>
<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_17546"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_342_17546"
result="shape"
/>
</filter>
</defs>
</svg>
)
}