group off icon
group-off-outline from Material Symbols by Google · Outline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- group-off-outline
- Set
- Material Symbols
- Style
- Outline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- group-off-outline-sharp
3 other variants in Material Symbols
The same icon in other sets
More social icons from Material Symbols
Use the group off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.475 23.3L17 19.825V20H1v-2.8q0-.85.438-1.562T2.6 14.55q1.55-.775 3.15-1.162T9 13q.3 0 .613.013t.612.037L9.175 12H9q-1.65 0-2.825-1.175T5 8v-.175L.675 3.5L2.1 2.075l19.8 19.8zM16.65 13.15q1.275.15 2.4.513t2.1.887q.9.5 1.375 1.112T23 17v3h-.125l-4-4q-.225-.825-.788-1.562T16.65 13.15M9 15q-1.4 0-2.775.338T3.5 16.35q-.225.125-.363.35T3 17.2v.8h12v-.175l-2.175-2.175q-.95-.325-1.912-.487T9 15m5.05-3.825q.475-.7.713-1.5T15 8q0-1.05-.362-2.025T13.6 4.2q.35-.125.7-.162T15 4q1.65 0 2.825 1.175T19 8t-1.237 2.825T14.875 12zm-1.45-1.45l-1.6-1.6V8q0-.825-.587-1.412T9 6h-.125l-1.6-1.6q.4-.2.825-.3T9 4q1.65 0 2.825 1.175T13 8q0 .475-.1.9t-.3.825M9.95 7.05"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsGroupOffOutline(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="M20.475 23.3L17 19.825V20H1v-2.8q0-.85.438-1.562T2.6 14.55q1.55-.775 3.15-1.162T9 13q.3 0 .613.013t.612.037L9.175 12H9q-1.65 0-2.825-1.175T5 8v-.175L.675 3.5L2.1 2.075l19.8 19.8zM16.65 13.15q1.275.15 2.4.513t2.1.887q.9.5 1.375 1.112T23 17v3h-.125l-4-4q-.225-.825-.788-1.562T16.65 13.15M9 15q-1.4 0-2.775.338T3.5 16.35q-.225.125-.363.35T3 17.2v.8h12v-.175l-2.175-2.175q-.95-.325-1.912-.487T9 15m5.05-3.825q.475-.7.713-1.5T15 8q0-1.05-.362-2.025T13.6 4.2q.35-.125.7-.162T15 4q1.65 0 2.825 1.175T19 8t-1.237 2.825T14.875 12zm-1.45-1.45l-1.6-1.6V8q0-.825-.587-1.412T9 6h-.125l-1.6-1.6q.4-.2.825-.3T9 4q1.65 0 2.825 1.175T13 8q0 .475-.1.9t-.3.825M9.95 7.05"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.475 23.3L17 19.825V20H1v-2.8q0-.85.438-1.562T2.6 14.55q1.55-.775 3.15-1.162T9 13q.3 0 .613.013t.612.037L9.175 12H9q-1.65 0-2.825-1.175T5 8v-.175L.675 3.5L2.1 2.075l19.8 19.8zM16.65 13.15q1.275.15 2.4.513t2.1.887q.9.5 1.375 1.112T23 17v3h-.125l-4-4q-.225-.825-.788-1.562T16.65 13.15M9 15q-1.4 0-2.775.338T3.5 16.35q-.225.125-.363.35T3 17.2v.8h12v-.175l-2.175-2.175q-.95-.325-1.912-.487T9 15m5.05-3.825q.475-.7.713-1.5T15 8q0-1.05-.362-2.025T13.6 4.2q.35-.125.7-.162T15 4q1.65 0 2.825 1.175T19 8t-1.237 2.825T14.875 12zm-1.45-1.45l-1.6-1.6V8q0-.825-.587-1.412T9 6h-.125l-1.6-1.6q.4-.2.825-.3T9 4q1.65 0 2.825 1.175T13 8q0 .475-.1.9t-.3.825M9.95 7.05"/></svg> </template>
CSS
.icon-group-off-outline {
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%22M20.475%2023.3L17%2019.825V20H1v-2.8q0-.85.438-1.562T2.6%2014.55q1.55-.775%203.15-1.162T9%2013q.3%200%20.613.013t.612.037L9.175%2012H9q-1.65%200-2.825-1.175T5%208v-.175L.675%203.5L2.1%202.075l19.8%2019.8zM16.65%2013.15q1.275.15%202.4.513t2.1.887q.9.5%201.375%201.112T23%2017v3h-.125l-4-4q-.225-.825-.788-1.562T16.65%2013.15M9%2015q-1.4%200-2.775.338T3.5%2016.35q-.225.125-.363.35T3%2017.2v.8h12v-.175l-2.175-2.175q-.95-.325-1.912-.487T9%2015m5.05-3.825q.475-.7.713-1.5T15%208q0-1.05-.362-2.025T13.6%204.2q.35-.125.7-.162T15%204q1.65%200%202.825%201.175T19%208t-1.237%202.825T14.875%2012zm-1.45-1.45l-1.6-1.6V8q0-.825-.587-1.412T9%206h-.125l-1.6-1.6q.4-.2.825-.3T9%204q1.65%200%202.825%201.175T13%208q0%20.475-.1.9t-.3.825M9.95%207.05%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%22M20.475%2023.3L17%2019.825V20H1v-2.8q0-.85.438-1.562T2.6%2014.55q1.55-.775%203.15-1.162T9%2013q.3%200%20.613.013t.612.037L9.175%2012H9q-1.65%200-2.825-1.175T5%208v-.175L.675%203.5L2.1%202.075l19.8%2019.8zM16.65%2013.15q1.275.15%202.4.513t2.1.887q.9.5%201.375%201.112T23%2017v3h-.125l-4-4q-.225-.825-.788-1.562T16.65%2013.15M9%2015q-1.4%200-2.775.338T3.5%2016.35q-.225.125-.363.35T3%2017.2v.8h12v-.175l-2.175-2.175q-.95-.325-1.912-.487T9%2015m5.05-3.825q.475-.7.713-1.5T15%208q0-1.05-.362-2.025T13.6%204.2q.35-.125.7-.162T15%204q1.65%200%202.825%201.175T19%208t-1.237%202.825T14.875%2012zm-1.45-1.45l-1.6-1.6V8q0-.825-.587-1.412T9%206h-.125l-1.6-1.6q.4-.2.825-.3T9%204q1.65%200%202.825%201.175T13%208q0%20.475-.1.9t-.3.825M9.95%207.05%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/group-off-outline.svg?color=%231a73e8&size=48
