import React , { forwardRef , Ref , SVGAttributes } from 'react' ; export const Commercial = forwardRef ( ( props , ref ) => ( < svg viewBox = "0 0 32 32" ref = { ref } { ... props } > < g > < path d = "M31.2336 3.62662L28.096 0.676013C27.5345 0.149119 26.7679 -0.0879829 26.0013 0.0261773L18.1662 1.21169C17.6403 1.29072 17.159 1.52782 16.7846 1.89665L0.731132 17.7298C-0.240456 18.687 -0.240456 20.2325 0.731132 21.1897L10.9729 31.2797C11.9445 32.2369 13.5133 32.2369 14.4849 31.2797L30.4938 15.5081C30.9038 15.1041 31.1623 14.5684 31.2069 13.9976L31.9913 5.61125C32.0626 4.88238 31.7863 4.14473 31.2336 3.62662ZM12.9785 28.8912C12.8002 29.0668 12.5774 29.1458 12.3456 29.1458C12.1139 29.1458 11.891 29.058 11.7127 28.8912L2.77236 20.0745C2.42473 19.732 2.42473 19.1788 2.77236 18.8363C3.11999 18.4938 3.68155 18.4938 4.02918 18.8363L12.9785 27.653C13.3261 27.9867 13.3261 28.5487 12.9785 28.8912ZM22.4893 16.0964L19.7529 17.2293C19.637 17.2819 19.5389 17.3785 19.5122 17.5015L18.7367 20.3204C18.6476 20.6453 18.2286 20.7331 18.0058 20.4872L16.0626 18.2743C15.9735 18.1777 15.8487 18.125 15.7239 18.1338L12.7646 18.283C12.4258 18.3006 12.203 17.9406 12.3813 17.6508L13.9144 15.148C13.9857 15.0339 13.9946 14.9021 13.9501 14.788L12.8893 12.0569C12.7646 11.7408 13.0498 11.4246 13.3796 11.5037L16.2676 12.1711C16.3924 12.1974 16.5261 12.1711 16.6331 12.092L18.9417 10.2567C19.2091 10.0459 19.6013 10.2128 19.6281 10.5465L19.8776 13.4532C19.8866 13.5849 19.9579 13.6991 20.0648 13.7693L22.5517 15.3676C22.8459 15.5432 22.8013 15.9647 22.4893 16.0964ZM26.652 7.73639C26.2866 8.09643 25.7874 8.31597 25.2348 8.31597C24.1295 8.31597 23.2381 7.42903 23.2381 6.3489C23.2381 5.25999 24.1384 4.38183 25.2348 4.38183C26.34 4.38183 27.2314 5.26877 27.2314 6.3489C27.2403 6.88458 27.0175 7.37634 26.652 7.73639Z" fill = "black" / > < /g> < /svg>));