import React from 'react';

type ServicesIconProps = {
    color?: string
}

const ServicesIcon = ({color='#fff'}: ServicesIconProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="36.339" height="36.377" viewBox="0 0 36.339 36.377">
            <g id="product" transform="translate(-0.265)">
                <g id="Group_22412" data-name="Group 22412" transform="translate(18.598)">
                    <g id="Group_22411" data-name="Group 22411">
                        <rect id="Rectangle_4744" data-name="Rectangle 4744" width="2.133" height="4.052" fill={color}/>
                    </g>
                </g>
                <g id="Group_22414" data-name="Group 22414" transform="translate(22.442 0.698)">
                    <g id="Group_22413" data-name="Group 22413" transform="translate(0 0)">
                        <rect id="Rectangle_4745" data-name="Rectangle 4745" width="4.052" height="2.132" transform="translate(0 3.805) rotate(-69.88)" fill={color}/>
                    </g>
                </g>
                <g id="Group_22416" data-name="Group 22416" transform="translate(13.492 0.7)">
                    <g id="Group_22415" data-name="Group 22415" transform="translate(0)">
                        <rect id="Rectangle_4746" data-name="Rectangle 4746" width="2.132" height="4.052" transform="translate(0 0.733) rotate(-20.12)" fill={color}/>
                    </g>
                </g>
                <g id="Group_22418" data-name="Group 22418" transform="translate(21.446 9.241)">
                    <g id="Group_22417" data-name="Group 22417">
                        <path id="Path_19126" data-name="Path 19126" d="M306.384,130.064h-8l1.707,3.184h8Z" transform="translate(-298.381 -130.064)" fill={color}/>
                    </g>
                </g>
                <g id="Group_22420" data-name="Group 22420" transform="translate(8.172 9.241)">
                    <g id="Group_22419" data-name="Group 22419">
                        <path id="Path_19127" data-name="Path 19127" d="M113.267,130.064l-1.707,3.184h8l1.707-3.184Z" transform="translate(-111.56 -130.064)" fill={color}/>
                    </g>
                </g>
                <g id="Group_22422" data-name="Group 22422" transform="translate(9.522 10.43)">
                    <g id="Group_22421" data-name="Group 22421">
                        <path id="Path_19128" data-name="Path 19128" d="M142.9,150.929l-2.213-4.127-2.213,4.127h-7.93v4.979a9.287,9.287,0,0,1,4.448-.976,8,8,0,0,1,4.628,1.228,4.925,4.925,0,0,1,.693.573h4.3a3.317,3.317,0,0,1,2.777,1.506l3.435-2.366h0v-4.942Z" transform="translate(-130.549 -146.802)" fill={color}/>
                    </g>
                </g>
                <g id="Group_22424" data-name="Group 22424" transform="translate(8.974 18.284)">
                    <g id="Group_22423" data-name="Group 22423">
                        <path id="Path_19129" data-name="Path 19129" d="M148.978,257.357c-1.569.193-3.209,1.961-3.708,2.625l-.1.139-1.487,1.024-2.923,2.013a3.145,3.145,0,0,1-.068.367,3.323,3.323,0,0,1-3.223,2.528H130.3v-2.133h7.166a1.187,1.187,0,0,0,1.185-1.235,1.209,1.209,0,0,0-1.219-1.137h-5.377l-.274-.484c-.106-.14-1.085-1.317-3.938-1.317a9.663,9.663,0,0,0-1.567.12,5.594,5.594,0,0,0-2.713,1.274l-.168.143-.547.559,4.738,8.811h10.972l7.116-5.2,4.8-7.686A1.971,1.971,0,0,0,148.978,257.357Z" transform="translate(-122.845 -257.34)" fill={color}/>
                    </g>
                </g>
                <g id="Group_22426" data-name="Group 22426" transform="translate(0.265 21.271)">
                    <g id="Group_22425" data-name="Group 22425">
                        <path id="Path_19130" data-name="Path 19130" d="M5.736,299.386.265,302.243l6.4,12.249,5.621-2.934Z" transform="translate(-0.265 -299.386)" fill={color}/>
                    </g>
                </g>
            </g>
        </svg>

    );
}

export default ServicesIcon;