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;