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
59 lines
1.8 KiB
TypeScript
59 lines
1.8 KiB
TypeScript
import type { NucleoIconProps } from '../../icon'
|
|
import { colorVariants } from '../colorVariants'
|
|
|
|
function UserPolice2(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)"
|
|
>
|
|
<path
|
|
d="m4,22.429l3.549-1.014c.859-.245,1.451-1.03,1.451-1.923v-1.239"
|
|
fill="none"
|
|
stroke={fill}
|
|
strokeWidth={strokewidth}
|
|
/>
|
|
<path
|
|
d="m20,22.429l-3.549-1.014c-.859-.245-1.451-1.03-1.451-1.923v-1.239"
|
|
fill="none"
|
|
stroke={fill}
|
|
strokeWidth={strokewidth}
|
|
/>
|
|
<path
|
|
d="m18.473,8.408c.091.509.124,1.038.09,1.578l-.189,3.025c-.21,3.366-3.002,5.988-6.374,5.988h0c-3.373,0-6.164-2.622-6.374-5.988l-.189-3.025c-.034-.541-.001-1.069.09-1.579"
|
|
fill="none"
|
|
stroke={fill}
|
|
strokeWidth={strokewidth}
|
|
/>
|
|
<path
|
|
d="m12,12c-6.406,0-6.576-4-6.576-4h13.153s-.17,4-6.576,4Z"
|
|
fill="none"
|
|
stroke={fill}
|
|
strokeWidth={strokewidth}
|
|
/>
|
|
<path
|
|
d="m18.576,8l1.495-3.109c.238-.494.039-1.098-.456-1.334-2.349-1.12-4.885-1.893-7.616-2.307-2.73.414-5.267,1.187-7.616,2.307-.495.236-.693.84-.456,1.334l1.495,3.109"
|
|
fill="none"
|
|
stroke={fill}
|
|
strokeWidth={strokewidth}
|
|
/>
|
|
<circle cx="12" cy="4.75" fill={fill} r="1.5" strokeWidth="0" />
|
|
</g>
|
|
</svg>
|
|
)
|
|
}
|
|
|
|
export default UserPolice2
|