diff --git a/src/components/LinkIcon.jsx b/src/components/LinkIcon.jsx
index d3169e60..84189017 100644
--- a/src/components/LinkIcon.jsx
+++ b/src/components/LinkIcon.jsx
@@ -4,7 +4,7 @@ import ExternalLink from "../styles/icons/ExternalLink";
 import IconOverlay from "./IconOverlay";
 
 const LinkIcon = (props) => {
-  return (
+  return props.showOverlay ? (
     <IconOverlay
       tooltipContent={props.url["@id"] || props.url}
       id="url-tooltip"
@@ -18,6 +18,14 @@ const LinkIcon = (props) => {
         <ExternalLink className={props.iconClass} />
       </a>
     </IconOverlay>
+  ) : (
+    <a
+      href={props.url["@id"] || props.url}
+      target="_blank"
+      className={props.iconClassContainer}
+    >
+      <ExternalLink className={props.iconClass} />
+    </a>
   );
 };
 
@@ -30,12 +38,14 @@ LinkIcon.propTypes = {
   iconClass: PropTypes.string,
   overlayPlacement: PropTypes.string,
   absolutePosition: PropTypes.bool,
+  showOverlay: PropTypes.bool,
 };
 
 LinkIcon.defaultProps = {
   iconClassContainer: "",
   iconClass: "",
   absolutePosition: true,
+  showOverlay: true,
 };
 
 export default LinkIcon;