import React , { forwardRef , Ref , SVGAttributes } from 'react' ; export const Instructional = forwardRef ( ( props , ref ) => ( < svg viewBox = "0 0 32 32" ref = { ref } { ... props } > < g id = "instructionals_32" > < path d = "M16.785,20.839C16.544,20.942,16.279,21,16,21s-0.544-0.058-0.785-0.161h-0.002L7,17.319V24 c0 , 0.824 , 0.499 , 1.532 , 1.212 , 1.838 l0 .001 , 0.002 l0 .009 , 0.004 c0 , 0 , 0 , 0 , 0 , 0 l6 .991 , 2.996 h0 .002 C15 .456 , 28.942 , 15.721 , 29 , 16 , 29 s0 .544 - 0.058 , 0.785 - 0.161 h0 .002 l6 .991 - 2.996 c0 , 0 , 0 , 0 , 0 , 0 l0 .009 - 0.004 l0 .001 - 0.002 C24 .501 , 25.532 , 25 , 24.824 , 25 , 24 v - 6.681 l - 8.213 , 3.52 H16 .785 z "/> < path d = "M30.778,12.843C30.779,12.843,30.779,12.843,30.778,12.843l0.009-0.004v-0.001C31.5,12.532,32,11.825,32,11 s - 0.5 - 1.532 - 1.213 - 1.838 V9 .161 l - 0.009 - 0.004 c0 , 0 , 0 , 0 , 0 , 0 L16 .787 , 3.161 h - 0.002 C16 .544 , 3.058 , 16.279 , 3 , 16 , 3 s - 0.544 , 0.058 - 0.785 , 0.161 h - 0.002 L1 .222 , 9.157 c0 , 0 , 0 , 0 , 0 , 0 L1 .213 , 9.161 v0 .001 C0 .5 , 9.468 , 0 , 10.175 , 0 , 11 s0 .5 , 1.532 , 1.213 , 1.838 v0 .001 l0 .009 , 0.004 c0 , 0 , 0 , 0 , 0 , 0 l13 .991 , 5.996 h0 .002 C15 .456 , 18.942 , 15.721 , 19 , 16 , 19 s0 .544 - 0.058 , 0.785 - 0.161 h0 .002 L28 , 14.034 v6 .244 c - 0.595 , 0.346 - 1 , 0.984 - 1 , 1.723 v6 c0 , 0.552 , 0.448 , 1 , 1 , 1 h2c0 .552 , 0 , 1 - 0.448 , 1 - 1 v - 6 c0 - 0.738 - 0.405 - 1.376 - 1 - 1.723 v - 7.101 L30 .778 , 12.843 z M16 , 11 c - 1.105 , 0 - 2 - 0.448 - 2 - 1 c0 - 0.552 , 0.895 - 1 , 2 - 1 s2 , 0.448 , 2 , 1 C18 , 10.552 , 17.105 , 11 , 16 , 11 z "/> < /g> < /svg>));