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>
);
}