service directory icon
service-directory from Material Symbols by Google · Regular · Apache-2.0 Free for personal and commercial use.
- Name
- service-directory
- Set
- Material Symbols
- Style
- Regular
- Viewbox
- 24×24
- License
- Apache 2.0
Related icons in Material Symbols
Use the service directory icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 10L9 9h6l-1 1ZM3.25 8L4 6.5h16l.75 1.5Zm2-2.5L6 4h12l.75 1.5ZM3 20L2 9h5.5l2 2h5l2-2H22l-1 11Zm7.75-1.5q.25 0 .438-.137q.187-.138.262-.363h1.1q.075.225.262.363q.188.137.438.137q.3 0 .525-.225q.225-.225.225-.525q0-.3-.225-.525Q13.55 17 13.25 17q-.25 0-.438.137q-.187.138-.262.363h-1.1q-.025-.075-.062-.137q-.038-.063-.088-.113l.575-1.025q.05 0 .063.013q.012.012.062.012q.25 0 .438-.137q.187-.138.262-.363h1.35q.075.225.262.363q.188.137.438.137q.3 0 .525-.225q.225-.225.225-.525q0-.3-.225-.525q-.225-.225-.525-.225q-.25 0-.438.137q-.187.138-.262.363H12.7q-.05-.15-.15-.25l.575-1.025q.05 0 .063.013q.012.012.062.012q.3 0 .525-.225q.225-.225.225-.525q0-.3-.225-.525q-.225-.225-.525-.225q-.25 0-.438.137q-.187.138-.262.363h-1.1q-.075-.225-.262-.363Q11 12.5 10.75 12.5q-.3 0-.525.225q-.225.225-.225.525q0 .3.225.525q.225.225.525.225q.25 0 .438-.137q.187-.138.262-.363h1.1q.025.075.063.137q.037.063.087.113l-.575 1.025q-.05 0-.063-.013q-.012-.012-.062-.012q-.25 0-.438.137q-.187.138-.262.363H9.95q-.075-.225-.262-.363q-.188-.137-.438-.137q-.3 0-.525.225q-.225.225-.225.525q0 .3.225.525q.225.225.525.225q.25 0 .438-.137q.187-.138.262-.363h1.35q.05.15.15.25l-.575 1.025q-.05 0-.063-.013Q10.8 17 10.75 17q-.3 0-.525.225q-.225.225-.225.525q0 .3.225.525q.225.225.525.225Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsServiceDirectory(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="M10 10L9 9h6l-1 1ZM3.25 8L4 6.5h16l.75 1.5Zm2-2.5L6 4h12l.75 1.5ZM3 20L2 9h5.5l2 2h5l2-2H22l-1 11Zm7.75-1.5q.25 0 .438-.137q.187-.138.262-.363h1.1q.075.225.262.363q.188.137.438.137q.3 0 .525-.225q.225-.225.225-.525q0-.3-.225-.525Q13.55 17 13.25 17q-.25 0-.438.137q-.187.138-.262.363h-1.1q-.025-.075-.062-.137q-.038-.063-.088-.113l.575-1.025q.05 0 .063.013q.012.012.062.012q.25 0 .438-.137q.187-.138.262-.363h1.35q.075.225.262.363q.188.137.438.137q.3 0 .525-.225q.225-.225.225-.525q0-.3-.225-.525q-.225-.225-.525-.225q-.25 0-.438.137q-.187.138-.262.363H12.7q-.05-.15-.15-.25l.575-1.025q.05 0 .063.013q.012.012.062.012q.3 0 .525-.225q.225-.225.225-.525q0-.3-.225-.525q-.225-.225-.525-.225q-.25 0-.438.137q-.187.138-.262.363h-1.1q-.075-.225-.262-.363Q11 12.5 10.75 12.5q-.3 0-.525.225q-.225.225-.225.525q0 .3.225.525q.225.225.525.225q.25 0 .438-.137q.187-.138.262-.363h1.1q.025.075.063.137q.037.063.087.113l-.575 1.025q-.05 0-.063-.013q-.012-.012-.062-.012q-.25 0-.438.137q-.187.138-.262.363H9.95q-.075-.225-.262-.363q-.188-.137-.438-.137q-.3 0-.525.225q-.225.225-.225.525q0 .3.225.525q.225.225.525.225q.25 0 .438-.137q.187-.138.262-.363h1.35q.05.15.15.25l-.575 1.025q-.05 0-.063-.013Q10.8 17 10.75 17q-.3 0-.525.225q-.225.225-.225.525q0 .3.225.525q.225.225.525.225Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 10L9 9h6l-1 1ZM3.25 8L4 6.5h16l.75 1.5Zm2-2.5L6 4h12l.75 1.5ZM3 20L2 9h5.5l2 2h5l2-2H22l-1 11Zm7.75-1.5q.25 0 .438-.137q.187-.138.262-.363h1.1q.075.225.262.363q.188.137.438.137q.3 0 .525-.225q.225-.225.225-.525q0-.3-.225-.525Q13.55 17 13.25 17q-.25 0-.438.137q-.187.138-.262.363h-1.1q-.025-.075-.062-.137q-.038-.063-.088-.113l.575-1.025q.05 0 .063.013q.012.012.062.012q.25 0 .438-.137q.187-.138.262-.363h1.35q.075.225.262.363q.188.137.438.137q.3 0 .525-.225q.225-.225.225-.525q0-.3-.225-.525q-.225-.225-.525-.225q-.25 0-.438.137q-.187.138-.262.363H12.7q-.05-.15-.15-.25l.575-1.025q.05 0 .063.013q.012.012.062.012q.3 0 .525-.225q.225-.225.225-.525q0-.3-.225-.525q-.225-.225-.525-.225q-.25 0-.438.137q-.187.138-.262.363h-1.1q-.075-.225-.262-.363Q11 12.5 10.75 12.5q-.3 0-.525.225q-.225.225-.225.525q0 .3.225.525q.225.225.525.225q.25 0 .438-.137q.187-.138.262-.363h1.1q.025.075.063.137q.037.063.087.113l-.575 1.025q-.05 0-.063-.013q-.012-.012-.062-.012q-.25 0-.438.137q-.187.138-.262.363H9.95q-.075-.225-.262-.363q-.188-.137-.438-.137q-.3 0-.525.225q-.225.225-.225.525q0 .3.225.525q.225.225.525.225q.25 0 .438-.137q.187-.138.262-.363h1.35q.05.15.15.25l-.575 1.025q-.05 0-.063-.013Q10.8 17 10.75 17q-.3 0-.525.225q-.225.225-.225.525q0 .3.225.525q.225.225.525.225Z"/></svg> </template>
CSS
.icon-service-directory {
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%22M10%2010L9%209h6l-1%201ZM3.25%208L4%206.5h16l.75%201.5Zm2-2.5L6%204h12l.75%201.5ZM3%2020L2%209h5.5l2%202h5l2-2H22l-1%2011Zm7.75-1.5q.25%200%20.438-.137q.187-.138.262-.363h1.1q.075.225.262.363q.188.137.438.137q.3%200%20.525-.225q.225-.225.225-.525q0-.3-.225-.525Q13.55%2017%2013.25%2017q-.25%200-.438.137q-.187.138-.262.363h-1.1q-.025-.075-.062-.137q-.038-.063-.088-.113l.575-1.025q.05%200%20.063.013q.012.012.062.012q.25%200%20.438-.137q.187-.138.262-.363h1.35q.075.225.262.363q.188.137.438.137q.3%200%20.525-.225q.225-.225.225-.525q0-.3-.225-.525q-.225-.225-.525-.225q-.25%200-.438.137q-.187.138-.262.363H12.7q-.05-.15-.15-.25l.575-1.025q.05%200%20.063.013q.012.012.062.012q.3%200%20.525-.225q.225-.225.225-.525q0-.3-.225-.525q-.225-.225-.525-.225q-.25%200-.438.137q-.187.138-.262.363h-1.1q-.075-.225-.262-.363Q11%2012.5%2010.75%2012.5q-.3%200-.525.225q-.225.225-.225.525q0%20.3.225.525q.225.225.525.225q.25%200%20.438-.137q.187-.138.262-.363h1.1q.025.075.063.137q.037.063.087.113l-.575%201.025q-.05%200-.063-.013q-.012-.012-.062-.012q-.25%200-.438.137q-.187.138-.262.363H9.95q-.075-.225-.262-.363q-.188-.137-.438-.137q-.3%200-.525.225q-.225.225-.225.525q0%20.3.225.525q.225.225.525.225q.25%200%20.438-.137q.187-.138.262-.363h1.35q.05.15.15.25l-.575%201.025q-.05%200-.063-.013Q10.8%2017%2010.75%2017q-.3%200-.525.225q-.225.225-.225.525q0%20.3.225.525q.225.225.525.225Z%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%22M10%2010L9%209h6l-1%201ZM3.25%208L4%206.5h16l.75%201.5Zm2-2.5L6%204h12l.75%201.5ZM3%2020L2%209h5.5l2%202h5l2-2H22l-1%2011Zm7.75-1.5q.25%200%20.438-.137q.187-.138.262-.363h1.1q.075.225.262.363q.188.137.438.137q.3%200%20.525-.225q.225-.225.225-.525q0-.3-.225-.525Q13.55%2017%2013.25%2017q-.25%200-.438.137q-.187.138-.262.363h-1.1q-.025-.075-.062-.137q-.038-.063-.088-.113l.575-1.025q.05%200%20.063.013q.012.012.062.012q.25%200%20.438-.137q.187-.138.262-.363h1.35q.075.225.262.363q.188.137.438.137q.3%200%20.525-.225q.225-.225.225-.525q0-.3-.225-.525q-.225-.225-.525-.225q-.25%200-.438.137q-.187.138-.262.363H12.7q-.05-.15-.15-.25l.575-1.025q.05%200%20.063.013q.012.012.062.012q.3%200%20.525-.225q.225-.225.225-.525q0-.3-.225-.525q-.225-.225-.525-.225q-.25%200-.438.137q-.187.138-.262.363h-1.1q-.075-.225-.262-.363Q11%2012.5%2010.75%2012.5q-.3%200-.525.225q-.225.225-.225.525q0%20.3.225.525q.225.225.525.225q.25%200%20.438-.137q.187-.138.262-.363h1.1q.025.075.063.137q.037.063.087.113l-.575%201.025q-.05%200-.063-.013q-.012-.012-.062-.012q-.25%200-.438.137q-.187.138-.262.363H9.95q-.075-.225-.262-.363q-.188-.137-.438-.137q-.3%200-.525.225q-.225.225-.225.525q0%20.3.225.525q.225.225.525.225q.25%200%20.438-.137q.187-.138.262-.363h1.35q.05.15.15.25l-.575%201.025q-.05%200-.063-.013Q10.8%2017%2010.75%2017q-.3%200-.525.225q-.225.225-.225.525q0%20.3.225.525q.225.225.525.225Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/service-directory.svg?color=%231a73e8&size=48
