diversity 3 icon
diversity-3 from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- diversity-3
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- diversity-3-outline, diversity-3-outline-sharp, diversity-3-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the diversity 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.02 19.385v-3.5q0-.6.395-1.031q.394-.431.97-.47h2.89q.404 0 .767.193q.364.192.6.56q.764 1.07 1.903 1.66q1.14.588 2.455.588q1.321 0 2.47-.589q1.15-.588 1.907-1.66q.248-.367.609-.559q.36-.192.739-.192h2.89q.581.038.983.469q.402.43.402 1.03v3.5h-6v-2.428q-.836.683-1.859 1.056q-1.022.373-2.141.373q-1.094 0-2.11-.367q-1.015-.366-1.87-1.049v2.416zm9.98-3.77q-.854 0-1.617-.399q-.764-.399-1.281-1.097q-.348-.49-.822-.833t-1.032-.497q.723-.637 2.123-.963T12 11.5t2.629.326t2.142.963q-.552.153-1.029.497t-.825.833q-.492.723-1.265 1.11T12 15.616m-7.423-3q-1.02 0-1.76-.741q-.74-.74-.74-1.76q0-1.044.74-1.772q.74-.727 1.76-.727q1.044 0 1.772.727q.728.728.728 1.773q0 1.019-.728 1.759t-1.772.74m14.846 0q-1.02 0-1.76-.74t-.74-1.76q0-1.044.74-1.772q.74-.727 1.76-.727q1.044 0 1.772.727q.728.728.728 1.773q0 1.019-.728 1.759t-1.772.74m-7.423-3q-1.02 0-1.76-.74t-.74-1.76q0-1.044.74-1.772q.74-.727 1.76-.727q1.044 0 1.772.727q.728.728.728 1.773q0 1.019-.728 1.759T12 9.615"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightDiversity3(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="M2.02 19.385v-3.5q0-.6.395-1.031q.394-.431.97-.47h2.89q.404 0 .767.193q.364.192.6.56q.764 1.07 1.903 1.66q1.14.588 2.455.588q1.321 0 2.47-.589q1.15-.588 1.907-1.66q.248-.367.609-.559q.36-.192.739-.192h2.89q.581.038.983.469q.402.43.402 1.03v3.5h-6v-2.428q-.836.683-1.859 1.056q-1.022.373-2.141.373q-1.094 0-2.11-.367q-1.015-.366-1.87-1.049v2.416zm9.98-3.77q-.854 0-1.617-.399q-.764-.399-1.281-1.097q-.348-.49-.822-.833t-1.032-.497q.723-.637 2.123-.963T12 11.5t2.629.326t2.142.963q-.552.153-1.029.497t-.825.833q-.492.723-1.265 1.11T12 15.616m-7.423-3q-1.02 0-1.76-.741q-.74-.74-.74-1.76q0-1.044.74-1.772q.74-.727 1.76-.727q1.044 0 1.772.727q.728.728.728 1.773q0 1.019-.728 1.759t-1.772.74m14.846 0q-1.02 0-1.76-.74t-.74-1.76q0-1.044.74-1.772q.74-.727 1.76-.727q1.044 0 1.772.727q.728.728.728 1.773q0 1.019-.728 1.759t-1.772.74m-7.423-3q-1.02 0-1.76-.74t-.74-1.76q0-1.044.74-1.772q.74-.727 1.76-.727q1.044 0 1.772.727q.728.728.728 1.773q0 1.019-.728 1.759T12 9.615"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.02 19.385v-3.5q0-.6.395-1.031q.394-.431.97-.47h2.89q.404 0 .767.193q.364.192.6.56q.764 1.07 1.903 1.66q1.14.588 2.455.588q1.321 0 2.47-.589q1.15-.588 1.907-1.66q.248-.367.609-.559q.36-.192.739-.192h2.89q.581.038.983.469q.402.43.402 1.03v3.5h-6v-2.428q-.836.683-1.859 1.056q-1.022.373-2.141.373q-1.094 0-2.11-.367q-1.015-.366-1.87-1.049v2.416zm9.98-3.77q-.854 0-1.617-.399q-.764-.399-1.281-1.097q-.348-.49-.822-.833t-1.032-.497q.723-.637 2.123-.963T12 11.5t2.629.326t2.142.963q-.552.153-1.029.497t-.825.833q-.492.723-1.265 1.11T12 15.616m-7.423-3q-1.02 0-1.76-.741q-.74-.74-.74-1.76q0-1.044.74-1.772q.74-.727 1.76-.727q1.044 0 1.772.727q.728.728.728 1.773q0 1.019-.728 1.759t-1.772.74m14.846 0q-1.02 0-1.76-.74t-.74-1.76q0-1.044.74-1.772q.74-.727 1.76-.727q1.044 0 1.772.727q.728.728.728 1.773q0 1.019-.728 1.759t-1.772.74m-7.423-3q-1.02 0-1.76-.74t-.74-1.76q0-1.044.74-1.772q.74-.727 1.76-.727q1.044 0 1.772.727q.728.728.728 1.773q0 1.019-.728 1.759T12 9.615"/></svg> </template>
CSS
.icon-diversity-3 {
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%22M2.02%2019.385v-3.5q0-.6.395-1.031q.394-.431.97-.47h2.89q.404%200%20.767.193q.364.192.6.56q.764%201.07%201.903%201.66q1.14.588%202.455.588q1.321%200%202.47-.589q1.15-.588%201.907-1.66q.248-.367.609-.559q.36-.192.739-.192h2.89q.581.038.983.469q.402.43.402%201.03v3.5h-6v-2.428q-.836.683-1.859%201.056q-1.022.373-2.141.373q-1.094%200-2.11-.367q-1.015-.366-1.87-1.049v2.416zm9.98-3.77q-.854%200-1.617-.399q-.764-.399-1.281-1.097q-.348-.49-.822-.833t-1.032-.497q.723-.637%202.123-.963T12%2011.5t2.629.326t2.142.963q-.552.153-1.029.497t-.825.833q-.492.723-1.265%201.11T12%2015.616m-7.423-3q-1.02%200-1.76-.741q-.74-.74-.74-1.76q0-1.044.74-1.772q.74-.727%201.76-.727q1.044%200%201.772.727q.728.728.728%201.773q0%201.019-.728%201.759t-1.772.74m14.846%200q-1.02%200-1.76-.74t-.74-1.76q0-1.044.74-1.772q.74-.727%201.76-.727q1.044%200%201.772.727q.728.728.728%201.773q0%201.019-.728%201.759t-1.772.74m-7.423-3q-1.02%200-1.76-.74t-.74-1.76q0-1.044.74-1.772q.74-.727%201.76-.727q1.044%200%201.772.727q.728.728.728%201.773q0%201.019-.728%201.759T12%209.615%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%22M2.02%2019.385v-3.5q0-.6.395-1.031q.394-.431.97-.47h2.89q.404%200%20.767.193q.364.192.6.56q.764%201.07%201.903%201.66q1.14.588%202.455.588q1.321%200%202.47-.589q1.15-.588%201.907-1.66q.248-.367.609-.559q.36-.192.739-.192h2.89q.581.038.983.469q.402.43.402%201.03v3.5h-6v-2.428q-.836.683-1.859%201.056q-1.022.373-2.141.373q-1.094%200-2.11-.367q-1.015-.366-1.87-1.049v2.416zm9.98-3.77q-.854%200-1.617-.399q-.764-.399-1.281-1.097q-.348-.49-.822-.833t-1.032-.497q.723-.637%202.123-.963T12%2011.5t2.629.326t2.142.963q-.552.153-1.029.497t-.825.833q-.492.723-1.265%201.11T12%2015.616m-7.423-3q-1.02%200-1.76-.741q-.74-.74-.74-1.76q0-1.044.74-1.772q.74-.727%201.76-.727q1.044%200%201.772.727q.728.728.728%201.773q0%201.019-.728%201.759t-1.772.74m14.846%200q-1.02%200-1.76-.74t-.74-1.76q0-1.044.74-1.772q.74-.727%201.76-.727q1.044%200%201.772.727q.728.728.728%201.773q0%201.019-.728%201.759t-1.772.74m-7.423-3q-1.02%200-1.76-.74t-.74-1.76q0-1.044.74-1.772q.74-.727%201.76-.727q1.044%200%201.772.727q.728.728.728%201.773q0%201.019-.728%201.759T12%209.615%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/diversity-3.svg?color=%231a73e8&size=48
