outline diversity 1 icon
outline-diversity-1 from Google Material Icons by Material Design Authors · Baseline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- outline-diversity-1
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
More social icons from Google Material Icons
baseline-18-up-ratingbaseline-6-ft-apartbaseline-add-moderatorbaseline-add-reactionbaseline-adobebaseline-applebaseline-architecturebaseline-assist-walkerbaseline-back-handbaseline-blindbaseline-boybaseline-cakebaseline-catching-pokemonbaseline-clean-handsbaseline-co2baseline-compostbaseline-connect-without-contactbaseline-constructionbaseline-cookiebaseline-coronavirusbaseline-cruelty-freebaseline-cyclonebaseline-deckbaseline-discord
Use the outline diversity 1 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="4" cy="14" r="2" fill="currentColor"/><path fill="currentColor" d="M1.22 17.58A2.01 2.01 0 0 0 0 19.43V21h4.5v-1.61c0-.83.23-1.61.63-2.29c-.37-.06-.74-.1-1.13-.1c-.99 0-1.93.21-2.78.58"/><circle cx="20" cy="14" r="2" fill="currentColor"/><path fill="currentColor" d="M22.78 17.58A6.95 6.95 0 0 0 20 17c-.39 0-.76.04-1.13.1c.4.68.63 1.46.63 2.29V21H24v-1.57c0-.81-.48-1.53-1.22-1.85m-6.54-.93c-1.17-.52-2.61-.9-4.24-.9s-3.07.39-4.24.9A2.99 2.99 0 0 0 6 19.39V21h12v-1.61c0-1.18-.68-2.26-1.76-2.74M8.07 19a.96.96 0 0 1 .49-.52c1.1-.49 2.26-.73 3.43-.73c1.18 0 2.33.25 3.43.73c.23.1.4.29.49.52zM9 12c0 1.66 1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3m4 0c0 .55-.45 1-1 1s-1-.45-1-1s.45-1 1-1s1 .45 1 1"/><path fill="currentColor" d="M2.48 10.86C2.17 10.1 2 9.36 2 8.6C2 6.02 4.02 4 6.6 4c2.68 0 3.82 1.74 5.4 3.59C13.57 5.76 14.7 4 17.4 4C19.98 4 22 6.02 22 8.6c0 .76-.17 1.5-.48 2.26c.65.31 1.18.82 1.53 1.44c.6-1.2.95-2.42.95-3.7C24 4.9 21.1 2 17.4 2c-2.09 0-4.09.97-5.4 2.51C10.69 2.97 8.69 2 6.6 2C2.9 2 0 4.9 0 8.6c0 1.28.35 2.5.96 3.7c.35-.62.88-1.13 1.52-1.44"/></svg>
React
import type { SVGProps } from "react";
export function IcOutlineDiversity1(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="4" cy="14" r="2" fill="currentColor"/><path fill="currentColor" d="M1.22 17.58A2.01 2.01 0 0 0 0 19.43V21h4.5v-1.61c0-.83.23-1.61.63-2.29c-.37-.06-.74-.1-1.13-.1c-.99 0-1.93.21-2.78.58"/><circle cx="20" cy="14" r="2" fill="currentColor"/><path fill="currentColor" d="M22.78 17.58A6.95 6.95 0 0 0 20 17c-.39 0-.76.04-1.13.1c.4.68.63 1.46.63 2.29V21H24v-1.57c0-.81-.48-1.53-1.22-1.85m-6.54-.93c-1.17-.52-2.61-.9-4.24-.9s-3.07.39-4.24.9A2.99 2.99 0 0 0 6 19.39V21h12v-1.61c0-1.18-.68-2.26-1.76-2.74M8.07 19a.96.96 0 0 1 .49-.52c1.1-.49 2.26-.73 3.43-.73c1.18 0 2.33.25 3.43.73c.23.1.4.29.49.52zM9 12c0 1.66 1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3m4 0c0 .55-.45 1-1 1s-1-.45-1-1s.45-1 1-1s1 .45 1 1"/><path fill="currentColor" d="M2.48 10.86C2.17 10.1 2 9.36 2 8.6C2 6.02 4.02 4 6.6 4c2.68 0 3.82 1.74 5.4 3.59C13.57 5.76 14.7 4 17.4 4C19.98 4 22 6.02 22 8.6c0 .76-.17 1.5-.48 2.26c.65.31 1.18.82 1.53 1.44c.6-1.2.95-2.42.95-3.7C24 4.9 21.1 2 17.4 2c-2.09 0-4.09.97-5.4 2.51C10.69 2.97 8.69 2 6.6 2C2.9 2 0 4.9 0 8.6c0 1.28.35 2.5.96 3.7c.35-.62.88-1.13 1.52-1.44"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="4" cy="14" r="2" fill="currentColor"/><path fill="currentColor" d="M1.22 17.58A2.01 2.01 0 0 0 0 19.43V21h4.5v-1.61c0-.83.23-1.61.63-2.29c-.37-.06-.74-.1-1.13-.1c-.99 0-1.93.21-2.78.58"/><circle cx="20" cy="14" r="2" fill="currentColor"/><path fill="currentColor" d="M22.78 17.58A6.95 6.95 0 0 0 20 17c-.39 0-.76.04-1.13.1c.4.68.63 1.46.63 2.29V21H24v-1.57c0-.81-.48-1.53-1.22-1.85m-6.54-.93c-1.17-.52-2.61-.9-4.24-.9s-3.07.39-4.24.9A2.99 2.99 0 0 0 6 19.39V21h12v-1.61c0-1.18-.68-2.26-1.76-2.74M8.07 19a.96.96 0 0 1 .49-.52c1.1-.49 2.26-.73 3.43-.73c1.18 0 2.33.25 3.43.73c.23.1.4.29.49.52zM9 12c0 1.66 1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3m4 0c0 .55-.45 1-1 1s-1-.45-1-1s.45-1 1-1s1 .45 1 1"/><path fill="currentColor" d="M2.48 10.86C2.17 10.1 2 9.36 2 8.6C2 6.02 4.02 4 6.6 4c2.68 0 3.82 1.74 5.4 3.59C13.57 5.76 14.7 4 17.4 4C19.98 4 22 6.02 22 8.6c0 .76-.17 1.5-.48 2.26c.65.31 1.18.82 1.53 1.44c.6-1.2.95-2.42.95-3.7C24 4.9 21.1 2 17.4 2c-2.09 0-4.09.97-5.4 2.51C10.69 2.97 8.69 2 6.6 2C2.9 2 0 4.9 0 8.6c0 1.28.35 2.5.96 3.7c.35-.62.88-1.13 1.52-1.44"/></svg> </template>
CSS
.icon-outline-diversity-1 {
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%3Ccircle%20cx%3D%224%22%20cy%3D%2214%22%20r%3D%222%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.22%2017.58A2.01%202.01%200%200%200%200%2019.43V21h4.5v-1.61c0-.83.23-1.61.63-2.29c-.37-.06-.74-.1-1.13-.1c-.99%200-1.93.21-2.78.58%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2214%22%20r%3D%222%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.78%2017.58A6.95%206.95%200%200%200%2020%2017c-.39%200-.76.04-1.13.1c.4.68.63%201.46.63%202.29V21H24v-1.57c0-.81-.48-1.53-1.22-1.85m-6.54-.93c-1.17-.52-2.61-.9-4.24-.9s-3.07.39-4.24.9A2.99%202.99%200%200%200%206%2019.39V21h12v-1.61c0-1.18-.68-2.26-1.76-2.74M8.07%2019a.96.96%200%200%201%20.49-.52c1.1-.49%202.26-.73%203.43-.73c1.18%200%202.33.25%203.43.73c.23.1.4.29.49.52zM9%2012c0%201.66%201.34%203%203%203s3-1.34%203-3s-1.34-3-3-3s-3%201.34-3%203m4%200c0%20.55-.45%201-1%201s-1-.45-1-1s.45-1%201-1s1%20.45%201%201%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.48%2010.86C2.17%2010.1%202%209.36%202%208.6C2%206.02%204.02%204%206.6%204c2.68%200%203.82%201.74%205.4%203.59C13.57%205.76%2014.7%204%2017.4%204C19.98%204%2022%206.02%2022%208.6c0%20.76-.17%201.5-.48%202.26c.65.31%201.18.82%201.53%201.44c.6-1.2.95-2.42.95-3.7C24%204.9%2021.1%202%2017.4%202c-2.09%200-4.09.97-5.4%202.51C10.69%202.97%208.69%202%206.6%202C2.9%202%200%204.9%200%208.6c0%201.28.35%202.5.96%203.7c.35-.62.88-1.13%201.52-1.44%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%3Ccircle%20cx%3D%224%22%20cy%3D%2214%22%20r%3D%222%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.22%2017.58A2.01%202.01%200%200%200%200%2019.43V21h4.5v-1.61c0-.83.23-1.61.63-2.29c-.37-.06-.74-.1-1.13-.1c-.99%200-1.93.21-2.78.58%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2214%22%20r%3D%222%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.78%2017.58A6.95%206.95%200%200%200%2020%2017c-.39%200-.76.04-1.13.1c.4.68.63%201.46.63%202.29V21H24v-1.57c0-.81-.48-1.53-1.22-1.85m-6.54-.93c-1.17-.52-2.61-.9-4.24-.9s-3.07.39-4.24.9A2.99%202.99%200%200%200%206%2019.39V21h12v-1.61c0-1.18-.68-2.26-1.76-2.74M8.07%2019a.96.96%200%200%201%20.49-.52c1.1-.49%202.26-.73%203.43-.73c1.18%200%202.33.25%203.43.73c.23.1.4.29.49.52zM9%2012c0%201.66%201.34%203%203%203s3-1.34%203-3s-1.34-3-3-3s-3%201.34-3%203m4%200c0%20.55-.45%201-1%201s-1-.45-1-1s.45-1%201-1s1%20.45%201%201%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.48%2010.86C2.17%2010.1%202%209.36%202%208.6C2%206.02%204.02%204%206.6%204c2.68%200%203.82%201.74%205.4%203.59C13.57%205.76%2014.7%204%2017.4%204C19.98%204%2022%206.02%2022%208.6c0%20.76-.17%201.5-.48%202.26c.65.31%201.18.82%201.53%201.44c.6-1.2.95-2.42.95-3.7C24%204.9%2021.1%202%2017.4%202c-2.09%200-4.09.97-5.4%202.51C10.69%202.97%208.69%202%206.6%202C2.9%202%200%204.9%200%208.6c0%201.28.35%202.5.96%203.7c.35-.62.88-1.13%201.52-1.44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/outline-diversity-1.svg?color=%231a73e8&size=48
