twotone diversity 1 icon
twotone-diversity-1 from Google Material Icons by Material Design Authors · Baseline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- twotone-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 twotone 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"/><path fill="currentColor" d="M17.4 4c-2.68 0-3.82 1.74-5.4 3.59C10.44 5.75 9.3 4 6.6 4C4.02 4 2 6.02 2 8.6c0 .76.17 1.5.48 2.26c.46-.22.97-.36 1.52-.36c1.93 0 3.5 1.57 3.5 3.5c0 .45-.09.87-.24 1.26c.97-.42 1.96-.69 2.98-.84A2.99 2.99 0 0 1 9 12c0-1.66 1.34-3 3-3s3 1.34 3 3c0 1-.49 1.87-1.24 2.42c1.02.15 2.02.43 2.98.85c-.15-.39-.24-.82-.24-1.26c0-1.93 1.57-3.5 3.5-3.5c.55 0 1.06.14 1.52.36c.31-.77.48-1.51.48-2.27C22 6.02 19.98 4 17.4 4M8.07 19.02h7.85a.96.96 0 0 0-.49-.52c-1.1-.49-2.26-.73-3.43-.73c-1.18 0-2.33.25-3.43.73c-.23.1-.4.29-.5.52" opacity=".3"/><circle cx="12" cy="12" r="1" fill="currentColor" opacity=".3"/></svg>
React
import type { SVGProps } from "react";
export function IcTwotoneDiversity1(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"/><path fill="currentColor" d="M17.4 4c-2.68 0-3.82 1.74-5.4 3.59C10.44 5.75 9.3 4 6.6 4C4.02 4 2 6.02 2 8.6c0 .76.17 1.5.48 2.26c.46-.22.97-.36 1.52-.36c1.93 0 3.5 1.57 3.5 3.5c0 .45-.09.87-.24 1.26c.97-.42 1.96-.69 2.98-.84A2.99 2.99 0 0 1 9 12c0-1.66 1.34-3 3-3s3 1.34 3 3c0 1-.49 1.87-1.24 2.42c1.02.15 2.02.43 2.98.85c-.15-.39-.24-.82-.24-1.26c0-1.93 1.57-3.5 3.5-3.5c.55 0 1.06.14 1.52.36c.31-.77.48-1.51.48-2.27C22 6.02 19.98 4 17.4 4M8.07 19.02h7.85a.96.96 0 0 0-.49-.52c-1.1-.49-2.26-.73-3.43-.73c-1.18 0-2.33.25-3.43.73c-.23.1-.4.29-.5.52" opacity=".3"/><circle cx="12" cy="12" r="1" fill="currentColor" opacity=".3"/></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"/><path fill="currentColor" d="M17.4 4c-2.68 0-3.82 1.74-5.4 3.59C10.44 5.75 9.3 4 6.6 4C4.02 4 2 6.02 2 8.6c0 .76.17 1.5.48 2.26c.46-.22.97-.36 1.52-.36c1.93 0 3.5 1.57 3.5 3.5c0 .45-.09.87-.24 1.26c.97-.42 1.96-.69 2.98-.84A2.99 2.99 0 0 1 9 12c0-1.66 1.34-3 3-3s3 1.34 3 3c0 1-.49 1.87-1.24 2.42c1.02.15 2.02.43 2.98.85c-.15-.39-.24-.82-.24-1.26c0-1.93 1.57-3.5 3.5-3.5c.55 0 1.06.14 1.52.36c.31-.77.48-1.51.48-2.27C22 6.02 19.98 4 17.4 4M8.07 19.02h7.85a.96.96 0 0 0-.49-.52c-1.1-.49-2.26-.73-3.43-.73c-1.18 0-2.33.25-3.43.73c-.23.1-.4.29-.5.52" opacity=".3"/><circle cx="12" cy="12" r="1" fill="currentColor" opacity=".3"/></svg> </template>
CSS
.icon-twotone-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.4%204c-2.68%200-3.82%201.74-5.4%203.59C10.44%205.75%209.3%204%206.6%204C4.02%204%202%206.02%202%208.6c0%20.76.17%201.5.48%202.26c.46-.22.97-.36%201.52-.36c1.93%200%203.5%201.57%203.5%203.5c0%20.45-.09.87-.24%201.26c.97-.42%201.96-.69%202.98-.84A2.99%202.99%200%200%201%209%2012c0-1.66%201.34-3%203-3s3%201.34%203%203c0%201-.49%201.87-1.24%202.42c1.02.15%202.02.43%202.98.85c-.15-.39-.24-.82-.24-1.26c0-1.93%201.57-3.5%203.5-3.5c.55%200%201.06.14%201.52.36c.31-.77.48-1.51.48-2.27C22%206.02%2019.98%204%2017.4%204M8.07%2019.02h7.85a.96.96%200%200%200-.49-.52c-1.1-.49-2.26-.73-3.43-.73c-1.18%200-2.33.25-3.43.73c-.23.1-.4.29-.5.52%22%20opacity%3D%22.3%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22currentColor%22%20opacity%3D%22.3%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.4%204c-2.68%200-3.82%201.74-5.4%203.59C10.44%205.75%209.3%204%206.6%204C4.02%204%202%206.02%202%208.6c0%20.76.17%201.5.48%202.26c.46-.22.97-.36%201.52-.36c1.93%200%203.5%201.57%203.5%203.5c0%20.45-.09.87-.24%201.26c.97-.42%201.96-.69%202.98-.84A2.99%202.99%200%200%201%209%2012c0-1.66%201.34-3%203-3s3%201.34%203%203c0%201-.49%201.87-1.24%202.42c1.02.15%202.02.43%202.98.85c-.15-.39-.24-.82-.24-1.26c0-1.93%201.57-3.5%203.5-3.5c.55%200%201.06.14%201.52.36c.31-.77.48-1.51.48-2.27C22%206.02%2019.98%204%2017.4%204M8.07%2019.02h7.85a.96.96%200%200%200-.49-.52c-1.1-.49-2.26-.73-3.43-.73c-1.18%200-2.33.25-3.43.73c-.23.1-.4.29-.5.52%22%20opacity%3D%22.3%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22currentColor%22%20opacity%3D%22.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/twotone-diversity-1.svg?color=%231a73e8&size=48
