Fill color and more to SVG Image

svgFillCustom.js

import React from 'react'
import styled from "styled-components";


function SVGFillCustom({
                           children,
                           color = '#F2685B',
                           stroke = null,
                           padding = null,
                           maxWidth = "28px",
                           maxHeight = "28px",
                       }) {

    const StyledSVG = styled(children)`
        fill: ${props => props.color};
        stroke: ${props => props.stroke};
        padding: ${props => props.padding};
        width: 100%;
        height: 100%;
        max-width: ${props => props.maxWidth};
        max-height: ${props => props.maxHeight};
    `;

    return (
        <StyledSVG color={color} stroke={stroke} padding={padding} maxWidth={maxWidth} maxHeight={maxHeight}/>
    )
}

export default SVGFillCustom