Home Reference Source

src/assets/iconsSvgr/CloseIconSvgr.js

import * as React from 'react';
import Svg, {Circle, Path} from 'react-native-svg';

/**
 * SVGR component representing a round "close" icon.
 * @param {Object} props - Properties
 * @returns {Object} Round icon with "close" symbol
 */
const CloseIconSvgr = props => (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" {...props}>
        <Circle
            cx={60}
            cy={60}
            r={60}
            style={{
                fill: '#b24341',
            }}
        />
        <Path
            style={{
                fill: 'none',
                stroke: '#fbfcfb',
                strokeLinecap: 'round',
                strokeLinejoin: 'round',
                strokeWidth: 13,
            }}
            d="m35 35 50 50M85 35 35 85"
        />
    </Svg>
);

export default CloseIconSvgr;