Home Reference Source

src/assets/iconsSvgr/PaperColorIconSvgr.js

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

/**
 * SVGR component representing the "paper color" symbol.
 * @param {Object} props - Properties
 * @param {Object} props.fillColor Fill color of the paper
 * @returns {Object} Paper color symbol
 */
export default function PaperColorIconSvgr(props) {
    const fillColor = props.fillColor;

    // Initialize the color of the paper.
    let color = '#FFFFFF';
    if (fillColor !== undefined) {
        color = fillColor;
    }

    return (
        <Svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 100 100.33"
            {...props}>
            <Path
                style={{
                    fill: color,
                    stroke: '#000',
                    strokeLinecap: 'round',
                    strokeLinejoin: 'round',
                    strokeWidth: '6px',
                }}
                d="M80.53 23.2v73.32H10.62v-93h50.23L80.53 23.2z"
            />
            <Path
                style={{
                    fill: '#fff',
                    stroke: '#000',
                    strokeLinecap: 'square',
                    strokeLinejoin: 'round',
                    strokeWidth: '6px',
                }}
                d="M60.85 23.23V3.54l19.68 19.69H60.85z"
            />
            <Path
                d="M58.62 78.32c-3.36 3.83-20.88 7.2-20.88 7.2s6.91-6.39 10.02-16.7c1.45-4.83 8.5-4.81 11.5-2.19 3 2.63 2.72 7.86-.63 11.69Z"
                style={{
                    fill: '#9d9d9c',
                    fillRule: 'evenodd',
                }}
            />
            <Path
                d="M59.62 76.98c-1.99 4.99-21.89 8.54-21.89 8.54s6.22-5.83 9.34-14.66c1.82-.85 3.09-.4 3.46 1.03.65 2.82.76 4.59 5.15 3.63 2.61-.57 3.33-.51 3.95 1.46Z"
                style={{
                    fill: '#68e1fb',
                    fillRule: 'evenodd',
                }}
            />
            <Path
                d="M92.38 24.23c1.78-.12 5.25 2.82 5.37 4.55.55 7.81-32.01 35.69-32.01 35.69l-5.36-4.55s23.97-35.15 32.01-35.69Z"
                style={{
                    fill: '#666',
                }}
            />
            <Path
                style={{
                    fill: '#ccc',
                }}
                d="m55.67 65.16 5.37 4.54 4.7-5.24-5.36-4.54-4.71 5.24z"
            />
            <Path
                style={{
                    fill: 'none',
                }}
                d="M0 .33h100v100H0z"
            />
        </Svg>
    );
}