Files
web/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/conference-room.tsx
Erik Tiekstra ce469bc4b4 Feat/BOOK-117 svg accessibility
* 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
2025-11-13 06:34:18 +00:00

84 lines
2.0 KiB
TypeScript

import type { NucleoIconProps } from '../../icon'
import { getNucleoIconProps } from '../utils'
function ConferenceRoom(props: NucleoIconProps) {
const { fill, strokewidth, ...iconProps } = getNucleoIconProps(props)
return (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...iconProps}>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<rect
height="18"
width="10"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x="7"
y="3"
/>
<circle cx="2" cy="6" fill={fill} r="1" stroke="none" />
<circle cx="2" cy="12" fill={fill} r="1" stroke="none" />
<circle cx="2" cy="18" fill={fill} r="1" stroke="none" />
<circle cx="22" cy="6" fill={fill} r="1" stroke="none" />
<circle cx="22" cy="12" fill={fill} r="1" stroke="none" />
<circle cx="22" cy="18" fill={fill} r="1" stroke="none" />
<circle
cx="2"
cy="6"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
<circle
cx="2"
cy="12"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
<circle
cx="2"
cy="18"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
<circle
cx="22"
cy="6"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
<circle
cx="22"
cy="12"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
<circle
cx="22"
cy="18"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
</g>
</svg>
)
}
export default ConferenceRoom