ce469bc4b4
* feat(BOOK-117): Added aria-label to Scandic Friends levels * feat(BOOK-117): Added aria-label to hotel logos * feat(BOOK-117): Added alt text to app download images * feat(BOOK-117): Added same logo component to footer as the one in the header * feat(BOOK-117): Added aria attributes to icons similar to how we handled MaterialIcon aria attributes Approved-by: Bianca Widstam Approved-by: Matilda Landström
32 lines
1.2 KiB
TypeScript
32 lines
1.2 KiB
TypeScript
import { iconVariants } from '../../variants'
|
|
|
|
import type { IconProps } from '../../icon'
|
|
import { getIconAriaProps } from '../../utils'
|
|
|
|
export default function RoadIcon({
|
|
className,
|
|
color,
|
|
size = 24,
|
|
...props
|
|
}: IconProps) {
|
|
const classNames = iconVariants({ className, color })
|
|
const ariaProps = getIconAriaProps(props)
|
|
return (
|
|
<svg
|
|
className={classNames}
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width={size}
|
|
height={size}
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
{...props}
|
|
{...ariaProps}
|
|
>
|
|
<path
|
|
d="M5 20C4.44772 20 4 19.5523 4 19V5C4 4.44772 4.44772 4 5 4C5.55228 4 6 4.44772 6 5V19C6 19.5523 5.55228 20 5 20ZM12 20C11.4477 20 11 19.5523 11 19V17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17V19C13 19.5523 12.5523 20 12 20ZM19 20C18.4477 20 18 19.5523 18 19V5C18 4.44772 18.4477 4 19 4C19.5523 4 20 4.44772 20 5V19C20 19.5523 19.5523 20 19 20ZM12 14C11.4477 14 11 13.5523 11 13V11C11 10.4477 11.4477 10 12 10C12.5523 10 13 10.4477 13 11V13C13 13.5523 12.5523 14 12 14ZM12 8C11.4477 8 11 7.55228 11 7V5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5V7C13 7.55228 12.5523 8 12 8Z"
|
|
fill="#26201E"
|
|
/>
|
|
</svg>
|
|
)
|
|
}
|