Home Reference Source

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