Home Reference Source

src/assets/iconsSvgr/RedCrossIconSvgr.js

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

/**
 * SVGR component representing a red cross symbol.
 * @param {Object} props - Properties
 * @returns {Object} Image of a red cross
 */
const RedCrossIconSvgr = props => (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" {...props}>
        <Path
            style={{
                fill: 'none',
                stroke: '#bd381a',
                strokeLinecap: 'round',
                strokeLinejoin: 'round',
                strokeWidth: 17,
            }}
            d="m25 25 50 50M75 25 25 75"
        />
        <Path
            style={{
                fill: 'none',
            }}
            d="M0 0h100v100H0z"
        />
    </Svg>
);

export default RedCrossIconSvgr;