import React , { forwardRef , Ref , SVGAttributes } from 'react' ; export const ArtsAndDesign = forwardRef ( ( props , ref ) => ( < svg viewBox = "0 0 32 32" ref = { ref } { ... props } > < g id = "arts_and_design_32" > < g > < path d = "M5,22c-0.245,0-0.483,0.024-0.717,0.06l-0.112,0.112L0,32l9.828-4.172l0.112-0.112C9.976,27.483,10,27.245,10,27 C10 , 24.239 , 7.761 , 22 , 5 , 22 z "/> < path d = "M22,5c-0.245,0-0.483,0.024-0.717,0.06L6.292,20.051C6.523,20.018,6.759,20,7,20c2.761,0,5,2.239,5,5 c0 , 0.241 - 0.018 , 0.477 - 0.051 , 0.708 L26 .94 , 10.717 C26 .976 , 10.483 , 27 , 10.245 , 27 , 10 C27 , 7.239 , 24.761 , 5 , 22 , 5 z "/> < path d = "M30.828,1.172c-1.562-1.562-4.095-1.562-5.657,0l-1.88,1.88C23.523,3.018,23.759,3,24,3c2.761,0,5,2.239,5,5 c0 , 0.241 - 0.018 , 0.477 - 0.051 , 0.708 l1 .88 - 1.88 C32 .391 , 5.266 , 32.391 , 2.734 , 30.828 , 1.172 z "/> < /g> < g > < g > < path d = "M14.672,8.843L6.414,0.586c-0.781-0.781-2.047-0.781-2.828,0l-3,3c-0.781,0.781-0.781,2.047,0,2.828l1.361,1.361 l2 .842 - 2.842 l1 .414 , 1.414 L3 .361 , 9.189 l2 .121 , 2.121 l2 .842 - 2.842 l1 .414 , 1.414 l - 2.842 , 2.842 l1 .947 , 1.947 L14 .672 , 8.843 z "/> < /g> < g > < path d = "M31.414,25.586l-8.257-8.257l-5.828,5.828l1.947,1.947l2.874-2.874l1.414,1.414l-2.874,2.874l2.121,2.121l2.874-2.874 l1 .414 , 1.414 l - 2.874 , 2.874 l1 .361 , 1.361 c0 .781 , 0.781 , 2.047 , 0.781 , 2.828 , 0 l3 - 3 C32 .195 , 27.633 , 32.195 , 26.367 , 31.414 , 25.586 z "/> < /g> < /g> < /g> < /svg>));