link icon
link-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- link-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
14 other variants in Fluent UI System Icons
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-20Fluent UI System Color IconslinkFluent EmojilinkFluent Emoji FlatlinkFluent Emoji High Contrastlinkcss.gglinkHeroIconslinkHuge IconslinkHumbleiconslinkIconParklinkIconPark OutlinelinkIconoir
Related icons in Fluent UI System Icons
Use the link icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M33.25 13c5.841 0 10.594 4.659 10.746 10.464l.004.286v.5c0 5.841-4.659 10.594-10.464 10.746L33.25 35h-4.5a1.75 1.75 0 0 1-.143-3.494l.143-.006h4.5a7.25 7.25 0 0 0 7.246-7.01l.004-.24v-.5a7.25 7.25 0 0 0-7.01-7.246l-.24-.004h-4.5a1.75 1.75 0 0 1-.143-3.494L28.75 13zm-14 0a1.75 1.75 0 0 1 .143 3.494l-.143.006h-4.5a7.25 7.25 0 0 0-7.246 7.01l-.004.24v.5a7.25 7.25 0 0 0 7.01 7.246l.24.004h4.5a1.75 1.75 0 0 1 .143 3.494L19.25 35h-4.5C8.909 35 4.156 30.341 4.004 24.536L4 24.25v-.5c0-5.841 4.659-10.594 10.464-10.746L14.75 13zM14 22.25h20a1.75 1.75 0 0 1 .144 3.494L34 25.75H14a1.75 1.75 0 0 1-.143-3.494zh20z"/></svg>
React
import type { SVGProps } from "react";
export function FluentLink48Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M33.25 13c5.841 0 10.594 4.659 10.746 10.464l.004.286v.5c0 5.841-4.659 10.594-10.464 10.746L33.25 35h-4.5a1.75 1.75 0 0 1-.143-3.494l.143-.006h4.5a7.25 7.25 0 0 0 7.246-7.01l.004-.24v-.5a7.25 7.25 0 0 0-7.01-7.246l-.24-.004h-4.5a1.75 1.75 0 0 1-.143-3.494L28.75 13zm-14 0a1.75 1.75 0 0 1 .143 3.494l-.143.006h-4.5a7.25 7.25 0 0 0-7.246 7.01l-.004.24v.5a7.25 7.25 0 0 0 7.01 7.246l.24.004h4.5a1.75 1.75 0 0 1 .143 3.494L19.25 35h-4.5C8.909 35 4.156 30.341 4.004 24.536L4 24.25v-.5c0-5.841 4.659-10.594 10.464-10.746L14.75 13zM14 22.25h20a1.75 1.75 0 0 1 .144 3.494L34 25.75H14a1.75 1.75 0 0 1-.143-3.494zh20z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M33.25 13c5.841 0 10.594 4.659 10.746 10.464l.004.286v.5c0 5.841-4.659 10.594-10.464 10.746L33.25 35h-4.5a1.75 1.75 0 0 1-.143-3.494l.143-.006h4.5a7.25 7.25 0 0 0 7.246-7.01l.004-.24v-.5a7.25 7.25 0 0 0-7.01-7.246l-.24-.004h-4.5a1.75 1.75 0 0 1-.143-3.494L28.75 13zm-14 0a1.75 1.75 0 0 1 .143 3.494l-.143.006h-4.5a7.25 7.25 0 0 0-7.246 7.01l-.004.24v.5a7.25 7.25 0 0 0 7.01 7.246l.24.004h4.5a1.75 1.75 0 0 1 .143 3.494L19.25 35h-4.5C8.909 35 4.156 30.341 4.004 24.536L4 24.25v-.5c0-5.841 4.659-10.594 10.464-10.746L14.75 13zM14 22.25h20a1.75 1.75 0 0 1 .144 3.494L34 25.75H14a1.75 1.75 0 0 1-.143-3.494zh20z"/></svg> </template>
CSS
.icon-link-48-filled {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M33.25%2013c5.841%200%2010.594%204.659%2010.746%2010.464l.004.286v.5c0%205.841-4.659%2010.594-10.464%2010.746L33.25%2035h-4.5a1.75%201.75%200%200%201-.143-3.494l.143-.006h4.5a7.25%207.25%200%200%200%207.246-7.01l.004-.24v-.5a7.25%207.25%200%200%200-7.01-7.246l-.24-.004h-4.5a1.75%201.75%200%200%201-.143-3.494L28.75%2013zm-14%200a1.75%201.75%200%200%201%20.143%203.494l-.143.006h-4.5a7.25%207.25%200%200%200-7.246%207.01l-.004.24v.5a7.25%207.25%200%200%200%207.01%207.246l.24.004h4.5a1.75%201.75%200%200%201%20.143%203.494L19.25%2035h-4.5C8.909%2035%204.156%2030.341%204.004%2024.536L4%2024.25v-.5c0-5.841%204.659-10.594%2010.464-10.746L14.75%2013zM14%2022.25h20a1.75%201.75%200%200%201%20.144%203.494L34%2025.75H14a1.75%201.75%200%200%201-.143-3.494zh20z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M33.25%2013c5.841%200%2010.594%204.659%2010.746%2010.464l.004.286v.5c0%205.841-4.659%2010.594-10.464%2010.746L33.25%2035h-4.5a1.75%201.75%200%200%201-.143-3.494l.143-.006h4.5a7.25%207.25%200%200%200%207.246-7.01l.004-.24v-.5a7.25%207.25%200%200%200-7.01-7.246l-.24-.004h-4.5a1.75%201.75%200%200%201-.143-3.494L28.75%2013zm-14%200a1.75%201.75%200%200%201%20.143%203.494l-.143.006h-4.5a7.25%207.25%200%200%200-7.246%207.01l-.004.24v.5a7.25%207.25%200%200%200%207.01%207.246l.24.004h4.5a1.75%201.75%200%200%201%20.143%203.494L19.25%2035h-4.5C8.909%2035%204.156%2030.341%204.004%2024.536L4%2024.25v-.5c0-5.841%204.659-10.594%2010.464-10.746L14.75%2013zM14%2022.25h20a1.75%201.75%200%200%201%20.144%203.494L34%2025.75H14a1.75%201.75%200%200%201-.143-3.494zh20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/link-48-filled.svg?color=%231a73e8&size=48
