link person icon
link-person-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- link-person-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the link person icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M43.996 19.464C43.844 13.659 39.091 9 33.25 9h-4.5l-.143.006a1.75 1.75 0 0 0 .143 3.494h4.5l.24.004a7.25 7.25 0 0 1 7.01 7.246v.5l-.004.24a7.2 7.2 0 0 1-.886 3.243a7 7 0 0 1 2.075 3.183A10.7 10.7 0 0 0 44 20.25v-.5zM21 10.75A1.75 1.75 0 0 0 19.25 9h-4.5l-.286.004C8.659 9.156 4 13.909 4 19.75v.5l.004.286C4.156 26.341 8.909 31 14.75 31h4.5l.143-.006a1.75 1.75 0 0 0-.143-3.494h-4.5l-.24-.004A7.25 7.25 0 0 1 7.5 20.25v-.5l.004-.24a7.25 7.25 0 0 1 7.246-7.01h4.5l.143-.006A1.75 1.75 0 0 0 21 10.75m13 7.5H14l-.143.006A1.75 1.75 0 0 0 14 21.75h20l.144-.006A1.75 1.75 0 0 0 34 18.25M40 29a5 5 0 1 1-10 0a5 5 0 0 1 10 0m4 10.5c0 3.5-3.15 6.5-9 6.5s-9-3-9-6.5v-.502A3 3 0 0 1 29 36h12c1.657 0 3 1.34 3 2.998z"/></svg>
React
import type { SVGProps } from "react";
export function FluentLinkPerson48Filled(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="M43.996 19.464C43.844 13.659 39.091 9 33.25 9h-4.5l-.143.006a1.75 1.75 0 0 0 .143 3.494h4.5l.24.004a7.25 7.25 0 0 1 7.01 7.246v.5l-.004.24a7.2 7.2 0 0 1-.886 3.243a7 7 0 0 1 2.075 3.183A10.7 10.7 0 0 0 44 20.25v-.5zM21 10.75A1.75 1.75 0 0 0 19.25 9h-4.5l-.286.004C8.659 9.156 4 13.909 4 19.75v.5l.004.286C4.156 26.341 8.909 31 14.75 31h4.5l.143-.006a1.75 1.75 0 0 0-.143-3.494h-4.5l-.24-.004A7.25 7.25 0 0 1 7.5 20.25v-.5l.004-.24a7.25 7.25 0 0 1 7.246-7.01h4.5l.143-.006A1.75 1.75 0 0 0 21 10.75m13 7.5H14l-.143.006A1.75 1.75 0 0 0 14 21.75h20l.144-.006A1.75 1.75 0 0 0 34 18.25M40 29a5 5 0 1 1-10 0a5 5 0 0 1 10 0m4 10.5c0 3.5-3.15 6.5-9 6.5s-9-3-9-6.5v-.502A3 3 0 0 1 29 36h12c1.657 0 3 1.34 3 2.998z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M43.996 19.464C43.844 13.659 39.091 9 33.25 9h-4.5l-.143.006a1.75 1.75 0 0 0 .143 3.494h4.5l.24.004a7.25 7.25 0 0 1 7.01 7.246v.5l-.004.24a7.2 7.2 0 0 1-.886 3.243a7 7 0 0 1 2.075 3.183A10.7 10.7 0 0 0 44 20.25v-.5zM21 10.75A1.75 1.75 0 0 0 19.25 9h-4.5l-.286.004C8.659 9.156 4 13.909 4 19.75v.5l.004.286C4.156 26.341 8.909 31 14.75 31h4.5l.143-.006a1.75 1.75 0 0 0-.143-3.494h-4.5l-.24-.004A7.25 7.25 0 0 1 7.5 20.25v-.5l.004-.24a7.25 7.25 0 0 1 7.246-7.01h4.5l.143-.006A1.75 1.75 0 0 0 21 10.75m13 7.5H14l-.143.006A1.75 1.75 0 0 0 14 21.75h20l.144-.006A1.75 1.75 0 0 0 34 18.25M40 29a5 5 0 1 1-10 0a5 5 0 0 1 10 0m4 10.5c0 3.5-3.15 6.5-9 6.5s-9-3-9-6.5v-.502A3 3 0 0 1 29 36h12c1.657 0 3 1.34 3 2.998z"/></svg> </template>
CSS
.icon-link-person-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%22M43.996%2019.464C43.844%2013.659%2039.091%209%2033.25%209h-4.5l-.143.006a1.75%201.75%200%200%200%20.143%203.494h4.5l.24.004a7.25%207.25%200%200%201%207.01%207.246v.5l-.004.24a7.2%207.2%200%200%201-.886%203.243a7%207%200%200%201%202.075%203.183A10.7%2010.7%200%200%200%2044%2020.25v-.5zM21%2010.75A1.75%201.75%200%200%200%2019.25%209h-4.5l-.286.004C8.659%209.156%204%2013.909%204%2019.75v.5l.004.286C4.156%2026.341%208.909%2031%2014.75%2031h4.5l.143-.006a1.75%201.75%200%200%200-.143-3.494h-4.5l-.24-.004A7.25%207.25%200%200%201%207.5%2020.25v-.5l.004-.24a7.25%207.25%200%200%201%207.246-7.01h4.5l.143-.006A1.75%201.75%200%200%200%2021%2010.75m13%207.5H14l-.143.006A1.75%201.75%200%200%200%2014%2021.75h20l.144-.006A1.75%201.75%200%200%200%2034%2018.25M40%2029a5%205%200%201%201-10%200a5%205%200%200%201%2010%200m4%2010.5c0%203.5-3.15%206.5-9%206.5s-9-3-9-6.5v-.502A3%203%200%200%201%2029%2036h12c1.657%200%203%201.34%203%202.998z%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%22M43.996%2019.464C43.844%2013.659%2039.091%209%2033.25%209h-4.5l-.143.006a1.75%201.75%200%200%200%20.143%203.494h4.5l.24.004a7.25%207.25%200%200%201%207.01%207.246v.5l-.004.24a7.2%207.2%200%200%201-.886%203.243a7%207%200%200%201%202.075%203.183A10.7%2010.7%200%200%200%2044%2020.25v-.5zM21%2010.75A1.75%201.75%200%200%200%2019.25%209h-4.5l-.286.004C8.659%209.156%204%2013.909%204%2019.75v.5l.004.286C4.156%2026.341%208.909%2031%2014.75%2031h4.5l.143-.006a1.75%201.75%200%200%200-.143-3.494h-4.5l-.24-.004A7.25%207.25%200%200%201%207.5%2020.25v-.5l.004-.24a7.25%207.25%200%200%201%207.246-7.01h4.5l.143-.006A1.75%201.75%200%200%200%2021%2010.75m13%207.5H14l-.143.006A1.75%201.75%200%200%200%2014%2021.75h20l.144-.006A1.75%201.75%200%200%200%2034%2018.25M40%2029a5%205%200%201%201-10%200a5%205%200%200%201%2010%200m4%2010.5c0%203.5-3.15%206.5-9%206.5s-9-3-9-6.5v-.502A3%203%200%200%201%2029%2036h12c1.657%200%203%201.34%203%202.998z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/link-person-48-filled.svg?color=%231a73e8&size=48
