External Link Square icon

A free external link square icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Arrows & Navigation
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: external link square, hyperlink, navigation, external, square shape, web, link

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.76 5.45C16.02 3.82 16.07 2.17 15.9 0.54C15.89 0.42 15.84 0.32 15.76 0.24M15.76 0.24C15.68 0.16 15.58 0.11 15.46 0.1C13.83 -0.07 12.18 -0.02 10.55 0.24M15.76 0.24L6 10"/>
  <path transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 9.5C16 10.89 16 11.59 15.86 12.17C15.42 14 14 15.42 12.17 15.86C11.59 16 10.89 16 9.5 16L8 16C5.2 16 3.8 16 2.73 15.46C1.79 14.98 1.02 14.21 0.54 13.27C0 12.2 0 10.8 0 8L0 7.5C0 5.17 0 4.01 0.38 3.09C0.89 1.86 1.86 0.89 3.09 0.38C3.86 0.06 4.82 0.01 6.5 0"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(3 3)" fill="currentColor" d="M16.56 0.1C14.85 -0.07 13.11 -0.02 11.39 0.25C11 0.31 10.69 0.6 10.58 0.97C10.48 1.35 10.6 1.75 10.9 2L12.25 3.15C12.46 3.33 12.67 3.52 12.88 3.71L6.29 10.29C5.9 10.68 5.9 11.32 6.29 11.71C6.69 12.1 7.32 12.1 7.71 11.71L14.29 5.12C14.48 5.33 14.67 5.54 14.85 5.76L16 7.1C16.25 7.4 16.66 7.52 17.03 7.42C17.41 7.31 17.69 7 17.75 6.61C18.02 4.89 18.08 3.15 17.9 1.44C17.86 1.09 17.71 0.77 17.47 0.53C17.23 0.29 16.91 0.14 16.56 0.1Z"/>
  <path transform="translate(3 3)" fill="currentColor" d="M7.51 2C8.06 2 8.5 1.55 8.5 1C8.5 0.44 8.05 0 7.5 0C5.86 0.01 4.7 0.05 3.71 0.46C2.24 1.07 1.07 2.23 0.46 3.7C0.21 4.31 0.1 4.95 0.05 5.7C0 6.43 0 7.33 0 8.46L0 9C0 9.17 0 9.34 0 9.51C0 10.46 0 11.42 0.07 12.37C0.15 13.26 0.3 14.02 0.66 14.72C1.23 15.85 2.15 16.77 3.28 17.35C3.98 17.7 4.74 17.86 5.64 17.93C6.51 18 7.59 18 8.96 18L10.5 18C10.55 18 10.6 18 10.65 18C11.9 18 12.71 18 13.4 17.83C15.6 17.31 17.31 15.59 17.84 13.4C18 12.71 18 11.9 18 10.65C18 10.6 18 10.55 18 10.5C18 9.95 17.55 9.5 17 9.5C16.45 9.5 16 9.95 16 10.5C16 11.95 15.99 12.5 15.89 12.93C15.54 14.4 14.4 15.54 12.94 15.89C12.5 15.99 11.95 16 10.5 16L9 16C7.59 16 6.58 16 5.8 15.94C5.03 15.87 4.56 15.75 4.19 15.56C3.43 15.18 2.82 14.57 2.44 13.82C2.25 13.45 2.13 12.97 2.07 12.2C2 11.42 2 10.42 2 9L2 8.5C2 7.32 2 6.49 2.05 5.83C2.09 5.19 2.17 4.79 2.31 4.47C2.71 3.49 3.49 2.71 4.47 2.3C5.03 2.07 5.78 2.01 7.51 2Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 9.5C16 10.89 16 11.59 15.86 12.17C15.42 13.99 14 15.42 12.17 15.86C11.59 16 10.89 16 9.5 16L8 16C5.2 16 3.8 16 2.73 15.45C1.79 14.97 1.02 14.21 0.54 13.27C0 12.2 0 10.8 0 8L0 7.5C0 5.17 0 4 0.38 3.09C0.89 1.86 1.86 0.89 3.09 0.38C3.86 0.06 4.82 0.01 6.5 0"/>
  <path transform="translate(10 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9.76 5.45C10.02 3.82 10.07 2.17 9.9 0.54C9.89 0.42 9.84 0.32 9.76 0.24M9.76 0.24C9.68 0.16 9.58 0.11 9.46 0.1C7.83 -0.07 6.18 -0.02 4.55 0.24M9.76 0.24L0 10"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 9.5C16 10.89 16 11.59 15.86 12.17C15.42 13.99 14 15.42 12.17 15.86C11.59 16 10.89 16 9.5 16L8 16C5.2 16 3.8 16 2.73 15.45C1.79 14.97 1.02 14.21 0.54 13.27C0 12.2 0 10.8 0 8L0 7.5C0 5.17 0 4 0.38 3.09C0.89 1.86 1.86 0.89 3.09 0.38C3.86 0.06 4.82 0.01 6.5 0"/>
  <path transform="translate(9 3)" fill="currentColor" d="M5.39 0.25C7.11 -0.02 8.84 -0.07 10.56 0.1C10.91 0.14 11.23 0.29 11.47 0.53C11.71 0.77 11.86 1.09 11.9 1.44C12.07 3.15 12.02 4.89 11.75 6.61C11.69 7 11.4 7.31 11.03 7.42C10.65 7.52 10.25 7.4 10 7.1L8.85 5.76C8.67 5.54 8.48 5.33 8.29 5.12L1.71 11.71C1.32 12.1 0.68 12.1 0.29 11.71C-0.1 11.32 -0.1 10.68 0.29 10.29L6.88 3.71C6.67 3.52 6.46 3.33 6.24 3.15L4.9 2C4.6 1.75 4.48 1.35 4.58 0.97C4.69 0.6 5 0.31 5.39 0.25Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(14.55 4)" fill="currentColor" d="M5.36 0.54C5.52 2.17 5.48 3.82 5.21 5.45L4.07 4.11C3.65 3.62 3.22 3.15 2.76 2.69C2.31 2.24 1.84 1.8 1.35 1.39L0 0.24C1.63 -0.02 3.28 -0.07 4.91 0.1C5.03 0.11 5.14 0.16 5.21 0.24C5.29 0.32 5.34 0.42 5.36 0.54Z"/>
  <path transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 9.5C16 10.89 16 11.59 15.86 12.17C15.42 13.99 14 15.42 12.17 15.86C11.59 16 10.89 16 9.5 16L8 16C5.2 16 3.8 16 2.73 15.45C1.79 14.97 1.02 14.21 0.54 13.27C0 12.2 0 10.8 0 8L0 7.5C0 5.17 0 4 0.38 3.09C0.89 1.86 1.86 0.89 3.09 0.38C3.86 0.06 4.82 0.01 6.5 0"/>
  <path transform="translate(10 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9.9 0.54C10.07 2.17 10.02 3.82 9.76 5.45L8.61 4.11C8.2 3.62 7.76 3.15 7.31 2.69C6.85 2.24 6.38 1.8 5.89 1.39L4.55 0.24C6.18 -0.02 7.83 -0.07 9.46 0.1C9.58 0.11 9.68 0.16 9.76 0.24C9.84 0.32 9.89 0.42 9.9 0.54Z"/>
  <path transform="translate(10 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7.31 2.69L0 10"/>
</svg>