link 2 icon

link-2-fill from Eva Icons by Akveo · Fill · MIT Free for personal and commercial use.

Name
link-2-fill
Set
Eva Icons
Style
Fill
Viewbox
24×24
License
MIT

1 other variant in Eva Icons

link-2-outline

The same icon in other sets

link-2Feather Iconslink-2Lucidelink-2Material Symbolslink-2Material Symbols Lightlink-2-fillMingCute Iconlink-2Radix Icons

Use the link 2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.29 9.29l-4 4a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l4-4a1 1 0 0 0-1.42-1.42"/><path fill="currentColor" d="M12.28 17.4L11 18.67a4.2 4.2 0 0 1-5.58.4a4 4 0 0 1-.27-5.93l1.42-1.43a1 1 0 0 0 0-1.42a1 1 0 0 0-1.42 0l-1.27 1.28a6.15 6.15 0 0 0-.67 8.07a6.06 6.06 0 0 0 9.07.6l1.42-1.42a1 1 0 0 0-1.42-1.42m7.38-14.18a6.18 6.18 0 0 0-8.13.68L10.45 5a1.09 1.09 0 0 0-.17 1.61a1 1 0 0 0 1.42 0L13 5.3a4.17 4.17 0 0 1 5.57-.4a4 4 0 0 1 .27 5.95l-1.42 1.43a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l1.42-1.42a6.06 6.06 0 0 0-.6-9.06"/></svg>

React

import type { SVGProps } from "react";

export function EvaLink2Fill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.29 9.29l-4 4a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l4-4a1 1 0 0 0-1.42-1.42"/><path fill="currentColor" d="M12.28 17.4L11 18.67a4.2 4.2 0 0 1-5.58.4a4 4 0 0 1-.27-5.93l1.42-1.43a1 1 0 0 0 0-1.42a1 1 0 0 0-1.42 0l-1.27 1.28a6.15 6.15 0 0 0-.67 8.07a6.06 6.06 0 0 0 9.07.6l1.42-1.42a1 1 0 0 0-1.42-1.42m7.38-14.18a6.18 6.18 0 0 0-8.13.68L10.45 5a1.09 1.09 0 0 0-.17 1.61a1 1 0 0 0 1.42 0L13 5.3a4.17 4.17 0 0 1 5.57-.4a4 4 0 0 1 .27 5.95l-1.42 1.43a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l1.42-1.42a6.06 6.06 0 0 0-.6-9.06"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.29 9.29l-4 4a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l4-4a1 1 0 0 0-1.42-1.42"/><path fill="currentColor" d="M12.28 17.4L11 18.67a4.2 4.2 0 0 1-5.58.4a4 4 0 0 1-.27-5.93l1.42-1.43a1 1 0 0 0 0-1.42a1 1 0 0 0-1.42 0l-1.27 1.28a6.15 6.15 0 0 0-.67 8.07a6.06 6.06 0 0 0 9.07.6l1.42-1.42a1 1 0 0 0-1.42-1.42m7.38-14.18a6.18 6.18 0 0 0-8.13.68L10.45 5a1.09 1.09 0 0 0-.17 1.61a1 1 0 0 0 1.42 0L13 5.3a4.17 4.17 0 0 1 5.57-.4a4 4 0 0 1 .27 5.95l-1.42 1.43a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l1.42-1.42a6.06 6.06 0 0 0-.6-9.06"/></svg>
</template>

CSS

.icon-link-2-fill {
  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%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.29%209.29l-4%204a1%201%200%200%200%200%201.42a1%201%200%200%200%201.42%200l4-4a1%201%200%200%200-1.42-1.42%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.28%2017.4L11%2018.67a4.2%204.2%200%200%201-5.58.4a4%204%200%200%201-.27-5.93l1.42-1.43a1%201%200%200%200%200-1.42a1%201%200%200%200-1.42%200l-1.27%201.28a6.15%206.15%200%200%200-.67%208.07a6.06%206.06%200%200%200%209.07.6l1.42-1.42a1%201%200%200%200-1.42-1.42m7.38-14.18a6.18%206.18%200%200%200-8.13.68L10.45%205a1.09%201.09%200%200%200-.17%201.61a1%201%200%200%200%201.42%200L13%205.3a4.17%204.17%200%200%201%205.57-.4a4%204%200%200%201%20.27%205.95l-1.42%201.43a1%201%200%200%200%200%201.42a1%201%200%200%200%201.42%200l1.42-1.42a6.06%206.06%200%200%200-.6-9.06%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%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.29%209.29l-4%204a1%201%200%200%200%200%201.42a1%201%200%200%200%201.42%200l4-4a1%201%200%200%200-1.42-1.42%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.28%2017.4L11%2018.67a4.2%204.2%200%200%201-5.58.4a4%204%200%200%201-.27-5.93l1.42-1.43a1%201%200%200%200%200-1.42a1%201%200%200%200-1.42%200l-1.27%201.28a6.15%206.15%200%200%200-.67%208.07a6.06%206.06%200%200%200%209.07.6l1.42-1.42a1%201%200%200%200-1.42-1.42m7.38-14.18a6.18%206.18%200%200%200-8.13.68L10.45%205a1.09%201.09%200%200%200-.17%201.61a1%201%200%200%200%201.42%200L13%205.3a4.17%204.17%200%200%201%205.57-.4a4%204%200%200%201%20.27%205.95l-1.42%201.43a1%201%200%200%200%200%201.42a1%201%200%200%200%201.42%200l1.42-1.42a6.06%206.06%200%200%200-.6-9.06%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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