Home Reference Source

src/assets/iconsSvgr/ToStartIconSvgr.js

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

/**
 * SVGR component representing the "back to start" round icon.
 * @param {Object} props - Properties
 * @returns {Object} Round "back to start" icon
 */
const ToStartIconSvgr = props => (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" {...props}>
        <Circle
            cx={60}
            cy={60}
            r={60}
            style={{
                fill: '#f3b353',
            }}
        />
        <Path
            d="m65.36 63.56 26.82 20.93c2.6 2.03 6.41.18 6.41-3.13V39.51c0-3.3-3.8-5.16-6.41-3.13L65.36 57.31a3.967 3.967 0 0 0 0 6.26Z"
            style={{
                fill: '#fbfcfb',
            }}
        />
        <Rect
            x={0.65}
            y={55.43}
            width={50.4}
            height={8.89}
            rx={2.93}
            ry={2.93}
            transform="rotate(90 25.85 59.87)"
            style={{
                fill: '#fbfcfb',
            }}
        />
        <Path
            d="M31.28 63.56 58.1 84.49c2.6 2.03 6.41.18 6.41-3.13V39.51c0-3.3-3.8-5.16-6.41-3.13L31.28 57.31a3.967 3.967 0 0 0 0 6.26Z"
            style={{
                fill: '#fbfcfb',
            }}
        />
    </Svg>
);

export default ToStartIconSvgr;