linked services icon
linked-services from Material Symbols by Google · Regular · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- linked-services
- Set
- Material Symbols
- Style
- Regular
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- linked-services-rounded, linked-services-sharp
1 other variant in Material Symbols
The same icon in other sets
More ui actions icons from Material Symbols
Use the linked services icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 9q-1.425 0-2.475-.85T15.125 6H8.85q-.275 1.05-1.037 1.813T6 8.85v6.275q1.3.35 2.15 1.4T9 19q0 1.65-1.175 2.825T5 23t-2.825-1.175T1 19q0-1.425.85-2.475t2.15-1.4V8.85q-1.3-.35-2.15-1.4T1 5q0-1.65 1.175-2.825T5 1q1.4 0 2.45.85T8.85 4h6.275q.35-1.3 1.4-2.15T19 1q1.65 0 2.825 1.175T23 5t-1.175 2.825T19 9m0 14q-1.65 0-2.825-1.175T15 19t1.175-2.825T19 15t2.825 1.175T23 19t-1.175 2.825T19 23"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLinkedServices(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="M19 9q-1.425 0-2.475-.85T15.125 6H8.85q-.275 1.05-1.037 1.813T6 8.85v6.275q1.3.35 2.15 1.4T9 19q0 1.65-1.175 2.825T5 23t-2.825-1.175T1 19q0-1.425.85-2.475t2.15-1.4V8.85q-1.3-.35-2.15-1.4T1 5q0-1.65 1.175-2.825T5 1q1.4 0 2.45.85T8.85 4h6.275q.35-1.3 1.4-2.15T19 1q1.65 0 2.825 1.175T23 5t-1.175 2.825T19 9m0 14q-1.65 0-2.825-1.175T15 19t1.175-2.825T19 15t2.825 1.175T23 19t-1.175 2.825T19 23"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 9q-1.425 0-2.475-.85T15.125 6H8.85q-.275 1.05-1.037 1.813T6 8.85v6.275q1.3.35 2.15 1.4T9 19q0 1.65-1.175 2.825T5 23t-2.825-1.175T1 19q0-1.425.85-2.475t2.15-1.4V8.85q-1.3-.35-2.15-1.4T1 5q0-1.65 1.175-2.825T5 1q1.4 0 2.45.85T8.85 4h6.275q.35-1.3 1.4-2.15T19 1q1.65 0 2.825 1.175T23 5t-1.175 2.825T19 9m0 14q-1.65 0-2.825-1.175T15 19t1.175-2.825T19 15t2.825 1.175T23 19t-1.175 2.825T19 23"/></svg> </template>
CSS
.icon-linked-services {
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%22M19%209q-1.425%200-2.475-.85T15.125%206H8.85q-.275%201.05-1.037%201.813T6%208.85v6.275q1.3.35%202.15%201.4T9%2019q0%201.65-1.175%202.825T5%2023t-2.825-1.175T1%2019q0-1.425.85-2.475t2.15-1.4V8.85q-1.3-.35-2.15-1.4T1%205q0-1.65%201.175-2.825T5%201q1.4%200%202.45.85T8.85%204h6.275q.35-1.3%201.4-2.15T19%201q1.65%200%202.825%201.175T23%205t-1.175%202.825T19%209m0%2014q-1.65%200-2.825-1.175T15%2019t1.175-2.825T19%2015t2.825%201.175T23%2019t-1.175%202.825T19%2023%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%22M19%209q-1.425%200-2.475-.85T15.125%206H8.85q-.275%201.05-1.037%201.813T6%208.85v6.275q1.3.35%202.15%201.4T9%2019q0%201.65-1.175%202.825T5%2023t-2.825-1.175T1%2019q0-1.425.85-2.475t2.15-1.4V8.85q-1.3-.35-2.15-1.4T1%205q0-1.65%201.175-2.825T5%201q1.4%200%202.45.85T8.85%204h6.275q.35-1.3%201.4-2.15T19%201q1.65%200%202.825%201.175T23%205t-1.175%202.825T19%209m0%2014q-1.65%200-2.825-1.175T15%2019t1.175-2.825T19%2015t2.825%201.175T23%2019t-1.175%202.825T19%2023%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/linked-services.svg?color=%231a73e8&size=48
