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

97 lines
4.2 KiB
TypeScript

export default function MarskiSmallMarker({
className,
...props
}: React.SVGAttributes<HTMLOrSVGElement>) {
return (
<svg
className={className}
width="74"
height="84"
viewBox="0 0 74 84"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g filter="url(#filter0_d_342_17504)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M44.6566 61.8543C55.2791 58.5858 63 48.6945 63 37C63 22.6406 51.3594 11 37 11C22.6406 11 11 22.6406 11 37C11 48.8202 18.8877 58.7981 29.6867 61.9573L35.5739 71.2608C36.368 72.5157 38.2044 72.498 38.9742 71.2281L44.6566 61.8543Z"
fill="white"
/>
<path
d="M15 37C15 24.8497 24.8497 15 37 15C49.1503 15 59 24.8497 59 37C59 49.1503 49.1503 59 37 59C24.8497 59 15 49.1503 15 37Z"
fill="#122937"
/>
<path
d="M20.3602 37.6805H20.3495L19.8182 35.4001H18.1875V39.2764H19.271V36.7902H19.2817L19.9279 39.2764H20.7822L21.4279 36.7902H21.4386V39.2764H22.5221V35.4001H20.8915L20.3602 37.6805Z"
fill="white"
/>
<path
d="M28.3803 35.4001H27.2605L25.8906 39.2759H27.042L27.2089 38.7223H28.3915L28.5477 39.2759H29.7353L28.3803 35.4001ZM27.4585 37.8921L27.8179 36.6977H27.8281L28.1614 37.8921H27.4581H27.4585Z"
fill="white"
/>
<path
d="M36.5856 38.4452C36.5438 37.9624 36.3513 37.6039 36.0385 37.479C36.4187 37.3327 36.5958 36.9089 36.5958 36.5074C36.5958 35.7745 36.0329 35.4001 35.3821 35.4001H33.1992V39.2759H34.3455V37.9241H34.9549C35.4081 37.9241 35.4393 38.3096 35.4704 38.6787C35.4862 38.8797 35.5067 39.0802 35.5643 39.2759H36.7106C36.6065 39.0967 36.6014 38.6351 36.5856 38.4452ZM34.9442 37.0934H34.3451V36.3228H34.8815C35.3189 36.3228 35.4495 36.4638 35.4495 36.7084C35.4495 37.0557 35.1576 37.0939 34.9442 37.0939V37.0934Z"
fill="white"
/>
<path
d="M42.3987 36.9152C41.8725 36.7631 41.3412 36.7035 41.3203 36.4265C41.3203 36.2095 41.5755 36.1659 41.7317 36.1659C41.8465 36.1659 41.9766 36.193 42.0705 36.2637C42.1644 36.3291 42.2267 36.4265 42.2058 36.5732H43.2894C43.2582 35.6287 42.5442 35.3086 41.7368 35.3086C40.9707 35.3086 40.2363 35.6941 40.2363 36.5897C40.2363 37.3714 40.9084 37.5395 41.4969 37.7134C42.1379 37.9033 42.2992 37.9575 42.2992 38.1585C42.2992 38.4462 42.0129 38.5116 41.8251 38.5116C41.6117 38.5116 41.3617 38.4627 41.278 38.2292C41.2519 38.1585 41.2361 38.0718 41.2361 37.974H40.0898C40.1005 39.2115 41.3035 39.3689 41.7256 39.3689C42.554 39.3689 43.4446 39.0434 43.4446 38.0335C43.4446 37.3225 42.924 37.0673 42.3978 36.9157L42.3987 36.9152Z"
fill="white"
/>
<path
d="M50.5583 35.4001H49.1465L48.1253 36.736H48.115V35.4001H46.9688V39.2764H48.115V38.1309L48.4325 37.7672L49.3497 39.2764H50.7767L49.2088 36.9152L50.5583 35.4001Z"
fill="white"
/>
<path
d="M55.3807 35.4001H54.2344V39.2759H55.3807V35.4001Z"
fill="white"
/>
</g>
<defs>
<filter
id="filter0_d_342_17504"
x="0"
y="0"
width="74"
height="83.1913"
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_17504"
/>
<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_17504"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_342_17504"
result="shape"
/>
</filter>
</defs>
</svg>
)
}