Link External Svg Icon

Free SVG icon from the IconaMoon collection. Download or copy for use in any project.

Collection: IconaMoon
Format: SVG, PNG
License: CC BY 4.0 - Free for commercial use
Style: Filled
Tags: link external svg url chain connect hyperlink web

The Link External Svg icon is commonly used in URL inputs, reference sections and developer tools. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/308921.svg" alt="Link External   Svg icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/308921.svg" alt="Link External   Svg icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/308921.svg"
  alt="Link External   Svg icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-link-external---svg {
  background-image: url('https://proicons.com/icon/308921.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.70711 15.7071L17.5 7.91421L19.2929 9.70711C19.5789 9.9931 20.009 10.0787 20.3827 9.92388C20.7564 9.7691 21 9.40446 21 9V4.00098V4C21 3.984 20.9996 3.96801 20.9989 3.95203C20.9874 3.71232 20.8902 3.47595 20.7071 3.29289C20.6112 3.19702 20.5007 3.12468 20.3828 3.07588C20.2649 3.02699 20.1356 3 20 3H19.9998H15C14.5955 3 14.2309 3.24364 14.0761 3.61732C13.9213 3.99099 14.0069 4.42111 14.2929 4.70711L16.0858 6.5L8.29289 14.2929C7.90237 14.6834 7.90237 15.3166 8.29289 15.7071C8.68342 16.0976 9.31658 16.0976 9.70711 15.7071ZM4 3C3.44772 3 3 3.44772 3 4V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V13C21 12.4477 20.5523 12 20 12C19.4477 12 19 12.4477 19 13V18C19 18.5523 18.5523 19 18 19H6C5.44772 19 5 18.5523 5 18V5H11C11.5523 5 12 4.55228 12 4C12 3.44772 11.5523 3 11 3H4Z" fill="#292929"/>
</svg>

Copied!

Link External Svg Icon

More from IconaMoon