link icon

Link: link, hyperlink, url, permalink. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M3.58 5.176C3.259 5.303 2.976 5.488 2.732 5.732C2.488 5.976 2.303 6.259 2.176 6.58C2.059 6.875 2 7.182 2 7.5C2 7.818 2.059 8.125 2.176 8.42C2.303 8.741 2.488 9.024 2.732 9.268C2.976 9.512 3.259 9.697 3.58 9.824C3.875 9.941 4.182 10 4.5 10L5.5 10C5.641 10 5.759 10.048 5.856 10.144C5.952 10.241 6 10.359 6 10.5C6 10.641 5.952 10.759 5.856 10.856C5.759 10.952 5.641 11 5.5 11L4.5 11C4.055 11 3.625 10.918 3.212 10.754C2.762 10.576 2.367 10.317 2.025 9.975C1.683 9.633 1.424 9.238 1.246 8.788C1.082 8.375 1 7.945 1 7.5C1 7.055 1.082 6.625 1.246 6.212C1.424 5.762 1.683 5.367 2.025 5.025C2.367 4.683 2.762 4.424 3.212 4.246C3.625 4.082 4.055 4 4.5 4L5.5 4C5.641 4 5.759 4.048 5.856 4.144C5.952 4.241 6 4.359 6 4.5C6 4.641 5.952 4.759 5.856 4.856C5.759 4.952 5.641 5 5.5 5L4.5 5C4.182 5 3.875 5.059 3.58 5.176ZM10 10.5C10 10.359 10.048 10.241 10.144 10.144C10.241 10.048 10.359 10 10.5 10L11.5 10C11.818 10 12.125 9.941 12.42 9.824C12.741 9.697 13.024 9.512 13.268 9.268C13.512 9.024 13.697 8.741 13.824 8.42C13.941 8.125 14 7.818 14 7.5C14 7.182 13.941 6.875 13.824 6.58C13.697 6.259 13.512 5.976 13.268 5.732C13.024 5.488 12.741 5.303 12.42 5.176C12.125 5.059 11.818 5 11.5 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.359 10.048 4.241 10.144 4.144C10.241 4.048 10.359 4 10.5 4L11.5 4C11.945 4 12.375 4.082 12.788 4.246C13.238 4.424 13.633 4.683 13.975 5.025C14.317 5.367 14.576 5.762 14.754 6.212C14.918 6.625 15 7.055 15 7.5C15 7.945 14.918 8.375 14.754 8.788C14.576 9.238 14.317 9.633 13.975 9.975C13.633 10.317 13.238 10.576 12.788 10.754C12.375 10.918 11.945 11 11.5 11L10.5 11C10.359 11 10.241 10.952 10.144 10.856C10.048 10.759 10 10.641 10 10.5ZM10.856 7.144C10.952 7.241 11 7.359 11 7.5C11 7.641 10.952 7.759 10.856 7.856C10.759 7.952 10.641 8 10.5 8L5.5 8C5.359 8 5.241 7.952 5.144 7.856C5.048 7.759 5 7.641 5 7.5C5 7.359 5.048 7.241 5.144 7.144C5.241 7.048 5.359 7 5.5 7L10.5 7C10.641 7 10.759 7.048 10.856 7.144Z"/></svg>

React

// Gentleface "link" (line-round), MIT. https://gentleface.com/icons/link
import type { SVGProps } from 'react';

