link icon
link-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- link-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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 IconslinkHumbleiconslinkIconoirlinkIonIconslinkJam IconslinkLine AwesomelinkMaterial Line IconslinkLucidelinkMage IconslinkMajesticons
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"><path fill="currentColor" d="M236 88.12a50.44 50.44 0 0 1-14.81 34.31l-34.75 34.74A50.33 50.33 0 0 1 150.62 172h-.05A50.63 50.63 0 0 1 100 120a4 4 0 0 1 4-3.89h.11a4 4 0 0 1 3.89 4.11A42.64 42.64 0 0 0 150.58 164a42.32 42.32 0 0 0 30.14-12.49l34.75-34.74a42.63 42.63 0 1 0-60.29-60.28l-11 11a4 4 0 0 1-5.66-5.65l11-11A50.64 50.64 0 0 1 236 88.12M111.78 188.49l-11 11A42.33 42.33 0 0 1 70.6 212a42.63 42.63 0 0 1-30.11-72.77l34.75-34.74A42.63 42.63 0 0 1 148 135.82a4 4 0 0 0 8 .23a50.64 50.64 0 0 0-86.45-37.22L34.8 133.57A50.63 50.63 0 0 0 70.56 220a50.33 50.33 0 0 0 35.81-14.83l11-11a4 4 0 1 0-5.65-5.66Z"/></svg>
React
import type { SVGProps } from "react";
export function PhLinkThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M236 88.12a50.44 50.44 0 0 1-14.81 34.31l-34.75 34.74A50.33 50.33 0 0 1 150.62 172h-.05A50.63 50.63 0 0 1 100 120a4 4 0 0 1 4-3.89h.11a4 4 0 0 1 3.89 4.11A42.64 42.64 0 0 0 150.58 164a42.32 42.32 0 0 0 30.14-12.49l34.75-34.74a42.63 42.63 0 1 0-60.29-60.28l-11 11a4 4 0 0 1-5.66-5.65l11-11A50.64 50.64 0 0 1 236 88.12M111.78 188.49l-11 11A42.33 42.33 0 0 1 70.6 212a42.63 42.63 0 0 1-30.11-72.77l34.75-34.74A42.63 42.63 0 0 1 148 135.82a4 4 0 0 0 8 .23a50.64 50.64 0 0 0-86.45-37.22L34.8 133.57A50.63 50.63 0 0 0 70.56 220a50.33 50.33 0 0 0 35.81-14.83l11-11a4 4 0 1 0-5.65-5.66Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M236 88.12a50.44 50.44 0 0 1-14.81 34.31l-34.75 34.74A50.33 50.33 0 0 1 150.62 172h-.05A50.63 50.63 0 0 1 100 120a4 4 0 0 1 4-3.89h.11a4 4 0 0 1 3.89 4.11A42.64 42.64 0 0 0 150.58 164a42.32 42.32 0 0 0 30.14-12.49l34.75-34.74a42.63 42.63 0 1 0-60.29-60.28l-11 11a4 4 0 0 1-5.66-5.65l11-11A50.64 50.64 0 0 1 236 88.12M111.78 188.49l-11 11A42.33 42.33 0 0 1 70.6 212a42.63 42.63 0 0 1-30.11-72.77l34.75-34.74A42.63 42.63 0 0 1 148 135.82a4 4 0 0 0 8 .23a50.64 50.64 0 0 0-86.45-37.22L34.8 133.57A50.63 50.63 0 0 0 70.56 220a50.33 50.33 0 0 0 35.81-14.83l11-11a4 4 0 1 0-5.65-5.66Z"/></svg> </template>
CSS
.icon-link-thin {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M236%2088.12a50.44%2050.44%200%200%201-14.81%2034.31l-34.75%2034.74A50.33%2050.33%200%200%201%20150.62%20172h-.05A50.63%2050.63%200%200%201%20100%20120a4%204%200%200%201%204-3.89h.11a4%204%200%200%201%203.89%204.11A42.64%2042.64%200%200%200%20150.58%20164a42.32%2042.32%200%200%200%2030.14-12.49l34.75-34.74a42.63%2042.63%200%201%200-60.29-60.28l-11%2011a4%204%200%200%201-5.66-5.65l11-11A50.64%2050.64%200%200%201%20236%2088.12M111.78%20188.49l-11%2011A42.33%2042.33%200%200%201%2070.6%20212a42.63%2042.63%200%200%201-30.11-72.77l34.75-34.74A42.63%2042.63%200%200%201%20148%20135.82a4%204%200%200%200%208%20.23a50.64%2050.64%200%200%200-86.45-37.22L34.8%20133.57A50.63%2050.63%200%200%200%2070.56%20220a50.33%2050.33%200%200%200%2035.81-14.83l11-11a4%204%200%201%200-5.65-5.66Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M236%2088.12a50.44%2050.44%200%200%201-14.81%2034.31l-34.75%2034.74A50.33%2050.33%200%200%201%20150.62%20172h-.05A50.63%2050.63%200%200%201%20100%20120a4%204%200%200%201%204-3.89h.11a4%204%200%200%201%203.89%204.11A42.64%2042.64%200%200%200%20150.58%20164a42.32%2042.32%200%200%200%2030.14-12.49l34.75-34.74a42.63%2042.63%200%201%200-60.29-60.28l-11%2011a4%204%200%200%201-5.66-5.65l11-11A50.64%2050.64%200%200%201%20236%2088.12M111.78%20188.49l-11%2011A42.33%2042.33%200%200%201%2070.6%20212a42.63%2042.63%200%200%201-30.11-72.77l34.75-34.74A42.63%2042.63%200%200%201%20148%20135.82a4%204%200%200%200%208%20.23a50.64%2050.64%200%200%200-86.45-37.22L34.8%20133.57A50.63%2050.63%200%200%200%2070.56%20220a50.33%2050.33%200%200%200%2035.81-14.83l11-11a4%204%200%201%200-5.65-5.66Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/link-thin.svg?color=%231a73e8&size=48
