Gentleface › People & accounts › diversity

diversity icon

Diversity: diversity, inclusion, dei, equity. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.351 6.028C1.119 5.549 1.001 5.042 1 4.51C0.999 4.027 1.093 3.564 1.283 3.121C1.473 2.677 1.743 2.29 2.094 1.958C2.481 1.592 2.928 1.328 3.435 1.166C3.943 1.004 4.46 0.96 4.988 1.034C5.466 1.101 5.911 1.261 6.322 1.512C6.44 1.584 6.516 1.687 6.548 1.821C6.581 1.955 6.561 2.081 6.489 2.199C6.446 2.27 6.393 2.325 6.329 2.365C6.295 2.381 6.26 2.398 6.226 2.415C6.211 2.42 6.196 2.424 6.181 2.428C6.048 2.46 5.922 2.439 5.802 2.366C5.508 2.186 5.19 2.072 4.849 2.024C4.472 1.971 4.102 2.003 3.74 2.118C3.377 2.234 3.058 2.423 2.781 2.684C2.531 2.921 2.338 3.198 2.202 3.515C2.066 3.832 1.999 4.162 2 4.507C2.001 4.887 2.085 5.249 2.251 5.591C2.417 5.934 2.649 6.223 2.947 6.459C3.217 6.673 3.519 6.825 3.852 6.914C3.985 6.95 4.086 7.028 4.155 7.148C4.169 7.172 4.181 7.197 4.191 7.222C4.196 7.238 4.202 7.254 4.207 7.27C4.229 7.353 4.229 7.438 4.205 7.527C4.169 7.66 4.091 7.762 3.972 7.831C3.852 7.899 3.726 7.916 3.592 7.88C3.126 7.755 2.704 7.543 2.326 7.243C1.909 6.912 1.584 6.507 1.351 6.028ZM6.896 3.211C7.25 3.07 7.619 3 8 3C8.381 3 8.75 3.07 9.104 3.211C9.489 3.363 9.828 3.586 10.121 3.879C10.414 4.172 10.637 4.511 10.789 4.896C10.93 5.25 11 5.619 11 6C11 6.381 10.93 6.75 10.789 7.104C10.637 7.489 10.414 7.828 10.121 8.121C9.828 8.414 9.489 8.637 9.104 8.789C8.75 8.93 8.381 9 8 9C7.619 9 7.25 8.93 6.896 8.789C6.511 8.637 6.172 8.414 5.879 8.121C5.586 7.828 5.363 7.489 5.211 7.104C5.07 6.75 5 6.381 5 6C5 5.619 5.07 5.25 5.211 4.896C5.363 4.511 5.586 4.172 5.879 3.879C6.172 3.586 6.511 3.363 6.896 3.211ZM11.425 8.068C11.472 8.007 11.532 7.959 11.605 7.925C11.729 7.867 11.856 7.862 11.989 7.91C12.193 7.984 12.403 8.013 12.62 7.995C12.862 7.976 13.086 7.902 13.292 7.774C13.498 7.646 13.663 7.477 13.788 7.269C13.899 7.083 13.967 6.882 13.991 6.666C14.015 6.45 13.993 6.239 13.925 6.033C13.85 5.802 13.725 5.601 13.552 5.431C13.379 5.261 13.177 5.14 12.945 5.068C12.738 5.003 12.527 4.985 12.311 5.012C12.171 5.03 12.048 4.997 11.94 4.914C11.873 4.862 11.824 4.799 11.792 4.725C11.784 4.701 11.775 4.678 11.767 4.654C11.76 4.63 11.756 4.605 11.752 4.579C11.735 4.442 11.768 4.319 11.853 4.21C11.938 4.101 12.048 4.037 12.185 4.02C12.544 3.974 12.897 4.005 13.242 4.113C13.629 4.233 13.966 4.435 14.254 4.719C14.542 5.002 14.749 5.337 14.876 5.721C14.988 6.065 15.025 6.417 14.985 6.776C14.945 7.136 14.832 7.471 14.646 7.782C14.439 8.129 14.163 8.41 13.82 8.623C13.476 8.837 13.103 8.96 12.7 8.992C12.339 9.021 11.988 8.974 11.648 8.85C11.516 8.802 11.421 8.717 11.363 8.594C11.305 8.47 11.3 8.342 11.348 8.21C11.356 8.189 11.365 8.169 11.374 8.15C11.391 8.123 11.408 8.096 11.425 8.068ZM7.264 7.86C7.5 7.953 7.746 8 8 8C8.254 8 8.5 7.953 8.736 7.86C8.993 7.758 9.219 7.609 9.414 7.414C9.609 7.219 9.758 6.993 9.86 6.736C9.953 6.5 10 6.254 10 6C10 5.746 9.953 5.5 9.86 5.264C9.758 5.007 9.609 4.781 9.414 4.586C9.219 4.391 8.993 4.242 8.736 4.14C8.5 4.047 8.254 4 8 4C7.746 4 7.5 4.047 7.264 4.14C7.007 4.242 6.781 4.391 6.586 4.586C6.391 4.781 6.242 5.007 6.14 5.264C6.047 5.5 6 5.746 6 6C6 6.254 6.047 6.5 6.14 6.736C6.242 6.993 6.391 7.219 6.586 7.414C6.781 7.609 7.007 7.758 7.264 7.86ZM2.482 13.102C2.805 12.656 3.269 12.269 3.871 11.94C4.451 11.624 5.117 11.385 5.87 11.222C6.555 11.074 7.265 11 8 11C8.735 11 9.445 11.074 10.13 11.222C10.883 11.385 11.549 11.624 12.129 11.94C12.731 12.269 13.195 12.656 13.518 13.102C13.839 13.544 14 14.01 14 14.5C14 14.641 13.952 14.759 13.856 14.856C13.759 14.952 13.641 15 13.5 15C13.359 15 13.241 14.952 13.144 14.856C13.048 14.759 13 14.641 13 14.5C13 14.227 12.903 13.957 12.709 13.689C12.474 13.365 12.121 13.075 11.65 12.818C11.155 12.548 10.578 12.342 9.919 12.199C9.303 12.066 8.664 12 8 12C7.336 12 6.697 12.066 6.081 12.199C5.422 12.342 4.845 12.548 4.35 12.818C3.879 13.075 3.526 13.365 3.291 13.689C3.097 13.957 3 14.227 3 14.5C3 14.641 2.952 14.759 2.856 14.856C2.759 14.952 2.641 15 2.5 15C2.359 15 2.241 14.952 2.144 14.856C2.048 14.759 2 14.641 2 14.5C2 14.01 2.161 13.544 2.482 13.102Z"/></svg>

