Home Reference Source

src/assets/iconsSvgr/NextIconSvgr.js

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

/**
 * SVGR component representing the "next" round icon
 * @param {Object} props - Properties
 * @returns {Object} Round "next" icon.
 */
const NextIconSvgr = 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="M23 69.3V52.21a4.46 4.46 0 0 1 4.45-4.46H55V38a5 5 0 0 1 7.5-4.3l39.55 23a5 5 0 0 1 0 8.67l-39.55 23A5 5 0 0 1 55 84V73.75H27.42A4.45 4.45 0 0 1 23 69.3Z"
            style={{
                fill: '#fbfcfb',
            }}
        />
    </Svg>
);

export default NextIconSvgr;