gentleface

Gentleface › Actions › link-incoming

link-incoming icon

Link incoming: backlinks, incoming links, referenced by. 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="M11.707 5L13.5 5C13.641 5 13.759 5.048 13.856 5.144C13.952 5.241 14 5.359 14 5.5C14 5.641 13.952 5.759 13.856 5.856C13.759 5.952 13.641 6 13.5 6L10.5 6C10.359 6 10.241 5.952 10.144 5.856C10.048 5.759 10 5.641 10 5.5L10 2.5C10 2.359 10.048 2.241 10.144 2.144C10.241 2.048 10.359 2 10.5 2C10.641 2 10.759 2.048 10.856 2.144C10.952 2.241 11 2.359 11 2.5L11 4.293L14.146 1.146C14.246 1.047 14.364 0.997 14.5 0.997C14.636 0.997 14.754 1.047 14.854 1.146C14.951 1.244 15 1.362 15 1.5C15 1.638 14.951 1.756 14.854 1.854L11.707 5ZM3.58 9.176C3.259 9.303 2.976 9.488 2.732 9.732C2.488 9.976 2.303 10.259 2.176 10.58C2.059 10.875 2 11.182 2 11.5C2 11.818 2.059 12.125 2.176 12.42C2.303 12.741 2.488 13.024 2.732 13.268C2.976 13.512 3.259 13.697 3.58 13.824C3.875 13.941 4.182 14 4.5 14L5.5 14C5.641 14 5.759 14.048 5.856 14.144C5.952 14.241 6 14.359 6 14.5C6 14.641 5.952 14.759 5.856 14.856C5.759 14.952 5.641 15 5.5 15L4.5 15C4.055 15 3.625 14.918 3.212 14.754C2.762 14.576 2.367 14.317 2.025 13.975C1.683 13.633 1.424 13.238 1.246 12.788C1.082 12.375 1 11.945 1 11.5C1 11.055 1.082 10.625 1.246 10.212C1.424 9.762 1.683 9.367 2.025 9.025C2.367 8.683 2.762 8.424 3.212 8.246C3.625 8.082 4.055 8 4.5 8L5.5 8C5.641 8 5.759 8.048 5.856 8.144C5.952 8.241 6 8.359 6 8.5C6 8.641 5.952 8.759 5.856 8.856C5.759 8.952 5.641 9 5.5 9L4.5 9C4.182 9 3.875 9.059 3.58 9.176ZM10 8.5C10 8.359 10.048 8.241 10.144 8.144C10.241 8.048 10.359 8 10.5 8L11.5 8C11.945 8 12.375 8.082 12.788 8.246C13.238 8.424 13.633 8.683 13.975 9.025C14.317 9.367 14.576 9.762 14.754 10.212C14.918 10.625 15 11.055 15 11.5C15 11.945 14.918 12.375 14.754 12.788C14.576 13.238 14.317 13.633 13.975 13.975C13.633 14.317 13.238 14.576 12.788 14.754C12.375 14.918 11.945 15 11.5 15L10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5C10 14.359 10.048 14.241 10.144 14.144C10.241 14.048 10.359 14 10.5 14L11.5 14C11.818 14 12.125 13.941 12.42 13.824C12.741 13.697 13.024 13.512 13.268 13.268C13.512 13.024 13.697 12.741 13.824 12.42C13.941 12.125 14 11.818 14 11.5C14 11.182 13.941 10.875 13.824 10.58C13.697 10.259 13.512 9.976 13.268 9.732C13.024 9.488 12.741 9.303 12.42 9.176C12.125 9.059 11.818 9 11.5 9L10.5 9C10.359 9 10.241 8.952 10.144 8.856C10.048 8.759 10 8.641 10 8.5ZM10.856 11.144C10.952 11.241 11 11.359 11 11.5C11 11.641 10.952 11.759 10.856 11.856C10.759 11.952 10.641 12 10.5 12L5.5 12C5.359 12 5.241 11.952 5.144 11.856C5.048 11.759 5 11.641 5 11.5C5 11.359 5.048 11.241 5.144 11.144C5.241 11.048 5.359 11 5.5 11L10.5 11C10.641 11 10.759 11.048 10.856 11.144Z"/></svg>
React
// Gentleface "link-incoming" (line-round), MIT. https://gentleface.com/icons/link-incoming
import type { SVGProps } from 'react';

