diff --git a/src/ReactNativeSVG.web.ts b/src/ReactNativeSVG.web.ts
index 0e572bdf..197137f4 100644
--- a/src/ReactNativeSVG.web.ts
+++ b/src/ReactNativeSVG.web.ts
@@ -3,7 +3,7 @@ import * as React from 'react';
 import { createElement, GestureResponderEvent } from 'react-native';
 import { NumberProp, TransformProps } from './lib/extract/types';
 import SvgTouchableMixin from './lib/SvgTouchableMixin';
-import { IterableStyles, resolve } from './lib/resolve';
+import { resolve } from './lib/resolve';
 
 type BlurEvent = Object;
 type FocusEvent = Object;
@@ -49,7 +49,7 @@ interface BaseProps {
   fontSize?: NumberProp;
   fontFamily?: string;
   forwardedRef: {};
-  style: IterableStyles<{}>;
+  style: Iterable<{}>;
 }
 
 /**
diff --git a/src/lib/resolve.ts b/src/lib/resolve.ts
index f9a4d133..5af8c951 100644
--- a/src/lib/resolve.ts
+++ b/src/lib/resolve.ts
@@ -1,11 +1,7 @@
 import { StyleSheet } from 'react-native';
 
-export interface IterableStyles<T> {
-  [Symbol.iterator](): Iterator<T>;
-}
-
 // Kept in separate file, to avoid name collision with Symbol element
-export function resolve<T>(styleProp: IterableStyles<T>, cleanedProps: T) {
+export function resolve<T>(styleProp: Iterable<T>, cleanedProps: T) {
   if (styleProp) {
     return StyleSheet
       ? [styleProp, cleanedProps]