link icon

link from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.

Name
link
Set
Jam Icons
Style
Outline
Viewbox
24×24
License
MIT

The same icon in other sets

linkBootstrap IconslinkBoxIcons v2linkCarbonlinkEmoji One (Colored)link-fillEva IconslinkFramework7 IconslinkFont Awesome 6 SolidlinkFeather Iconslink-12-filledFluent UI System IconslinkFluent EmojilinkFluent Emoji FlatlinkFluent Emoji High Contrastlinkcss.gglinkHeroIconslinkHuge IconslinkHumbleiconslinkIconoirlinkIonIconslinkLine AwesomelinkMaterial Line IconslinkLucidelinkMage IconslinkMajesticonslinkMaterial Symbols

Use the link icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -3 24 24"><path fill="currentColor" d="M3.19 9.345a.97.97 0 0 1 1.37 0a.966.966 0 0 1 0 1.367l-2.055 2.052a1.93 1.93 0 0 0 0 2.735a1.94 1.94 0 0 0 2.74 0l4.794-4.787a.966.966 0 0 0 0-1.367a.966.966 0 0 1 0-1.368a.97.97 0 0 1 1.37 0a2.9 2.9 0 0 1 0 4.103l-4.795 4.787a3.88 3.88 0 0 1-5.48 0a3.864 3.864 0 0 1 0-5.47L3.19 9.344zm11.62-.69a.97.97 0 0 1-1.37 0a.966.966 0 0 1 0-1.367l2.055-2.052a1.93 1.93 0 0 0 0-2.735a1.94 1.94 0 0 0-2.74 0L7.962 7.288a.966.966 0 0 0 0 1.367a.966.966 0 0 1 0 1.368a.97.97 0 0 1-1.37 0a2.9 2.9 0 0 1 0-4.103l4.795-4.787a3.88 3.88 0 0 1 5.48 0a3.864 3.864 0 0 1 0 5.47L14.81 8.656z"/></svg>

React

import type { SVGProps } from "react";

export function JamLink(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -3 24 24"><path fill="currentColor" d="M3.19 9.345a.97.97 0 0 1 1.37 0a.966.966 0 0 1 0 1.367l-2.055 2.052a1.93 1.93 0 0 0 0 2.735a1.94 1.94 0 0 0 2.74 0l4.794-4.787a.966.966 0 0 0 0-1.367a.966.966 0 0 1 0-1.368a.97.97 0 0 1 1.37 0a2.9 2.9 0 0 1 0 4.103l-4.795 4.787a3.88 3.88 0 0 1-5.48 0a3.864 3.864 0 0 1 0-5.47L3.19 9.344zm11.62-.69a.97.97 0 0 1-1.37 0a.966.966 0 0 1 0-1.367l2.055-2.052a1.93 1.93 0 0 0 0-2.735a1.94 1.94 0 0 0-2.74 0L7.962 7.288a.966.966 0 0 0 0 1.367a.966.966 0 0 1 0 1.368a.97.97 0 0 1-1.37 0a2.9 2.9 0 0 1 0-4.103l4.795-4.787a3.88 3.88 0 0 1 5.48 0a3.864 3.864 0 0 1 0 5.47L14.81 8.656z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -3 24 24"><path fill="currentColor" d="M3.19 9.345a.97.97 0 0 1 1.37 0a.966.966 0 0 1 0 1.367l-2.055 2.052a1.93 1.93 0 0 0 0 2.735a1.94 1.94 0 0 0 2.74 0l4.794-4.787a.966.966 0 0 0 0-1.367a.966.966 0 0 1 0-1.368a.97.97 0 0 1 1.37 0a2.9 2.9 0 0 1 0 4.103l-4.795 4.787a3.88 3.88 0 0 1-5.48 0a3.864 3.864 0 0 1 0-5.47L3.19 9.344zm11.62-.69a.97.97 0 0 1-1.37 0a.966.966 0 0 1 0-1.367l2.055-2.052a1.93 1.93 0 0 0 0-2.735a1.94 1.94 0 0 0-2.74 0L7.962 7.288a.966.966 0 0 0 0 1.367a.966.966 0 0 1 0 1.368a.97.97 0 0 1-1.37 0a2.9 2.9 0 0 1 0-4.103l4.795-4.787a3.88 3.88 0 0 1 5.48 0a3.864 3.864 0 0 1 0 5.47L14.81 8.656z"/></svg>
</template>

CSS

.icon-link {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%22-3%20-3%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.19%209.345a.97.97%200%200%201%201.37%200a.966.966%200%200%201%200%201.367l-2.055%202.052a1.93%201.93%200%200%200%200%202.735a1.94%201.94%200%200%200%202.74%200l4.794-4.787a.966.966%200%200%200%200-1.367a.966.966%200%200%201%200-1.368a.97.97%200%200%201%201.37%200a2.9%202.9%200%200%201%200%204.103l-4.795%204.787a3.88%203.88%200%200%201-5.48%200a3.864%203.864%200%200%201%200-5.47L3.19%209.344zm11.62-.69a.97.97%200%200%201-1.37%200a.966.966%200%200%201%200-1.367l2.055-2.052a1.93%201.93%200%200%200%200-2.735a1.94%201.94%200%200%200-2.74%200L7.962%207.288a.966.966%200%200%200%200%201.367a.966.966%200%200%201%200%201.368a.97.97%200%200%201-1.37%200a2.9%202.9%200%200%201%200-4.103l4.795-4.787a3.88%203.88%200%200%201%205.48%200a3.864%203.864%200%200%201%200%205.47L14.81%208.656z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%22-3%20-3%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.19%209.345a.97.97%200%200%201%201.37%200a.966.966%200%200%201%200%201.367l-2.055%202.052a1.93%201.93%200%200%200%200%202.735a1.94%201.94%200%200%200%202.74%200l4.794-4.787a.966.966%200%200%200%200-1.367a.966.966%200%200%201%200-1.368a.97.97%200%200%201%201.37%200a2.9%202.9%200%200%201%200%204.103l-4.795%204.787a3.88%203.88%200%200%201-5.48%200a3.864%203.864%200%200%201%200-5.47L3.19%209.344zm11.62-.69a.97.97%200%200%201-1.37%200a.966.966%200%200%201%200-1.367l2.055-2.052a1.93%201.93%200%200%200%200-2.735a1.94%201.94%200%200%200-2.74%200L7.962%207.288a.966.966%200%200%200%200%201.367a.966.966%200%200%201%200%201.368a.97.97%200%200%201-1.37%200a2.9%202.9%200%200%201%200-4.103l4.795-4.787a3.88%203.88%200%200%201%205.48%200a3.864%203.864%200%200%201%200%205.47L14.81%208.656z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/link.svg?color=%231a73e8&size=48