orchidmap-front/src/components/panels/Icon.tsx
2020-01-08 12:51:19 +07:00

13 lines
428 B
TypeScript

import React from 'react';
export const Icon = ({ icon, size = 32 }: { icon: string, size?: number }) => (
<svg width={size} height={size} viewBox="0 0 32 32">
<defs>
<mask id={`icon-mask-${icon}`}>
<use xlinkHref={`${require('$sprites/icon.svg')}#${icon}`} x={0} y={0} />
</mask>
</defs>
<rect x="0" y="0" width="32" height="32" stroke="none" mask={`url(#icon-mask-${icon})`} />
</svg>
);