Home Reference Source

src/assets/iconsSvgr/EraserIconSvgr.js

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

/**
 * SVGR component depicting an eraser.
 * @param {Object} props - Properties
 * @returns {Object} Image of an eraser
 */
const EraserIconSvgr = props => (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100.33 100" {...props}>
        <Defs>
            <ClipPath id="d">
                <Path
                    d="M93.45 43.06 43.61 92.89H21.95L6.56 77.51a9.73 9.73 0 0 1 0-13.76L60.34 9.96a9.73 9.73 0 0 1 13.76 0L93.45 29.3a9.73 9.73 0 0 1 0 13.76Z"
                    style={{
                        fill: '#ffcbb3',
                    }}
                />
            </ClipPath>
        </Defs>
        <G id="b">
            <G id="c">
                <Path
                    style={{
                        fill: 'none',
                    }}
                    d="M0 0h100v100H0z"
                />
                <Path
                    style={{
                        fill: '#575756',
                        stroke: '#7c777e',
                        strokeLinecap: 'round',
                        strokeLinejoin: 'round',
                        strokeWidth: 7,
                    }}
                    d="M3.7 92.89h74.76"
                />
                <Path
                    d="M93.45 43.06 43.61 92.89H21.95L6.56 77.51a9.73 9.73 0 0 1 0-13.76L60.34 9.96a9.73 9.73 0 0 1 13.76 0L93.45 29.3a9.73 9.73 0 0 1 0 13.76Z"
                    style={{
                        fill: '#ffcbb3',
                    }}
                />
                <G
                    style={{
                        clipPath: 'url(#d)',
                    }}>
                    <Path
                        transform="rotate(45 66.201 36.741)"
                        style={{
                            fill: '#36a9e1',
                        }}
                        d="M42.49 12.22h47.45v49.05H42.49z"
                    />
                </G>
            </G>
        </G>
    </Svg>
);

export default EraserIconSvgr;