export function LinkIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M3.58 5.176C3.259 5.303 2.976 5.488 2.732 5.732C2.488 5.976 2.303 6.259 2.176 6.58C2.059 6.875 2 7.182 2 7.5C2 7.818 2.059 8.125 2.176 8.42C2.303 8.741 2.488 9.024 2.732 9.268C2.976 9.512 3.259 9.697 3.58 9.824C3.875 9.941 4.182 10 4.5 10L5.5 10C5.641 10 5.759 10.048 5.856 10.144C5.952 10.241 6 10.359 6 10.5C6 10.641 5.952 10.759 5.856 10.856C5.759 10.952 5.641 11 5.5 11L4.5 11C4.055 11 3.625 10.918 3.212 10.754C2.762 10.576 2.367 10.317 2.025 9.975C1.683 9.633 1.424 9.238 1.246 8.788C1.082 8.375 1 7.945 1 7.5C1 7.055 1.082 6.625 1.246 6.212C1.424 5.762 1.683 5.367 2.025 5.025C2.367 4.683 2.762 4.424 3.212 4.246C3.625 4.082 4.055 4 4.5 4L5.5 4C5.641 4 5.759 4.048 5.856 4.144C5.952 4.241 6 4.359 6 4.5C6 4.641 5.952 4.759 5.856 4.856C5.759 4.952 5.641 5 5.5 5L4.5 5C4.182 5 3.875 5.059 3.58 5.176ZM10 10.5C10 10.359 10.048 10.241 10.144 10.144C10.241 10.048 10.359 10 10.5 10L11.5 10C11.818 10 12.125 9.941 12.42 9.824C12.741 9.697 13.024 9.512 13.268 9.268C13.512 9.024 13.697 8.741 13.824 8.42C13.941 8.125 14 7.818 14 7.5C14 7.182 13.941 6.875 13.824 6.58C13.697 6.259 13.512 5.976 13.268 5.732C13.024 5.488 12.741 5.303 12.42 5.176C12.125 5.059 11.818 5 11.5 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.359 10.048 4.241 10.144 4.144C10.241 4.048 10.359 4 10.5 4L11.5 4C11.945 4 12.375 4.082 12.788 4.246C13.238 4.424 13.633 4.683 13.975 5.025C14.317 5.367 14.576 5.762 14.754 6.212C14.918 6.625 15 7.055 15 7.5C15 7.945 14.918 8.375 14.754 8.788C14.576 9.238 14.317 9.633 13.975 9.975C13.633 10.317 13.238 10.576 12.788 10.754C12.375 10.918 11.945 11 11.5 11L10.5 11C10.359 11 10.241 10.952 10.144 10.856C10.048 10.759 10 10.641 10 10.5ZM10.856 7.144C10.952 7.241 11 7.359 11 7.5C11 7.641 10.952 7.759 10.856 7.856C10.759 7.952 10.641 8 10.5 8L5.5 8C5.359 8 5.241 7.952 5.144 7.856C5.048 7.759 5 7.641 5 7.5C5 7.359 5.048 7.241 5.144 7.144C5.241 7.048 5.359 7 5.5 7L10.5 7C10.641 7 10.759 7.048 10.856 7.144Z" />
    </svg>
  );
}

Vue

Vue: see /icons/link.md

Svelte

Svelte: see /icons/link.md

HTML img

HTML img: see /icons/link.md

CSS

CSS: see /icons/link.md

Data URL

Data URL: see /icons/link.md

Sprite

Sprite: see /icons/link.md

SwiftUI

SwiftUI: see /icons/link.md

Compose

Compose: see /icons/link.md

Android XML

Android XML: see /icons/link.md

Flutter

Flutter: see /icons/link.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

link, hyperlink, url, permalink, copy link

Alternatives

external-link: a link that opens outside the app or in a new tab
link-plus: insert a link in an editor

Don’t confuse with

paperclip: a paperclip attaches a file; a link is the chain

Also fits

external link: a hyperlink or a copy-link action (link)
embed: share by URL instead of embedding (hyperlink)
linked file: a link without the file (hyperlink)
public: anyone with the link
anchor: an anchor link inside a web page

Not for

attach (use paperclip): a chain links to a URL; a file attachment is the paperclip

Tags

link, chain, url, hyperlink, attach

Category

Actions

Component name

LinkIcon

History

2026-10-14 added

Family 8

link-alert link-clock link-gear link-lock link-off link-pencil link-plus unlink

More actions icons

arrow-down-a-z ban bolt bolt-off check check-double clipboard clipboard-alert clipboard-check clipboard-clock clipboard-list clipboard-off clipboard-pencil clipboard-plus clipboard-search clipboard-user · all actions icons

For agents

Metadata: /icons/link.json · Markdown: /icons/link.md · SVG: https://gentleface.com/svg/{style}/16/link.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/link.png

link icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp