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
62 lines
1.4 KiB
TypeScript
62 lines
1.4 KiB
TypeScript
import type { NucleoIconProps } from '../../icon'
|
|
import { getNucleoIconProps } from '../utils'
|
|
|
|
function Chips3(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)"
|
|
>
|
|
<polyline
|
|
fill="none"
|
|
points="4,9 4,3 8,3 "
|
|
stroke={fill}
|
|
strokeWidth={strokewidth}
|
|
/>
|
|
<polyline
|
|
fill="none"
|
|
points="16,9 16,2 20,2 20,9 "
|
|
stroke={fill}
|
|
strokeWidth={strokewidth}
|
|
/>
|
|
<polyline
|
|
fill="none"
|
|
points="8,9 8,1 12,1 12,9 "
|
|
stroke={fill}
|
|
strokeWidth={strokewidth}
|
|
/>
|
|
<line
|
|
fill="none"
|
|
stroke={fill}
|
|
strokeWidth={strokewidth}
|
|
x1="12"
|
|
x2="16"
|
|
y1="5"
|
|
y2="5"
|
|
/>
|
|
<polygon
|
|
fill="none"
|
|
points="19,23 5,23 2,9 22,9 "
|
|
stroke={fill}
|
|
strokeWidth={strokewidth}
|
|
/>
|
|
<circle
|
|
cx="12"
|
|
cy="16"
|
|
fill="none"
|
|
r="3"
|
|
stroke={fill}
|
|
strokeWidth={strokewidth}
|
|
/>
|
|
</g>
|
|
</svg>
|
|
)
|
|
}
|
|
|
|
export default Chips3
|