src/assets/iconsSvgr/FontColorIconSvgr.js
import * as React from 'react';
import Svg, {Path} from 'react-native-svg';
/**
* SVGR component representing the "font color" symbol.
* @param {Object} props - Properties
* @param {Object} props.fillColor Fill color of the symbol/letter
* @returns {Object} Font color symbol
*/
export default function FontColorIconSvgr(props) {
const fillColor = props.fillColor;
// Initialize the color of the letter sign.
let color = '#7C777E';
if (fillColor !== undefined) {
color = fillColor;
}
return (
<Svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 100"
{...props}>
<Path
style={{
fill: 'none',
}}
d="M0 0h100v100H0z"
/>
<Path
d="M53.22 85.13c.38 10.34-1.92 13.02-12.13 14.3l-2.43.26c-9.96 1.28-12.51-1.15-12.26-11.24l1.53-56.69-11.75.77c-10.21.77-12.9-1.66-12.77-11.87l.13-8.56C3.68 1.88 6.1-.54 16.32.09l51.84 3.06c9.7.64 12 3.06 11.62 13.02-.26 9.7-2.55 12.13-12.26 12.77l-16.34 1.15 2.04 55.03Z"
style={{
fill: color,
stroke: '#333333',
strokeLinecap: 'round',
strokeLinejoin: 'round',
strokeWidth: 6,
}}
/>
<Path
d="M58.62 77.98c-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.65c-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 23.9c1.78-.12 5.25 2.82 5.37 4.55.55 7.81-32.01 35.69-32.01 35.69l-5.36-4.55S84.35 24.44 92.39 23.9Z"
style={{
fill: '#666',
}}
/>
<Path
style={{
fill: '#ccc',
}}
d="m55.67 64.82 5.37 4.55 4.7-5.24-5.36-4.55-4.71 5.24z"
/>
</Svg>
);
}