import React , { forwardRef , Ref , SVGAttributes } from 'react' ; import { IrisIcon } from '../icons.types' ; export const Interactive = forwardRef ( ( props , ref ) => ( < svg viewBox = "0 0 24 24" ref = { ref } { ... props } > < path fillRule = "evenodd" clipRule = "evenodd" d = "M12.9662 19.6495C12.6354 19.6908 12.2982 19.7122 11.9559 19.7122C7.55713 19.7122 3.99119 16.1877 3.99119 11.8401C3.99119 7.49247 7.55713 3.96802 11.9559 3.96802C16.3548 3.96802 19.9207 7.49247 19.9207 11.8401C19.9207 12.2769 19.8847 12.7055 19.8155 13.123L21.7 13.622C21.7156 13.6262 21.7312 13.6305 21.7466 13.635C21.8552 13.053 21.9119 12.4531 21.9119 11.8401C21.9119 6.40556 17.4545 2 11.9559 2C6.45743 2 2 6.40556 2 11.8401C2 17.2746 6.45743 21.6802 11.9559 21.6802C12.4761 21.6802 12.9869 21.6408 13.4855 21.5648L12.9662 19.6495ZM14.8947 19.159L15.413 21.0708L15.413 21.0708L15.4465 21.1942L15.671 20.9723L15.6713 20.9722L17.8186 18.8498L18.3543 19.3793L18.3544 19.3792L20.8002 21.7966C21.0747 22.0678 21.5197 22.0678 21.7941 21.7966C22.0686 21.5253 22.0686 21.0855 21.7941 20.8143L18.8126 17.8674L21.1846 15.523L21.1845 15.523L21.1846 15.5228L13.3462 13.447L13.8495 15.3036C13.8495 15.3036 13.8495 15.3036 13.8495 15.3036L14.3745 17.2402C14.3745 17.2402 14.3746 17.2402 14.3746 17.2402L14.8948 19.159L14.8947 19.159ZM15.9384 11.8401C15.9384 11.9254 15.9356 12.0101 15.9302 12.094L17.8792 12.6102C17.9124 12.3581 17.9296 12.1011 17.9296 11.8401C17.9296 8.57938 15.2551 5.93604 11.956 5.93604C8.65688 5.93604 5.98242 8.57938 5.98242 11.8401C5.98242 15.1008 8.65688 17.7442 11.956 17.7442C12.1204 17.7442 12.2833 17.7376 12.4444 17.7247L11.9161 15.7759C9.73508 15.7548 7.97361 14.0008 7.97361 11.8401C7.97361 9.66629 9.75658 7.90406 11.956 7.90406C14.1554 7.90406 15.9384 9.66629 15.9384 11.8401Z" / > < /svg>)); Interactive . tags = [ 'arrow' , 'control' , 'editor' , 'interact' , 'loop' , 'media' , 'pin' , 'placement' , 'position' , 'source' , 'tag' , ] ;