IconSprite

IconSprite.tsx

import React, { FC, HTMLAttributes } from "react";

interface Props extends HTMLAttributes<SVGSVGElement> {
    name: string;
    width?: number | string;
    height?: number | string;
}

export const IconSprite: FC<Props> = ({
    name,
    width = 50,
    height = 50,
    ...props
}) => (
    <svg
        width={width}
        height={height}
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <use xlinkHref={`#icon-${name}`} />
    </svg>
);

export default IconSprite;