family group icon
family-group-rounded from Material Symbols by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- family-group-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- family-group-outline-rounded
1 other variant in Material Symbols
The same icon in other sets
More social icons from Material Symbols
Use the family group icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 16q-.825 0-1.412-.587T4 14t.588-1.412T6 12t1.413.588T8 14t-.587 1.413T6 16m12 0q-.825 0-1.412-.587T16 14t.588-1.412T18 12t1.413.588T20 14t-.587 1.413T18 16m-6-1q-1.05 0-1.775-.725T9.5 12.5t.725-1.775T12 10t1.775.725t.725 1.775t-.725 1.775T12 15m-4.9 6q.175-.875.625-1.588t1.1-1.262t1.463-.85T12 17t1.713.3t1.462.85t1.1 1.263T16.9 21zm-3.825 0q-.525 0-.9-.35T2 19.85q0-.975 1.188-1.913T5.925 17q.425 0 .825.075t.775.225q-.75.725-1.25 1.663T5.6 21zM18.4 21q-.175-1.1-.675-2.037t-1.25-1.663q.375-.15.763-.225T18.05 17q1.55 0 2.75.938T22 19.85q0 .475-.375.813T20.7 21zM1.6 11.2q-.25-.35-.2-.75t.4-.65l8.975-6.875Q11.325 2.5 12 2.5t1.225.425L16 5.05V4.5q0-.625.438-1.062T17.5 3t1.063.438T19 4.5v2.85l3.2 2.45q.325.25.388.65t-.188.75t-.65.4t-.75-.2l-9-6.875L3 11.4q-.35.25-.75.2t-.65-.4"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsFamilyGroupRounded(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="M6 16q-.825 0-1.412-.587T4 14t.588-1.412T6 12t1.413.588T8 14t-.587 1.413T6 16m12 0q-.825 0-1.412-.587T16 14t.588-1.412T18 12t1.413.588T20 14t-.587 1.413T18 16m-6-1q-1.05 0-1.775-.725T9.5 12.5t.725-1.775T12 10t1.775.725t.725 1.775t-.725 1.775T12 15m-4.9 6q.175-.875.625-1.588t1.1-1.262t1.463-.85T12 17t1.713.3t1.462.85t1.1 1.263T16.9 21zm-3.825 0q-.525 0-.9-.35T2 19.85q0-.975 1.188-1.913T5.925 17q.425 0 .825.075t.775.225q-.75.725-1.25 1.663T5.6 21zM18.4 21q-.175-1.1-.675-2.037t-1.25-1.663q.375-.15.763-.225T18.05 17q1.55 0 2.75.938T22 19.85q0 .475-.375.813T20.7 21zM1.6 11.2q-.25-.35-.2-.75t.4-.65l8.975-6.875Q11.325 2.5 12 2.5t1.225.425L16 5.05V4.5q0-.625.438-1.062T17.5 3t1.063.438T19 4.5v2.85l3.2 2.45q.325.25.388.65t-.188.75t-.65.4t-.75-.2l-9-6.875L3 11.4q-.35.25-.75.2t-.65-.4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 16q-.825 0-1.412-.587T4 14t.588-1.412T6 12t1.413.588T8 14t-.587 1.413T6 16m12 0q-.825 0-1.412-.587T16 14t.588-1.412T18 12t1.413.588T20 14t-.587 1.413T18 16m-6-1q-1.05 0-1.775-.725T9.5 12.5t.725-1.775T12 10t1.775.725t.725 1.775t-.725 1.775T12 15m-4.9 6q.175-.875.625-1.588t1.1-1.262t1.463-.85T12 17t1.713.3t1.462.85t1.1 1.263T16.9 21zm-3.825 0q-.525 0-.9-.35T2 19.85q0-.975 1.188-1.913T5.925 17q.425 0 .825.075t.775.225q-.75.725-1.25 1.663T5.6 21zM18.4 21q-.175-1.1-.675-2.037t-1.25-1.663q.375-.15.763-.225T18.05 17q1.55 0 2.75.938T22 19.85q0 .475-.375.813T20.7 21zM1.6 11.2q-.25-.35-.2-.75t.4-.65l8.975-6.875Q11.325 2.5 12 2.5t1.225.425L16 5.05V4.5q0-.625.438-1.062T17.5 3t1.063.438T19 4.5v2.85l3.2 2.45q.325.25.388.65t-.188.75t-.65.4t-.75-.2l-9-6.875L3 11.4q-.35.25-.75.2t-.65-.4"/></svg> </template>
CSS
.icon-family-group-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%22M6%2016q-.825%200-1.412-.587T4%2014t.588-1.412T6%2012t1.413.588T8%2014t-.587%201.413T6%2016m12%200q-.825%200-1.412-.587T16%2014t.588-1.412T18%2012t1.413.588T20%2014t-.587%201.413T18%2016m-6-1q-1.05%200-1.775-.725T9.5%2012.5t.725-1.775T12%2010t1.775.725t.725%201.775t-.725%201.775T12%2015m-4.9%206q.175-.875.625-1.588t1.1-1.262t1.463-.85T12%2017t1.713.3t1.462.85t1.1%201.263T16.9%2021zm-3.825%200q-.525%200-.9-.35T2%2019.85q0-.975%201.188-1.913T5.925%2017q.425%200%20.825.075t.775.225q-.75.725-1.25%201.663T5.6%2021zM18.4%2021q-.175-1.1-.675-2.037t-1.25-1.663q.375-.15.763-.225T18.05%2017q1.55%200%202.75.938T22%2019.85q0%20.475-.375.813T20.7%2021zM1.6%2011.2q-.25-.35-.2-.75t.4-.65l8.975-6.875Q11.325%202.5%2012%202.5t1.225.425L16%205.05V4.5q0-.625.438-1.062T17.5%203t1.063.438T19%204.5v2.85l3.2%202.45q.325.25.388.65t-.188.75t-.65.4t-.75-.2l-9-6.875L3%2011.4q-.35.25-.75.2t-.65-.4%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%22M6%2016q-.825%200-1.412-.587T4%2014t.588-1.412T6%2012t1.413.588T8%2014t-.587%201.413T6%2016m12%200q-.825%200-1.412-.587T16%2014t.588-1.412T18%2012t1.413.588T20%2014t-.587%201.413T18%2016m-6-1q-1.05%200-1.775-.725T9.5%2012.5t.725-1.775T12%2010t1.775.725t.725%201.775t-.725%201.775T12%2015m-4.9%206q.175-.875.625-1.588t1.1-1.262t1.463-.85T12%2017t1.713.3t1.462.85t1.1%201.263T16.9%2021zm-3.825%200q-.525%200-.9-.35T2%2019.85q0-.975%201.188-1.913T5.925%2017q.425%200%20.825.075t.775.225q-.75.725-1.25%201.663T5.6%2021zM18.4%2021q-.175-1.1-.675-2.037t-1.25-1.663q.375-.15.763-.225T18.05%2017q1.55%200%202.75.938T22%2019.85q0%20.475-.375.813T20.7%2021zM1.6%2011.2q-.25-.35-.2-.75t.4-.65l8.975-6.875Q11.325%202.5%2012%202.5t1.225.425L16%205.05V4.5q0-.625.438-1.062T17.5%203t1.063.438T19%204.5v2.85l3.2%202.45q.325.25.388.65t-.188.75t-.65.4t-.75-.2l-9-6.875L3%2011.4q-.35.25-.75.2t-.65-.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/family-group-rounded.svg?color=%231a73e8&size=48
