Switches out all the old icons to new ones, and moves them to the design system. The new icons are of three different types: Materialise Symbol, Nucleo, and Customized. Also adds further mapping between facilities/amenities and icons. Approved-by: Michael Zetterberg Approved-by: Erik Tiekstra
93 lines
2.2 KiB
TypeScript
93 lines
2.2 KiB
TypeScript
import { colorVariants } from '../colorVariants'
|
|
|
|
import type { NucleoIconProps } from '../../icon'
|
|
|
|
function ConferenceRoom(props: NucleoIconProps) {
|
|
const fill = props.color ? colorVariants[props.color] : 'currentColor'
|
|
const strokewidth = props.strokewidth || 2
|
|
const width = props.size || '1em'
|
|
const height = props.size || '1em'
|
|
|
|
return (
|
|
<svg
|
|
height={height}
|
|
width={width}
|
|
viewBox="0 0 24 24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<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
|