Files
web/packages/design-system/lib/components/Icons/Nucleo/Benefits/bouquet.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

51 lines
1.4 KiB
TypeScript

import type { NucleoIconProps } from '../../icon'
import { getNucleoIconProps } from '../utils'
function Bouquet(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)"
>
<path
d="M20.45,11.5a1.707,1.707,0,0,0-2.415,0,1.706,1.706,0,0,1-2.414,0,1.706,1.706,0,0,0-2.414,0,1.706,1.706,0,0,1-2.414,0,1.706,1.706,0,0,0-2.414,0,1.706,1.706,0,0,1-2.414,0,1.707,1.707,0,0,0-2.415,0L10,19h4Z"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M11.378,2.877A6.631,6.631,0,0,1,16,1V4A4,4,0,0,1,8,4V1a4,4,0,0,1,4,4"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M6,8a2.528,2.528,0,0,1,.5-5H8"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M18,8a2.528,2.528,0,0,0-.5-5H16"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<polyline
fill="none"
points="10 19 9 23 15 23 14 19"
stroke={fill}
strokeWidth={strokewidth}
/>
</g>
</svg>
)
}
export default Bouquet