Link icon

Link icon in outline, twotone, bold and bulk. Free in all four styles, for editors, typography, links, translation. Copy the SVG, the React, Vue or Svelte component, or download a PNG.

All four styles

Outline

Full linework, every stroke at 1.5px. The reference drawing.

TwoTone

The same linework, with secondary strokes dropped to half tone.

Bold

No strokes at all. One filled form, cut with even-odd holes.

Bulk

Filled, with the secondary mass at half tone.

Copy it

React

import { IconLink } from "@devigner-ui/icons";

<IconLink className="size-6" />

Vue

<script setup>
import { IconLink } from "@devigner-ui/icons-vue";
</script>

<template>
  <IconLink class="size-6" />
</template>

Svelte

<script>
  import { IconLink } from "@devigner-ui/icons-svelte";
</script>

<IconLink class="size-6" />

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.05 14c-1.51-1.51-1.37-4.1.3-5.78l4.85-4.86c1.67-1.68 4.25-1.82 5.75-.3 1.51 1.5 1.37 4.09-.3 5.77l-2.42 2.43" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M13.95 10c1.51 1.51 1.37 4.1-.3 5.78l-2.42 2.43-2.43 2.44c-1.67 1.68-4.25 1.81-5.75.3-1.51-1.51-1.37-4.1.3-5.78l2.42-2.43" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>

Category

Typography & Text Formatting

Styles

outline, twotone, bold, bulk, free in all four styles

Used for

editors, typography, links, translation

Also called

link, path, curved, smooth, arc, curve, closed

More Typography & Text Formatting icons

• Attach Circle
• Attach Square
• Backspace
• Eraser
• Eraser2
• Eraser Circle
• Eraser Square
• Firstline
• Language Circle
• Language Square
• Link2
• Link3
• Link Broken
• Link Broken Minimalistic
• Link Circle
• Link Circle2
• Link Minimalistic
• Link Minimalistic2
• Link Round
• Link Round Angle
• Link Square
• Link Square2
• Paragraph Spacing
• Pharagraphspacing

All Typography & Text Formatting icons

Browse all 8,584 icons