Home Reference Source

src/assets/iconsSvgr/TrashIconSvgr.js

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

/**
 * SVGR component depicting a trash can symbol.
 * @param {Object} props - Properties
 * @returns {Object} Trash can symbol
 */
const TrashIconSvgr = props => (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100.42" {...props}>
        <Path
            style={{
                fill: 'none',
            }}
            d="M0 0h100v100H0z"
        />
        <Path
            style={{
                fill: '#000',
                stroke: '#000',
                strokeLinecap: 'round',
                strokeLinejoin: 'round',
                strokeWidth: '3.08px',
            }}
            d="M76.91 98.88h-52.1l-4.22-64.75h60.55l-4.23 64.75z"
        />
        <Path
            style={{
                fill: 'none',
                stroke: '#fff',
                strokeLinecap: 'round',
                strokeLinejoin: 'round',
                strokeWidth: '4.93px',
            }}
            d="M50.86 47.85v42.04M35.11 47.85l1.51 42.04M66.61 47.85l-1.5 42.04"
        />
        <Path
            transform="rotate(-15.94 45.83 17.267)"
            style={{
                fill: '#000',
                stroke: '#000',
                strokeLinecap: 'round',
                strokeLinejoin: 'round',
                strokeWidth: '2.75px',
            }}
            d="M11.98 13.79h67.66v6.96H11.98z"
        />
        <Path
            transform="rotate(-15.94 44.063 11.158)"
            style={{
                fill: 'none',
                stroke: '#000',
                strokeLinecap: 'round',
                strokeLinejoin: 'round',
                strokeWidth: '4.58px',
            }}
            d="M35.07 6.32h17.99v9.66H35.07z"
        />
    </Svg>
);

export default TrashIconSvgr;