diff --git a/elements/ClipPath.js b/elements/ClipPath.js
index f0b8d053..1f0d4220 100644
--- a/elements/ClipPath.js
+++ b/elements/ClipPath.js
@@ -1,8 +1,9 @@
-import React, { Component } from "react";
+import React from "react";
 import { requireNativeComponent } from "react-native";
 import extractClipPath from "../lib/extract/extractClipPath";
+import Shape from "./Shape";
 
-export default class ClipPath extends Component {
+export default class ClipPath extends Shape {
     static displayName = "ClipPath";
 
     render() {
diff --git a/elements/LinearGradient.js b/elements/LinearGradient.js
index 71e3e171..65f077fe 100644
--- a/elements/LinearGradient.js
+++ b/elements/LinearGradient.js
@@ -1,8 +1,9 @@
-import React, { Component } from "react";
+import React from "react";
 import { requireNativeComponent } from "react-native";
 import extractGradient from "../lib/extract/extractGradient";
+import Shape from "./Shape";
 
-export default class LinearGradient extends Component {
+export default class LinearGradient extends Shape {
     static displayName = "LinearGradient";
 
     static defaultProps = {
diff --git a/elements/Mask.js b/elements/Mask.js
index ed957ddf..11a15013 100644
--- a/elements/Mask.js
+++ b/elements/Mask.js
@@ -1,9 +1,10 @@
-import React, { Component } from "react";
+import React from "react";
 import { requireNativeComponent } from "react-native";
 import extractTransform from "../lib/extract/extractTransform";
 import units from "../lib/units";
+import Shape from "./Shape";
 
-export default class Mask extends Component {
+export default class Mask extends Shape {
     static displayName = "Mask";
 
     render() {
diff --git a/elements/Pattern.js b/elements/Pattern.js
index 108e6304..9598fab7 100644
--- a/elements/Pattern.js
+++ b/elements/Pattern.js
@@ -1,10 +1,11 @@
-import React, { Component } from "react";
+import React from "react";
 import { requireNativeComponent } from "react-native";
 import extractTransform from "../lib/extract/extractTransform";
 import extractViewBox from "../lib/extract/extractViewBox";
 import units from "../lib/units";
+import Shape from "./Shape";
 
-export default class Pattern extends Component {
+export default class Pattern extends Shape {
     static displayName = "Pattern";
 
     render() {
diff --git a/elements/RadialGradient.js b/elements/RadialGradient.js
index 6fdf14a2..bb1dae11 100644
--- a/elements/RadialGradient.js
+++ b/elements/RadialGradient.js
@@ -1,8 +1,9 @@
-import React, { Component } from "react";
+import React from "react";
 import { requireNativeComponent } from "react-native";
 import extractGradient from "../lib/extract/extractGradient";
+import Shape from "./Shape";
 
-export default class RadialGradient extends Component {
+export default class RadialGradient extends Shape {
     static displayName = "RadialGradient";
 
     static defaultProps = {
diff --git a/elements/Symbol.js b/elements/Symbol.js
index 5d799711..3def1b46 100644
--- a/elements/Symbol.js
+++ b/elements/Symbol.js
@@ -1,8 +1,9 @@
-import React, { Component } from "react";
+import React from "react";
 import { requireNativeComponent } from "react-native";
 import extractViewBox from "../lib/extract/extractViewBox";
+import Shape from "./Shape";
 
-export default class Symbol extends Component {
+export default class Symbol extends Shape {
     static displayName = "Symbol";
 
     render() {