SvgIcon index.tsx

100% Statements 2/2

100% Branches 0/0

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18  
 
 
 
 
 
 
 
 
 
5x
46x
 
 
 
 
 
  import React, { FC } from 'react'
import svgSprite from '../../images/icons/svg-sprite.svg'
 
export type IconType = {
  name: string;
  width?: number;
  height?: number;
  fill?: string;
};
 
export const SvgIcon: FC<{ icon: IconType, classes?: string }> = ({ icon, classes }) => {
  return (
    <svg width={icon.width} height={icon.height} fill={icon.fill} role="presentation" className={classes}>
      <use xlinkHref={svgSprite + '#i-' + icon.name} />
    </svg>
  )
}