link icon
link-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- link-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
link-outlinedAnt Design IconslinkBootstrap IconslinkBoxIcons v2linkCarbonlinkCodiconslinkEmoji One (Colored)linkElement Pluslink-fillEva IconslinkFramework7 IconslinkFont Awesome 6 SolidlinkFont Awesome SolidlinkFeather Iconslink-outlineFlowbite Iconslink-12-filledFluent UI System Iconslink-20Fluent UI System Color IconslinkFluent EmojilinkFluent Emoji FlatlinkFluent Emoji High Contrastlinkcss.gglinkHeroIconslinkHuge IconslinkHumbleiconslinkIconParklinkIconPark Outline
Related icons in Phosphor
Use the link icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m218.34 119.6l-34.74 34.74a46.58 46.58 0 0 1-44.31 12.26c-.31.34-.62.67-.95 1l-34.74 34.74a46.63 46.63 0 1 1-65.94-65.94l34.74-34.74a46.6 46.6 0 0 1 44.31-12.26c.31-.34.62-.67 1-1l34.69-34.74a46.63 46.63 0 0 1 65.94 65.94" opacity=".2"/><path d="M240 88.23a54.43 54.43 0 0 1-16 37L189.25 160a54.27 54.27 0 0 1-38.63 16h-.05A54.63 54.63 0 0 1 96 119.84a8 8 0 0 1 16 .45A38.62 38.62 0 0 0 150.58 160a38.4 38.4 0 0 0 27.31-11.31l34.75-34.75a38.63 38.63 0 0 0-54.63-54.63l-11 11A8 8 0 0 1 135.7 59l11-11a54.65 54.65 0 0 1 77.3 0a54.86 54.86 0 0 1 16 40.23m-131 97.43l-11 11A38.4 38.4 0 0 1 70.6 208a38.63 38.63 0 0 1-27.29-65.94L78 107.31a38.63 38.63 0 0 1 66 28.4a8 8 0 0 0 7.78 8.22h.22a8 8 0 0 0 8-7.78A54.86 54.86 0 0 0 144 96a54.65 54.65 0 0 0-77.27 0L32 130.75A54.62 54.62 0 0 0 70.56 224a54.28 54.28 0 0 0 38.64-16l11-11a8 8 0 0 0-11.2-11.34"/></g></svg>
React
import type { SVGProps } from "react";
export function PhLinkDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m218.34 119.6l-34.74 34.74a46.58 46.58 0 0 1-44.31 12.26c-.31.34-.62.67-.95 1l-34.74 34.74a46.63 46.63 0 1 1-65.94-65.94l34.74-34.74a46.6 46.6 0 0 1 44.31-12.26c.31-.34.62-.67 1-1l34.69-34.74a46.63 46.63 0 0 1 65.94 65.94" opacity=".2"/><path d="M240 88.23a54.43 54.43 0 0 1-16 37L189.25 160a54.27 54.27 0 0 1-38.63 16h-.05A54.63 54.63 0 0 1 96 119.84a8 8 0 0 1 16 .45A38.62 38.62 0 0 0 150.58 160a38.4 38.4 0 0 0 27.31-11.31l34.75-34.75a38.63 38.63 0 0 0-54.63-54.63l-11 11A8 8 0 0 1 135.7 59l11-11a54.65 54.65 0 0 1 77.3 0a54.86 54.86 0 0 1 16 40.23m-131 97.43l-11 11A38.4 38.4 0 0 1 70.6 208a38.63 38.63 0 0 1-27.29-65.94L78 107.31a38.63 38.63 0 0 1 66 28.4a8 8 0 0 0 7.78 8.22h.22a8 8 0 0 0 8-7.78A54.86 54.86 0 0 0 144 96a54.65 54.65 0 0 0-77.27 0L32 130.75A54.62 54.62 0 0 0 70.56 224a54.28 54.28 0 0 0 38.64-16l11-11a8 8 0 0 0-11.2-11.34"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m218.34 119.6l-34.74 34.74a46.58 46.58 0 0 1-44.31 12.26c-.31.34-.62.67-.95 1l-34.74 34.74a46.63 46.63 0 1 1-65.94-65.94l34.74-34.74a46.6 46.6 0 0 1 44.31-12.26c.31-.34.62-.67 1-1l34.69-34.74a46.63 46.63 0 0 1 65.94 65.94" opacity=".2"/><path d="M240 88.23a54.43 54.43 0 0 1-16 37L189.25 160a54.27 54.27 0 0 1-38.63 16h-.05A54.63 54.63 0 0 1 96 119.84a8 8 0 0 1 16 .45A38.62 38.62 0 0 0 150.58 160a38.4 38.4 0 0 0 27.31-11.31l34.75-34.75a38.63 38.63 0 0 0-54.63-54.63l-11 11A8 8 0 0 1 135.7 59l11-11a54.65 54.65 0 0 1 77.3 0a54.86 54.86 0 0 1 16 40.23m-131 97.43l-11 11A38.4 38.4 0 0 1 70.6 208a38.63 38.63 0 0 1-27.29-65.94L78 107.31a38.63 38.63 0 0 1 66 28.4a8 8 0 0 0 7.78 8.22h.22a8 8 0 0 0 8-7.78A54.86 54.86 0 0 0 144 96a54.65 54.65 0 0 0-77.27 0L32 130.75A54.62 54.62 0 0 0 70.56 224a54.28 54.28 0 0 0 38.64-16l11-11a8 8 0 0 0-11.2-11.34"/></g></svg> </template>
CSS
.icon-link-duotone {
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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m218.34%20119.6l-34.74%2034.74a46.58%2046.58%200%200%201-44.31%2012.26c-.31.34-.62.67-.95%201l-34.74%2034.74a46.63%2046.63%200%201%201-65.94-65.94l34.74-34.74a46.6%2046.6%200%200%201%2044.31-12.26c.31-.34.62-.67%201-1l34.69-34.74a46.63%2046.63%200%200%201%2065.94%2065.94%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M240%2088.23a54.43%2054.43%200%200%201-16%2037L189.25%20160a54.27%2054.27%200%200%201-38.63%2016h-.05A54.63%2054.63%200%200%201%2096%20119.84a8%208%200%200%201%2016%20.45A38.62%2038.62%200%200%200%20150.58%20160a38.4%2038.4%200%200%200%2027.31-11.31l34.75-34.75a38.63%2038.63%200%200%200-54.63-54.63l-11%2011A8%208%200%200%201%20135.7%2059l11-11a54.65%2054.65%200%200%201%2077.3%200a54.86%2054.86%200%200%201%2016%2040.23m-131%2097.43l-11%2011A38.4%2038.4%200%200%201%2070.6%20208a38.63%2038.63%200%200%201-27.29-65.94L78%20107.31a38.63%2038.63%200%200%201%2066%2028.4a8%208%200%200%200%207.78%208.22h.22a8%208%200%200%200%208-7.78A54.86%2054.86%200%200%200%20144%2096a54.65%2054.65%200%200%200-77.27%200L32%20130.75A54.62%2054.62%200%200%200%2070.56%20224a54.28%2054.28%200%200%200%2038.64-16l11-11a8%208%200%200%200-11.2-11.34%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m218.34%20119.6l-34.74%2034.74a46.58%2046.58%200%200%201-44.31%2012.26c-.31.34-.62.67-.95%201l-34.74%2034.74a46.63%2046.63%200%201%201-65.94-65.94l34.74-34.74a46.6%2046.6%200%200%201%2044.31-12.26c.31-.34.62-.67%201-1l34.69-34.74a46.63%2046.63%200%200%201%2065.94%2065.94%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M240%2088.23a54.43%2054.43%200%200%201-16%2037L189.25%20160a54.27%2054.27%200%200%201-38.63%2016h-.05A54.63%2054.63%200%200%201%2096%20119.84a8%208%200%200%201%2016%20.45A38.62%2038.62%200%200%200%20150.58%20160a38.4%2038.4%200%200%200%2027.31-11.31l34.75-34.75a38.63%2038.63%200%200%200-54.63-54.63l-11%2011A8%208%200%200%201%20135.7%2059l11-11a54.65%2054.65%200%200%201%2077.3%200a54.86%2054.86%200%200%201%2016%2040.23m-131%2097.43l-11%2011A38.4%2038.4%200%200%201%2070.6%20208a38.63%2038.63%200%200%201-27.29-65.94L78%20107.31a38.63%2038.63%200%200%201%2066%2028.4a8%208%200%200%200%207.78%208.22h.22a8%208%200%200%200%208-7.78A54.86%2054.86%200%200%200%20144%2096a54.65%2054.65%200%200%200-77.27%200L32%20130.75A54.62%2054.62%200%200%200%2070.56%20224a54.28%2054.28%200%200%200%2038.64-16l11-11a8%208%200%200%200-11.2-11.34%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/link-duotone.svg?color=%231a73e8&size=48