React

// Gentleface "diversity" (line-round), MIT. https://gentleface.com/icons/diversity
import type { SVGProps } from 'react';

export function DiversityIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.351 6.028C1.119 5.549 1.001 5.042 1 4.51C0.999 4.027 1.093 3.564 1.283 3.121C1.473 2.677 1.743 2.29 2.094 1.958C2.481 1.592 2.928 1.328 3.435 1.166C3.943 1.004 4.46 0.96 4.988 1.034C5.466 1.101 5.911 1.261 6.322 1.512C6.44 1.584 6.516 1.687 6.548 1.821C6.581 1.955 6.561 2.081 6.489 2.199C6.446 2.27 6.393 2.325 6.329 2.365C6.295 2.381 6.26 2.398 6.226 2.415C6.211 2.42 6.196 2.424 6.181 2.428C6.048 2.46 5.922 2.439 5.802 2.366C5.508 2.186 5.19 2.072 4.849 2.024C4.472 1.971 4.102 2.003 3.74 2.118C3.377 2.234 3.058 2.423 2.781 2.684C2.531 2.921 2.338 3.198 2.202 3.515C2.066 3.832 1.999 4.162 2 4.507C2.001 4.887 2.085 5.249 2.251 5.591C2.417 5.934 2.649 6.223 2.947 6.459C3.217 6.673 3.519 6.825 3.852 6.914C3.985 6.95 4.086 7.028 4.155 7.148C4.169 7.172 4.181 7.197 4.191 7.222C4.196 7.238 4.202 7.254 4.207 7.27C4.229 7.353 4.229 7.438 4.205 7.527C4.169 7.66 4.091 7.762 3.972 7.831C3.852 7.899 3.726 7.916 3.592 7.88C3.126 7.755 2.704 7.543 2.326 7.243C1.909 6.912 1.584 6.507 1.351 6.028ZM6.896 3.211C7.25 3.07 7.619 3 8 3C8.381 3 8.75 3.07 9.104 3.211C9.489 3.363 9.828 3.586 10.121 3.879C10.414 4.172 10.637 4.511 10.789 4.896C10.93 5.25 11 5.619 11 6C11 6.381 10.93 6.75 10.789 7.104C10.637 7.489 10.414 7.828 10.121 8.121C9.828 8.414 9.489 8.637 9.104 8.789C8.75 8.93 8.381 9 8 9C7.619 9 7.25 8.93 6.896 8.789C6.511 8.637 6.172 8.414 5.879 8.121C5.586 7.828 5.363 7.489 5.211 7.104C5.07 6.75 5 6.381 5 6C5 5.619 5.07 5.25 5.211 4.896C5.363 4.511 5.586 4.172 5.879 3.879C6.172 3.586 6.511 3.363 6.896 3.211ZM11.425 8.068C11.472 8.007 11.532 7.959 11.605 7.925C11.729 7.867 11.856 7.862 11.989 7.91C12.193 7.984 12.403 8.013 12.62 7.995C12.862 7.976 13.086 7.902 13.292 7.774C13.498 7.646 13.663 7.477 13.788 7.269C13.899 7.083 13.967 6.882 13.991 6.666C14.015 6.45 13.993 6.239 13.925 6.033C13.85 5.802 13.725 5.601 13.552 5.431C13.379 5.261 13.177 5.14 12.945 5.068C12.738 5.003 12.527 4.985 12.311 5.012C12.171 5.03 12.048 4.997 11.94 4.914C11.873 4.862 11.824 4.799 11.792 4.725C11.784 4.701 11.775 4.678 11.767 4.654C11.76 4.63 11.756 4.605 11.752 4.579C11.735 4.442 11.768 4.319 11.853 4.21C11.938 4.101 12.048 4.037 12.185 4.02C12.544 3.974 12.897 4.005 13.242 4.113C13.629 4.233 13.966 4.435 14.254 4.719C14.542 5.002 14.749 5.337 14.876 5.721C14.988 6.065 15.025 6.417 14.985 6.776C14.945 7.136 14.832 7.471 14.646 7.782C14.439 8.129 14.163 8.41 13.82 8.623C13.476 8.837 13.103 8.96 12.7 8.992C12.339 9.021 11.988 8.974 11.648 8.85C11.516 8.802 11.421 8.717 11.363 8.594C11.305 8.47 11.3 8.342 11.348 8.21C11.356 8.189 11.365 8.169 11.374 8.15C11.391 8.123 11.408 8.096 11.425 8.068ZM7.264 7.86C7.5 7.953 7.746 8 8 8C8.254 8 8.5 7.953 8.736 7.86C8.993 7.758 9.219 7.609 9.414 7.414C9.609 7.219 9.758 6.993 9.86 6.736C9.953 6.5 10 6.254 10 6C10 5.746 9.953 5.5 9.86 5.264C9.758 5.007 9.609 4.781 9.414 4.586C9.219 4.391 8.993 4.242 8.736 4.14C8.5 4.047 8.254 4 8 4C7.746 4 7.5 4.047 7.264 4.14C7.007 4.242 6.781 4.391 6.586 4.586C6.391 4.781 6.242 5.007 6.14 5.264C6.047 5.5 6 5.746 6 6C6 6.254 6.047 6.5 6.14 6.736C6.242 6.993 6.391 7.219 6.586 7.414C6.781 7.609 7.007 7.758 7.264 7.86ZM2.482 13.102C2.805 12.656 3.269 12.269 3.871 11.94C4.451 11.624 5.117 11.385 5.87 11.222C6.555 11.074 7.265 11 8 11C8.735 11 9.445 11.074 10.13 11.222C10.883 11.385 11.549 11.624 12.129 11.94C12.731 12.269 13.195 12.656 13.518 13.102C13.839 13.544 14 14.01 14 14.5C14 14.641 13.952 14.759 13.856 14.856C13.759 14.952 13.641 15 13.5 15C13.359 15 13.241 14.952 13.144 14.856C13.048 14.759 13 14.641 13 14.5C13 14.227 12.903 13.957 12.709 13.689C12.474 13.365 12.121 13.075 11.65 12.818C11.155 12.548 10.578 12.342 9.919 12.199C9.303 12.066 8.664 12 8 12C7.336 12 6.697 12.066 6.081 12.199C5.422 12.342 4.845 12.548 4.35 12.818C3.879 13.075 3.526 13.365 3.291 13.689C3.097 13.957 3 14.227 3 14.5C3 14.641 2.952 14.759 2.856 14.856C2.759 14.952 2.641 15 2.5 15C2.359 15 2.241 14.952 2.144 14.856C2.048 14.759 2 14.641 2 14.5C2 14.01 2.161 13.544 2.482 13.102Z" />
    </svg>
  );
}

Vue

Vue: see /icons/diversity.md

Svelte

Svelte: see /icons/diversity.md

HTML img

HTML img: see /icons/diversity.md

CSS

CSS: see /icons/diversity.md

Data URL

Data URL: see /icons/diversity.md

Sprite

Sprite: see /icons/diversity.md

SwiftUI

SwiftUI: see /icons/diversity.md

Compose

Compose: see /icons/diversity.md

Android XML

Android XML: see /icons/diversity.md

Flutter

Flutter: see /icons/diversity.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { DiversityIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

diversity, inclusion, dei, equity

Tags

diversity, inclusion, dei, equity, people, group, community, different, varied, belonging

Category

People & accounts

Component name

DiversityIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

Family 42

user user-alert user-arrow-right user-ban user-check user-circle user-clock user-experience user-gear user-guest user-heart user-info

More people & accounts icons

address-book baby baby-carriage contact-card elderly family family-outline gender-female gender-male gender-transgender id-badge id-card id-card-check id-card-mail id-card-phone log-in · all people & accounts icons

For agents

Metadata: /icons/diversity.json · Markdown: /icons/diversity.md · SVG: https://gentleface.com/svg/{style}/16/diversity.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/diversity.png

diversity icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp