Files
web/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx
Linus Flood 7fb95f436b Merged in feat/book-522-align (pull request #3101)
feat(BOOK-522): align items in topmenu, header and booking widget

* feat(BOOK-522): align items in topmenu, header and booking widget

* Delete old css variable and use new

* Fixed underline on icons


Approved-by: Erik Tiekstra
2025-11-07 11:06:56 +00:00

65 lines
4.0 KiB
TypeScript

import { cx } from 'class-variance-authority'
import type { LogoProps } from '../icon'
import styles from './logo.module.css'
export default function ScandicLogoIcon({
className = '',
height = 14,
width = 58,
...props
}: LogoProps) {
return (
<svg
className={cx(styles.scandicLogo, className)}
width={width}
height={height}
viewBox="0 0 132 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M38.418 27.388C36.559 27.847 34.7 28 32.841 28C26.1795 28 21.8418 24.94 21.8418 17.749C21.8418 10.864 26.3344 7.95703 32.686 7.95703C34.5451 7.95703 36.4041 8.11003 38.2631 8.41603V11.782C36.8688 11.629 35.7844 11.476 34.5451 11.476C29.4328 11.476 26.9541 13.006 26.9541 18.055C26.9541 22.798 29.2778 24.481 34.5451 24.481C35.9393 24.481 37.0237 24.328 38.2631 24.175V27.388H38.418Z"
fill="CurrentColor"
/>
<path
d="M107.047 27.54H112.004V8.262H107.047V27.54ZM107.047 4.437H112.004V0H107.047V4.437Z"
fill="CurrentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M103.02 27.081C102.091 27.234 98.6827 27.846 95.2745 27.846C88.9229 27.846 84.2754 24.939 84.2754 17.901C84.2754 11.169 88.4582 7.803 94.8098 7.803C95.7393 7.803 97.2885 7.956 98.0631 7.956V0H103.02C103.02 0.918 103.02 26.622 103.02 27.081ZM98.218 24.174V11.628C97.5983 11.628 96.5139 11.475 95.4295 11.475C90.9368 11.475 89.2328 13.617 89.2328 18.054C89.2328 22.032 90.7819 24.48 95.2745 24.48C96.2041 24.48 97.1336 24.327 98.218 24.174Z"
fill="CurrentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M81.0219 27.541H76.2194V14.842C76.2194 12.7 75.2899 11.476 72.1915 11.476C70.0227 11.476 67.6989 11.935 67.6989 11.935V27.541H62.8965V8.87503C63.2063 8.87503 69.403 7.95703 72.9661 7.95703C77.3038 7.95703 81.1768 8.72203 81.1768 14.536V27.541H81.0219Z"
fill="CurrentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M58.8709 27.5417C55.4627 27.8477 52.8291 28.0007 49.8856 28.0007C44.9283 28.0007 40.9004 27.2357 40.9004 21.7277C40.9004 16.3727 45.8578 16.0667 50.3504 15.9137C51.4348 15.9137 52.6741 15.9137 53.9135 15.9137C53.9135 12.5477 53.7586 11.3237 48.8012 11.3237C46.3225 11.3237 43.6889 11.7827 42.1397 12.0887V8.56969C43.9987 8.11069 46.9422 7.95769 49.111 7.80469C54.6881 7.80469 58.8709 8.41669 58.8709 14.2307V27.5417ZM53.9135 24.6347V19.1267C52.984 19.1267 51.2799 19.1267 50.6602 19.1267C47.7168 19.1267 45.8578 19.2797 45.8578 22.0337C45.8578 24.7877 48.1815 24.9407 50.5053 24.9407C51.8996 24.7877 52.6741 24.7877 53.9135 24.6347Z"
fill="CurrentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M131.68 27.388C129.821 27.847 127.962 28 126.103 28C119.441 28 115.104 24.94 115.104 17.749C115.104 10.864 119.596 7.95703 125.948 7.95703C127.807 7.95703 129.666 8.11003 131.525 8.41603V11.782C130.131 11.629 129.046 11.476 127.807 11.476C122.694 11.476 120.216 13.006 120.216 18.055C120.216 22.798 122.54 24.481 127.807 24.481C129.201 24.481 130.285 24.328 131.525 24.175V27.388H131.68Z"
fill="CurrentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M19.3647 19.8903C19.3647 25.5513 14.8721 27.9993 8.21064 27.9993C3.87294 27.9993 0.774588 27.2343 0.309835 27.0813V23.1033C1.85901 23.4093 5.11228 24.1743 7.9008 24.1743C10.6893 24.1743 14.2524 23.5623 14.2524 20.5023C14.2524 18.5133 12.7033 17.7483 9.91473 16.9833C8.83031 16.6773 7.74588 16.3713 6.66146 16.0653C2.94344 14.9943 0 13.4643 0 9.18027C0 3.06027 4.95737 1.53027 10.6893 1.53027C14.0975 1.53027 16.886 2.14227 17.3508 2.29527V5.96727C16.7311 5.81427 14.0975 5.20227 11.1541 5.20227C8.36555 5.20227 5.11228 5.50827 5.11228 8.56827C5.11228 10.8633 6.9713 11.4753 9.6049 12.0873C10.8442 12.5463 12.0836 12.6993 13.3229 13.1583C16.5762 14.0763 19.3647 15.6063 19.3647 19.8903Z"
fill="CurrentColor"
/>
</svg>
)
}