diversity 3 icon

diversity-3 from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: diversity-3
Set: Material Symbols
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

diversity-3-rounded

The same icon in other sets

diversity-3Material Symbols Light

More social icons from Material Symbols

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="M1 20v-4q0-.85.588-1.425T3 14h3.275q.5 0 .95.25t.725.675q.725.975 1.788 1.525T12 17q1.225 0 2.288-.55t1.762-1.525q.325-.425.763-.675t.912-.25H21q.85 0 1.425.575T23 16v4h-7v-2.275q-.875.625-1.888.95T12 19q-1.075 0-2.1-.337T8 17.7V20zm11-4q-.95 0-1.8-.437T8.775 14.35q-.425-.625-1.062-.987T6.325 13q.55-.925 2.325-1.463T12 11t3.35.538T17.675 13q-.725 0-1.375.363t-1.075.987q-.55.8-1.4 1.225T12 16m-8-3q-1.25 0-2.125-.875T1 10q0-1.275.875-2.137T4 7q1.275 0 2.138.863T7 10q0 1.25-.862 2.125T4 13m16 0q-1.25 0-2.125-.875T17 10q0-1.275.875-2.137T20 7q1.275 0 2.138.863T23 10q0 1.25-.862 2.125T20 13m-8-3q-1.25 0-2.125-.875T9 7q0-1.275.875-2.137T12 4q1.275 0 2.138.863T15 7q0 1.25-.862 2.125T12 10"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsDiversity3(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="M1 20v-4q0-.85.588-1.425T3 14h3.275q.5 0 .95.25t.725.675q.725.975 1.788 1.525T12 17q1.225 0 2.288-.55t1.762-1.525q.325-.425.763-.675t.912-.25H21q.85 0 1.425.575T23 16v4h-7v-2.275q-.875.625-1.888.95T12 19q-1.075 0-2.1-.337T8 17.7V20zm11-4q-.95 0-1.8-.437T8.775 14.35q-.425-.625-1.062-.987T6.325 13q.55-.925 2.325-1.463T12 11t3.35.538T17.675 13q-.725 0-1.375.363t-1.075.987q-.55.8-1.4 1.225T12 16m-8-3q-1.25 0-2.125-.875T1 10q0-1.275.875-2.137T4 7q1.275 0 2.138.863T7 10q0 1.25-.862 2.125T4 13m16 0q-1.25 0-2.125-.875T17 10q0-1.275.875-2.137T20 7q1.275 0 2.138.863T23 10q0 1.25-.862 2.125T20 13m-8-3q-1.25 0-2.125-.875T9 7q0-1.275.875-2.137T12 4q1.275 0 2.138.863T15 7q0 1.25-.862 2.125T12 10"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1 20v-4q0-.85.588-1.425T3 14h3.275q.5 0 .95.25t.725.675q.725.975 1.788 1.525T12 17q1.225 0 2.288-.55t1.762-1.525q.325-.425.763-.675t.912-.25H21q.85 0 1.425.575T23 16v4h-7v-2.275q-.875.625-1.888.95T12 19q-1.075 0-2.1-.337T8 17.7V20zm11-4q-.95 0-1.8-.437T8.775 14.35q-.425-.625-1.062-.987T6.325 13q.55-.925 2.325-1.463T12 11t3.35.538T17.675 13q-.725 0-1.375.363t-1.075.987q-.55.8-1.4 1.225T12 16m-8-3q-1.25 0-2.125-.875T1 10q0-1.275.875-2.137T4 7q1.275 0 2.138.863T7 10q0 1.25-.862 2.125T4 13m16 0q-1.25 0-2.125-.875T17 10q0-1.275.875-2.137T20 7q1.275 0 2.138.863T23 10q0 1.25-.862 2.125T20 13m-8-3q-1.25 0-2.125-.875T9 7q0-1.275.875-2.137T12 4q1.275 0 2.138.863T15 7q0 1.25-.862 2.125T12 10"/></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%22M1%2020v-4q0-.85.588-1.425T3%2014h3.275q.5%200%20.95.25t.725.675q.725.975%201.788%201.525T12%2017q1.225%200%202.288-.55t1.762-1.525q.325-.425.763-.675t.912-.25H21q.85%200%201.425.575T23%2016v4h-7v-2.275q-.875.625-1.888.95T12%2019q-1.075%200-2.1-.337T8%2017.7V20zm11-4q-.95%200-1.8-.437T8.775%2014.35q-.425-.625-1.062-.987T6.325%2013q.55-.925%202.325-1.463T12%2011t3.35.538T17.675%2013q-.725%200-1.375.363t-1.075.987q-.55.8-1.4%201.225T12%2016m-8-3q-1.25%200-2.125-.875T1%2010q0-1.275.875-2.137T4%207q1.275%200%202.138.863T7%2010q0%201.25-.862%202.125T4%2013m16%200q-1.25%200-2.125-.875T17%2010q0-1.275.875-2.137T20%207q1.275%200%202.138.863T23%2010q0%201.25-.862%202.125T20%2013m-8-3q-1.25%200-2.125-.875T9%207q0-1.275.875-2.137T12%204q1.275%200%202.138.863T15%207q0%201.25-.862%202.125T12%2010%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%22M1%2020v-4q0-.85.588-1.425T3%2014h3.275q.5%200%20.95.25t.725.675q.725.975%201.788%201.525T12%2017q1.225%200%202.288-.55t1.762-1.525q.325-.425.763-.675t.912-.25H21q.85%200%201.425.575T23%2016v4h-7v-2.275q-.875.625-1.888.95T12%2019q-1.075%200-2.1-.337T8%2017.7V20zm11-4q-.95%200-1.8-.437T8.775%2014.35q-.425-.625-1.062-.987T6.325%2013q.55-.925%202.325-1.463T12%2011t3.35.538T17.675%2013q-.725%200-1.375.363t-1.075.987q-.55.8-1.4%201.225T12%2016m-8-3q-1.25%200-2.125-.875T1%2010q0-1.275.875-2.137T4%207q1.275%200%202.138.863T7%2010q0%201.25-.862%202.125T4%2013m16%200q-1.25%200-2.125-.875T17%2010q0-1.275.875-2.137T20%207q1.275%200%202.138.863T23%2010q0%201.25-.862%202.125T20%2013m-8-3q-1.25%200-2.125-.875T9%207q0-1.275.875-2.137T12%204q1.275%200%202.138.863T15%207q0%201.25-.862%202.125T12%2010%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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