diff --git a/src/plugins/widgets/links/Display.tsx b/src/plugins/widgets/links/Display.tsx
index e9fa2ded..2ee9b4ee 100644
--- a/src/plugins/widgets/links/Display.tsx
+++ b/src/plugins/widgets/links/Display.tsx
@@ -1,7 +1,7 @@
 import React, { FC, useMemo } from "react";
 import { defineMessages, useIntl } from "react-intl";
 
-import { Icon } from "../../../views/shared";
+import { Icon } from '@iconify-icon/react';
 import { Link } from "./types";
 
 const displayUrl = (url: string): string => {
@@ -67,7 +67,7 @@ const Display: FC<Props> = ({ icon, name, number, url, linkOpenStyle }) => {
           </i>
         ) : null
       ) : icon ? (
-        <Icon name={icon} />
+        <Icon icon={icon} />
       ) : null}
       {icon && name && " "}
       <span className="LinkText">
diff --git a/src/plugins/widgets/links/Input.tsx b/src/plugins/widgets/links/Input.tsx
index fe276ec4..1bc5948a 100644
--- a/src/plugins/widgets/links/Input.tsx
+++ b/src/plugins/widgets/links/Input.tsx
@@ -1,4 +1,4 @@
-import icons from "feather-icons/dist/icons.json";
+import { listIcons } from 'iconify-icon';
 import React, { FC } from "react";
 
 import {
@@ -17,7 +17,7 @@ type Props = Link & {
   onRemove: () => void;
 };
 
-const iconList = Object.keys(icons);
+const iconList = listIcons;
 
 const Input: FC<Props> = (props) => (
   <div className="LinkInput">
@@ -67,7 +67,7 @@ const Input: FC<Props> = (props) => (
       >
         <option value={""}>None</option>
         <option value="_favicon">Website Icon</option>
-        <optgroup label="Feather Icons">
+        <optgroup label="Icons via Iconify">
           {iconList.map((key) => (
             <option key={key}>{key}</option>
           ))}
diff --git a/src/plugins/widgets/links/Links.tsx b/src/plugins/widgets/links/Links.tsx
index 2232a663..b8e9faa3 100644
--- a/src/plugins/widgets/links/Links.tsx
+++ b/src/plugins/widgets/links/Links.tsx
@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 
 import { useKeyPress, useToggle } from "../../../hooks";
-import { Icon } from "../../../views/shared";
+import { Icon } from '@iconify-icon/react';
 import Display from "./Display";
 import { Props, defaultData } from "./types";
 import "./Links.sass";
@@ -41,7 +41,7 @@ const Links: FC<Props> = ({ data = defaultData }) => {
         ))
       ) : (
         <a onClick={toggleVisible} title="Show quick links">
-          <Icon name="link-2" />
+          <Icon icon="fe:insert-link" />
         </a>
       )}
     </div>
diff --git a/src/views/shared/icons/Icon.tsx b/src/views/shared/icons/Icon.tsx
deleted file mode 100644
index 221ad824..00000000
--- a/src/views/shared/icons/Icon.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import icons from "feather-icons/dist/icons.json";
-import React, { FC } from "react";
-
-type Props = {
-  colour?: string;
-  name: string;
-  size?: number | string;
-};
-
-const Icon: FC<Props> = ({ colour = "currentColor", name, size = 24 }) => (
-  <i>
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke={colour}
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      dangerouslySetInnerHTML={{ __html: icons[name] }}
-    />
-  </i>
-);
-
-export default Icon;