diversity icon
diversity-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- diversity-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
9 other variants in Fluent UI System Icons
The same icon in other sets
Use the diversity icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.188 4.123c.753-1.497 2.871-1.497 3.624 0l2.965 5.895c.687 1.365-.296 2.982-1.812 2.982h-5.93c-1.516 0-2.499-1.617-1.812-2.982zm2.284.674a.524.524 0 0 0-.944 0l-2.965 5.895a.552.552 0 0 0 .472.808h5.93a.552.552 0 0 0 .472-.808zM17.75 3A2.75 2.75 0 0 0 15 5.75v4.5A2.75 2.75 0 0 0 17.75 13h4.5A2.75 2.75 0 0 0 25 10.25v-4.5A2.75 2.75 0 0 0 22.25 3zM16.5 5.75c0-.69.56-1.25 1.25-1.25h4.5c.69 0 1.25.56 1.25 1.25v4.5c0 .69-.56 1.25-1.25 1.25h-4.5c-.69 0-1.25-.56-1.25-1.25zM8 16.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M3 20a5 5 0 1 1 10 0a5 5 0 0 1-10 0m17.625-5.405a1.25 1.25 0 0 0-1.25 0l-3.743 2.161a1.25 1.25 0 0 0-.625 1.083v4.322c0 .447.238.86.625 1.083l3.743 2.161a1.25 1.25 0 0 0 1.25 0l3.744-2.161a1.25 1.25 0 0 0 .625-1.083V17.84c0-.447-.239-.86-.625-1.083zm-4.119 3.388L20 15.966l3.494 2.017v4.034L20 24.034l-3.494-2.017z"/></svg>
React
import type { SVGProps } from "react";
export function FluentDiversity28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.188 4.123c.753-1.497 2.871-1.497 3.624 0l2.965 5.895c.687 1.365-.296 2.982-1.812 2.982h-5.93c-1.516 0-2.499-1.617-1.812-2.982zm2.284.674a.524.524 0 0 0-.944 0l-2.965 5.895a.552.552 0 0 0 .472.808h5.93a.552.552 0 0 0 .472-.808zM17.75 3A2.75 2.75 0 0 0 15 5.75v4.5A2.75 2.75 0 0 0 17.75 13h4.5A2.75 2.75 0 0 0 25 10.25v-4.5A2.75 2.75 0 0 0 22.25 3zM16.5 5.75c0-.69.56-1.25 1.25-1.25h4.5c.69 0 1.25.56 1.25 1.25v4.5c0 .69-.56 1.25-1.25 1.25h-4.5c-.69 0-1.25-.56-1.25-1.25zM8 16.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M3 20a5 5 0 1 1 10 0a5 5 0 0 1-10 0m17.625-5.405a1.25 1.25 0 0 0-1.25 0l-3.743 2.161a1.25 1.25 0 0 0-.625 1.083v4.322c0 .447.238.86.625 1.083l3.743 2.161a1.25 1.25 0 0 0 1.25 0l3.744-2.161a1.25 1.25 0 0 0 .625-1.083V17.84c0-.447-.239-.86-.625-1.083zm-4.119 3.388L20 15.966l3.494 2.017v4.034L20 24.034l-3.494-2.017z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.188 4.123c.753-1.497 2.871-1.497 3.624 0l2.965 5.895c.687 1.365-.296 2.982-1.812 2.982h-5.93c-1.516 0-2.499-1.617-1.812-2.982zm2.284.674a.524.524 0 0 0-.944 0l-2.965 5.895a.552.552 0 0 0 .472.808h5.93a.552.552 0 0 0 .472-.808zM17.75 3A2.75 2.75 0 0 0 15 5.75v4.5A2.75 2.75 0 0 0 17.75 13h4.5A2.75 2.75 0 0 0 25 10.25v-4.5A2.75 2.75 0 0 0 22.25 3zM16.5 5.75c0-.69.56-1.25 1.25-1.25h4.5c.69 0 1.25.56 1.25 1.25v4.5c0 .69-.56 1.25-1.25 1.25h-4.5c-.69 0-1.25-.56-1.25-1.25zM8 16.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M3 20a5 5 0 1 1 10 0a5 5 0 0 1-10 0m17.625-5.405a1.25 1.25 0 0 0-1.25 0l-3.743 2.161a1.25 1.25 0 0 0-.625 1.083v4.322c0 .447.238.86.625 1.083l3.743 2.161a1.25 1.25 0 0 0 1.25 0l3.744-2.161a1.25 1.25 0 0 0 .625-1.083V17.84c0-.447-.239-.86-.625-1.083zm-4.119 3.388L20 15.966l3.494 2.017v4.034L20 24.034l-3.494-2.017z"/></svg> </template>
CSS
.icon-diversity-28-regular {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.188%204.123c.753-1.497%202.871-1.497%203.624%200l2.965%205.895c.687%201.365-.296%202.982-1.812%202.982h-5.93c-1.516%200-2.499-1.617-1.812-2.982zm2.284.674a.524.524%200%200%200-.944%200l-2.965%205.895a.552.552%200%200%200%20.472.808h5.93a.552.552%200%200%200%20.472-.808zM17.75%203A2.75%202.75%200%200%200%2015%205.75v4.5A2.75%202.75%200%200%200%2017.75%2013h4.5A2.75%202.75%200%200%200%2025%2010.25v-4.5A2.75%202.75%200%200%200%2022.25%203zM16.5%205.75c0-.69.56-1.25%201.25-1.25h4.5c.69%200%201.25.56%201.25%201.25v4.5c0%20.69-.56%201.25-1.25%201.25h-4.5c-.69%200-1.25-.56-1.25-1.25zM8%2016.5a3.5%203.5%200%201%200%200%207a3.5%203.5%200%200%200%200-7M3%2020a5%205%200%201%201%2010%200a5%205%200%200%201-10%200m17.625-5.405a1.25%201.25%200%200%200-1.25%200l-3.743%202.161a1.25%201.25%200%200%200-.625%201.083v4.322c0%20.447.238.86.625%201.083l3.743%202.161a1.25%201.25%200%200%200%201.25%200l3.744-2.161a1.25%201.25%200%200%200%20.625-1.083V17.84c0-.447-.239-.86-.625-1.083zm-4.119%203.388L20%2015.966l3.494%202.017v4.034L20%2024.034l-3.494-2.017z%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.188%204.123c.753-1.497%202.871-1.497%203.624%200l2.965%205.895c.687%201.365-.296%202.982-1.812%202.982h-5.93c-1.516%200-2.499-1.617-1.812-2.982zm2.284.674a.524.524%200%200%200-.944%200l-2.965%205.895a.552.552%200%200%200%20.472.808h5.93a.552.552%200%200%200%20.472-.808zM17.75%203A2.75%202.75%200%200%200%2015%205.75v4.5A2.75%202.75%200%200%200%2017.75%2013h4.5A2.75%202.75%200%200%200%2025%2010.25v-4.5A2.75%202.75%200%200%200%2022.25%203zM16.5%205.75c0-.69.56-1.25%201.25-1.25h4.5c.69%200%201.25.56%201.25%201.25v4.5c0%20.69-.56%201.25-1.25%201.25h-4.5c-.69%200-1.25-.56-1.25-1.25zM8%2016.5a3.5%203.5%200%201%200%200%207a3.5%203.5%200%200%200%200-7M3%2020a5%205%200%201%201%2010%200a5%205%200%200%201-10%200m17.625-5.405a1.25%201.25%200%200%200-1.25%200l-3.743%202.161a1.25%201.25%200%200%200-.625%201.083v4.322c0%20.447.238.86.625%201.083l3.743%202.161a1.25%201.25%200%200%200%201.25%200l3.744-2.161a1.25%201.25%200%200%200%20.625-1.083V17.84c0-.447-.239-.86-.625-1.083zm-4.119%203.388L20%2015.966l3.494%202.017v4.034L20%2024.034l-3.494-2.017z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/diversity-28-regular.svg?color=%231a73e8&size=48