export function LinkIncomingIcon(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="M11.707 5L13.5 5C13.641 5 13.759 5.048 13.856 5.144C13.952 5.241 14 5.359 14 5.5C14 5.641 13.952 5.759 13.856 5.856C13.759 5.952 13.641 6 13.5 6L10.5 6C10.359 6 10.241 5.952 10.144 5.856C10.048 5.759 10 5.641 10 5.5L10 2.5C10 2.359 10.048 2.241 10.144 2.144C10.241 2.048 10.359 2 10.5 2C10.641 2 10.759 2.048 10.856 2.144C10.952 2.241 11 2.359 11 2.5L11 4.293L14.146 1.146C14.246 1.047 14.364 0.997 14.5 0.997C14.636 0.997 14.754 1.047 14.854 1.146C14.951 1.244 15 1.362 15 1.5C15 1.638 14.951 1.756 14.854 1.854L11.707 5ZM3.58 9.176C3.259 9.303 2.976 9.488 2.732 9.732C2.488 9.976 2.303 10.259 2.176 10.58C2.059 10.875 2 11.182 2 11.5C2 11.818 2.059 12.125 2.176 12.42C2.303 12.741 2.488 13.024 2.732 13.268C2.976 13.512 3.259 13.697 3.58 13.824C3.875 13.941 4.182 14 4.5 14L5.5 14C5.641 14 5.759 14.048 5.856 14.144C5.952 14.241 6 14.359 6 14.5C6 14.641 5.952 14.759 5.856 14.856C5.759 14.952 5.641 15 5.5 15L4.5 15C4.055 15 3.625 14.918 3.212 14.754C2.762 14.576 2.367 14.317 2.025 13.975C1.683 13.633 1.424 13.238 1.246 12.788C1.082 12.375 1 11.945 1 11.5C1 11.055 1.082 10.625 1.246 10.212C1.424 9.762 1.683 9.367 2.025 9.025C2.367 8.683 2.762 8.424 3.212 8.246C3.625 8.082 4.055 8 4.5 8L5.5 8C5.641 8 5.759 8.048 5.856 8.144C5.952 8.241 6 8.359 6 8.5C6 8.641 5.952 8.759 5.856 8.856C5.759 8.952 5.641 9 5.5 9L4.5 9C4.182 9 3.875 9.059 3.58 9.176ZM10 8.5C10 8.359 10.048 8.241 10.144 8.144C10.241 8.048 10.359 8 10.5 8L11.5 8C11.945 8 12.375 8.082 12.788 8.246C13.238 8.424 13.633 8.683 13.975 9.025C14.317 9.367 14.576 9.762 14.754 10.212C14.918 10.625 15 11.055 15 11.5C15 11.945 14.918 12.375 14.754 12.788C14.576 13.238 14.317 13.633 13.975 13.975C13.633 14.317 13.238 14.576 12.788 14.754C12.375 14.918 11.945 15 11.5 15L10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5C10 14.359 10.048 14.241 10.144 14.144C10.241 14.048 10.359 14 10.5 14L11.5 14C11.818 14 12.125 13.941 12.42 13.824C12.741 13.697 13.024 13.512 13.268 13.268C13.512 13.024 13.697 12.741 13.824 12.42C13.941 12.125 14 11.818 14 11.5C14 11.182 13.941 10.875 13.824 10.58C13.697 10.259 13.512 9.976 13.268 9.732C13.024 9.488 12.741 9.303 12.42 9.176C12.125 9.059 11.818 9 11.5 9L10.5 9C10.359 9 10.241 8.952 10.144 8.856C10.048 8.759 10 8.641 10 8.5ZM10.856 11.144C10.952 11.241 11 11.359 11 11.5C11 11.641 10.952 11.759 10.856 11.856C10.759 11.952 10.641 12 10.5 12L5.5 12C5.359 12 5.241 11.952 5.144 11.856C5.048 11.759 5 11.641 5 11.5C5 11.359 5.048 11.241 5.144 11.144C5.241 11.048 5.359 11 5.5 11L10.5 11C10.641 11 10.759 11.048 10.856 11.144Z" />
    </svg>
  );
}
Vue
Vue: see /icons/link-incoming.md
Svelte
Svelte: see /icons/link-incoming.md
HTML img
HTML img: see /icons/link-incoming.md
CSS
CSS: see /icons/link-incoming.md
Data URL
Data URL: see /icons/link-incoming.md
Sprite
Sprite: see /icons/link-incoming.md
SwiftUI
SwiftUI: see /icons/link-incoming.md
Compose
Compose: see /icons/link-incoming.md
Android XML
Android XML: see /icons/link-incoming.md
Flutter
Flutter: see /icons/link-incoming.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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
backlinks, incoming links, referenced by
Tags
link, chain, backlinks, incoming, referenced-by, linked-mentions, wiki, notes, arrow
Category
Actions
Component name
LinkIncomingIcon
History
  • 20 px drawn, 24 px drawn, added

Family 14

More actions icons

For agents

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