group-add-rounded from Material Symbols Light by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.

Name
group-add-rounded
Set
Material Symbols Light
Style
Rounded
Category
Social
Viewbox
24×24
License
Apache 2.0

3 other variants in Material Symbols Light

The same icon in other sets

More social icons from Material Symbols Light

Use the group add icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.692 11.335q.552-.589.776-1.364t.224-1.587t-.224-1.586t-.776-1.364q1.135.104 1.875.95q.74.847.74 2t-.74 2t-1.875.95m4.777 7.281q.102-.238.163-.5t.06-.538v-.654q0-.727-.265-1.395q-.265-.669-.838-1.101q1.025.315 1.872.903q.847.587.847 1.593v.654q0 .44-.3.74q-.298.298-.739.298zm1.839-8.115h-1.5q-.214 0-.357-.143T17.308 10t.143-.357t.357-.143h1.5V8q0-.213.143-.357t.357-.143t.356.143t.144.357v1.5h1.5q.213 0 .356.143t.144.357t-.144.357t-.356.143h-1.5V12q0 .214-.144.357t-.356.143t-.357-.143t-.143-.357zm-12.739.008q-.877-.877-.877-2.123T6.57 6.26t2.123-.877t2.123.877t.877 2.123t-.877 2.124t-2.123.877t-2.123-.877m-4.877 7.069v-.608q0-.619.36-1.158q.362-.54.971-.838q1.416-.679 2.833-1.018q1.417-.34 2.836-.34t2.837.34t2.833 1.018q.61.298.97.838q.36.539.36 1.158v.608q0 .44-.299.74q-.299.299-.74.299H2.732q-.44 0-.74-.3q-.299-.299-.299-.739"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightGroupAddRounded(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="M12.692 11.335q.552-.589.776-1.364t.224-1.587t-.224-1.586t-.776-1.364q1.135.104 1.875.95q.74.847.74 2t-.74 2t-1.875.95m4.777 7.281q.102-.238.163-.5t.06-.538v-.654q0-.727-.265-1.395q-.265-.669-.838-1.101q1.025.315 1.872.903q.847.587.847 1.593v.654q0 .44-.3.74q-.298.298-.739.298zm1.839-8.115h-1.5q-.214 0-.357-.143T17.308 10t.143-.357t.357-.143h1.5V8q0-.213.143-.357t.357-.143t.356.143t.144.357v1.5h1.5q.213 0 .356.143t.144.357t-.144.357t-.356.143h-1.5V12q0 .214-.144.357t-.356.143t-.357-.143t-.143-.357zm-12.739.008q-.877-.877-.877-2.123T6.57 6.26t2.123-.877t2.123.877t.877 2.123t-.877 2.124t-2.123.877t-2.123-.877m-4.877 7.069v-.608q0-.619.36-1.158q.362-.54.971-.838q1.416-.679 2.833-1.018q1.417-.34 2.836-.34t2.837.34t2.833 1.018q.61.298.97.838q.36.539.36 1.158v.608q0 .44-.299.74q-.299.299-.74.299H2.732q-.44 0-.74-.3q-.299-.299-.299-.739"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.692 11.335q.552-.589.776-1.364t.224-1.587t-.224-1.586t-.776-1.364q1.135.104 1.875.95q.74.847.74 2t-.74 2t-1.875.95m4.777 7.281q.102-.238.163-.5t.06-.538v-.654q0-.727-.265-1.395q-.265-.669-.838-1.101q1.025.315 1.872.903q.847.587.847 1.593v.654q0 .44-.3.74q-.298.298-.739.298zm1.839-8.115h-1.5q-.214 0-.357-.143T17.308 10t.143-.357t.357-.143h1.5V8q0-.213.143-.357t.357-.143t.356.143t.144.357v1.5h1.5q.213 0 .356.143t.144.357t-.144.357t-.356.143h-1.5V12q0 .214-.144.357t-.356.143t-.357-.143t-.143-.357zm-12.739.008q-.877-.877-.877-2.123T6.57 6.26t2.123-.877t2.123.877t.877 2.123t-.877 2.124t-2.123.877t-2.123-.877m-4.877 7.069v-.608q0-.619.36-1.158q.362-.54.971-.838q1.416-.679 2.833-1.018q1.417-.34 2.836-.34t2.837.34t2.833 1.018q.61.298.97.838q.36.539.36 1.158v.608q0 .44-.299.74q-.299.299-.74.299H2.732q-.44 0-.74-.3q-.299-.299-.299-.739"/></svg>
</template>

CSS

.icon-group-add-rounded {
  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%22M12.692%2011.335q.552-.589.776-1.364t.224-1.587t-.224-1.586t-.776-1.364q1.135.104%201.875.95q.74.847.74%202t-.74%202t-1.875.95m4.777%207.281q.102-.238.163-.5t.06-.538v-.654q0-.727-.265-1.395q-.265-.669-.838-1.101q1.025.315%201.872.903q.847.587.847%201.593v.654q0%20.44-.3.74q-.298.298-.739.298zm1.839-8.115h-1.5q-.214%200-.357-.143T17.308%2010t.143-.357t.357-.143h1.5V8q0-.213.143-.357t.357-.143t.356.143t.144.357v1.5h1.5q.213%200%20.356.143t.144.357t-.144.357t-.356.143h-1.5V12q0%20.214-.144.357t-.356.143t-.357-.143t-.143-.357zm-12.739.008q-.877-.877-.877-2.123T6.57%206.26t2.123-.877t2.123.877t.877%202.123t-.877%202.124t-2.123.877t-2.123-.877m-4.877%207.069v-.608q0-.619.36-1.158q.362-.54.971-.838q1.416-.679%202.833-1.018q1.417-.34%202.836-.34t2.837.34t2.833%201.018q.61.298.97.838q.36.539.36%201.158v.608q0%20.44-.299.74q-.299.299-.74.299H2.732q-.44%200-.74-.3q-.299-.299-.299-.739%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%22M12.692%2011.335q.552-.589.776-1.364t.224-1.587t-.224-1.586t-.776-1.364q1.135.104%201.875.95q.74.847.74%202t-.74%202t-1.875.95m4.777%207.281q.102-.238.163-.5t.06-.538v-.654q0-.727-.265-1.395q-.265-.669-.838-1.101q1.025.315%201.872.903q.847.587.847%201.593v.654q0%20.44-.3.74q-.298.298-.739.298zm1.839-8.115h-1.5q-.214%200-.357-.143T17.308%2010t.143-.357t.357-.143h1.5V8q0-.213.143-.357t.357-.143t.356.143t.144.357v1.5h1.5q.213%200%20.356.143t.144.357t-.144.357t-.356.143h-1.5V12q0%20.214-.144.357t-.356.143t-.357-.143t-.143-.357zm-12.739.008q-.877-.877-.877-2.123T6.57%206.26t2.123-.877t2.123.877t.877%202.123t-.877%202.124t-2.123.877t-2.123-.877m-4.877%207.069v-.608q0-.619.36-1.158q.362-.54.971-.838q1.416-.679%202.833-1.018q1.417-.34%202.836-.34t2.837.34t2.833%201.018q.61.298.97.838q.36.539.36%201.158v.608q0%20.44-.299.74q-.299.299-.74.299H2.732q-.44%200-.74-.3q-.299-.299-.299-.739%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/group-add-rounded.svg?color=%231a73e8&size=48