diff --git a/focal_point.info.yml b/focal_point.info.yml
index efc85cb..62f3824 100644
--- a/focal_point.info.yml
+++ b/focal_point.info.yml
@@ -7,4 +7,5 @@ test_dependencies:
   - crop:crop
 dependencies:
   - drupal:image
+  - drupal:svg_image
   - crop:crop
diff --git a/src/Plugin/Field/FieldWidget/FocalPointImageWidget.php b/src/Plugin/Field/FieldWidget/FocalPointImageWidget.php
index c86adca..d1107cf 100755
--- a/src/Plugin/Field/FieldWidget/FocalPointImageWidget.php
+++ b/src/Plugin/Field/FieldWidget/FocalPointImageWidget.php
@@ -6,7 +6,7 @@ use Drupal\Core\Field\FieldItemListInterface;
 use Drupal\Core\StringTranslation\TranslatableMarkup;
 use Drupal\crop\Entity\Crop;
 use Drupal\Core\Form\FormStateInterface;
-use Drupal\image\Plugin\Field\FieldWidget\ImageWidget;
+use Drupal\svg_image\Plugin\Field\FieldWidget\SvgImageWidget;
 use Drupal\Core\Url;
 
 /**
@@ -20,7 +20,7 @@ use Drupal\Core\Url;
  *   }
  * )
  */
-class FocalPointImageWidget extends ImageWidget {
+class FocalPointImageWidget extends SvgImageWidget {
 
   const PREVIEW_TOKEN_NAME = 'focal_point_preview';
 
@@ -328,6 +328,12 @@ class FocalPointImageWidget extends ImageWidget {
 
     // Create a token to be used during an access check on the preview page.
     $token = self::getPreviewToken();
+    //Checks if the file associated with the given file ID is an SVG image and if so, returns an empty array.
+    $file = \Drupal::entityTypeManager()->getStorage('file')->load($fid);
+    $isSvg = $file->getMimeType() === 'image/svg+xml';
+    if ($isSvg) {
+      return [];
+    }
 
     $preview_link = [
       '#type' => 'link',