people interwoven icon
people-interwoven-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- people-interwoven-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- Viewbox
- 32×32
- License
- MIT
11 other variants in Fluent UI System Icons
people-interwoven-16-filledpeople-interwoven-16-regularpeople-interwoven-20-filledpeople-interwoven-20-regularpeople-interwoven-24-filledpeople-interwoven-24-regularpeople-interwoven-28-filledpeople-interwoven-28-regularpeople-interwoven-32-filledpeople-interwoven-48-filledpeople-interwoven-48-regular
The same icon in other sets
Related icons in Fluent UI System Icons
people-add-16-filledpeople-audience-20-filledpeople-call-16-filledpeople-chat-16-filledpeople-checkmark-16-filledpeople-communication-16-filledpeople-community-12-filledpeople-community-add-20-filledpeople-edit-16-filledpeople-error-16-filledpeople-eye-16-filledpeople-game-controller-20-filledpeople-link-16-filledpeople-list-16-filledpeople-lock-16-filledpeople-money-20-filledpeople-prohibited-16-filledpeople-queue-20-filledpeople-search-20-filledpeople-settings-20-filledpeople-star-16-filledpeople-subtract-20-filledpeople-swap-16-filledpeople-sync-16-filled
Use the people interwoven icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.973 13.504c1.516 0 2.758.633 3.805 1.31c.516.335 1.032.713 1.494 1.037c.591.415 1.199.78 1.844 1.102c.11.046.188.063.271.059c.065-.004.323-.037.76-.564l.968-1.378l.002-.002l.283-.353c1.5-1.65 4.27-1.624 5.725.14l4.35 5.284l.208.296c.362.618.402 1.361.131 2.01l-.162.317c-.586.957-1.508 2.489-2.725 3.773c-1.209 1.276-2.852 2.461-4.9 2.461c-1.516 0-2.758-.633-3.805-1.31c-.965-.625-1.861-1.348-2.869-1.907c-.43-.225-.573-.3-.74-.29c-.065.003-.324.034-.76.559l-.968 1.382l-.002.002c-1.32 1.873-4.08 2.074-5.699.54l-.308-.33l-4.35-5.28a2.26 2.26 0 0 1-.178-2.624l.502-.812c.564-.895 1.31-1.998 2.223-2.961c1.209-1.276 2.852-2.461 4.9-2.461m0 1.98c-1.246 0-2.4.725-3.46 1.844c-.79.832-1.449 1.8-1.983 2.646l-.492.797a.28.28 0 0 0 .015.33L8.55 26.54c.766.719 2.107.611 2.713-.248l5.233-7.46a4 4 0 0 1-.508-.218a19 19 0 0 1-1.852-1.14c-.509-.358-.958-.689-1.433-.997c-.936-.606-1.785-.991-2.729-.992m13.622.631c-.728-.884-2.212-.826-2.86.09l.003.002l-.746 1.061l.012.01l-4.484 6.394c.352.124.62.284.753.353l.42.235c.412.242.803.508 1.172.767c.509.357.959.687 1.433.994c.937.607 1.786.992 2.729.993c1.246 0 2.401-.724 3.46-1.842c1.052-1.11 1.873-2.46 2.476-3.446c.053-.123.053-.211-.016-.328zM9.5 3a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9m13 0a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9m-13 2a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m13 0a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5"/></svg>
React
import type { SVGProps } from "react";
export function FluentPeopleInterwoven32Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.973 13.504c1.516 0 2.758.633 3.805 1.31c.516.335 1.032.713 1.494 1.037c.591.415 1.199.78 1.844 1.102c.11.046.188.063.271.059c.065-.004.323-.037.76-.564l.968-1.378l.002-.002l.283-.353c1.5-1.65 4.27-1.624 5.725.14l4.35 5.284l.208.296c.362.618.402 1.361.131 2.01l-.162.317c-.586.957-1.508 2.489-2.725 3.773c-1.209 1.276-2.852 2.461-4.9 2.461c-1.516 0-2.758-.633-3.805-1.31c-.965-.625-1.861-1.348-2.869-1.907c-.43-.225-.573-.3-.74-.29c-.065.003-.324.034-.76.559l-.968 1.382l-.002.002c-1.32 1.873-4.08 2.074-5.699.54l-.308-.33l-4.35-5.28a2.26 2.26 0 0 1-.178-2.624l.502-.812c.564-.895 1.31-1.998 2.223-2.961c1.209-1.276 2.852-2.461 4.9-2.461m0 1.98c-1.246 0-2.4.725-3.46 1.844c-.79.832-1.449 1.8-1.983 2.646l-.492.797a.28.28 0 0 0 .015.33L8.55 26.54c.766.719 2.107.611 2.713-.248l5.233-7.46a4 4 0 0 1-.508-.218a19 19 0 0 1-1.852-1.14c-.509-.358-.958-.689-1.433-.997c-.936-.606-1.785-.991-2.729-.992m13.622.631c-.728-.884-2.212-.826-2.86.09l.003.002l-.746 1.061l.012.01l-4.484 6.394c.352.124.62.284.753.353l.42.235c.412.242.803.508 1.172.767c.509.357.959.687 1.433.994c.937.607 1.786.992 2.729.993c1.246 0 2.401-.724 3.46-1.842c1.052-1.11 1.873-2.46 2.476-3.446c.053-.123.053-.211-.016-.328zM9.5 3a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9m13 0a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9m-13 2a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m13 0a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.973 13.504c1.516 0 2.758.633 3.805 1.31c.516.335 1.032.713 1.494 1.037c.591.415 1.199.78 1.844 1.102c.11.046.188.063.271.059c.065-.004.323-.037.76-.564l.968-1.378l.002-.002l.283-.353c1.5-1.65 4.27-1.624 5.725.14l4.35 5.284l.208.296c.362.618.402 1.361.131 2.01l-.162.317c-.586.957-1.508 2.489-2.725 3.773c-1.209 1.276-2.852 2.461-4.9 2.461c-1.516 0-2.758-.633-3.805-1.31c-.965-.625-1.861-1.348-2.869-1.907c-.43-.225-.573-.3-.74-.29c-.065.003-.324.034-.76.559l-.968 1.382l-.002.002c-1.32 1.873-4.08 2.074-5.699.54l-.308-.33l-4.35-5.28a2.26 2.26 0 0 1-.178-2.624l.502-.812c.564-.895 1.31-1.998 2.223-2.961c1.209-1.276 2.852-2.461 4.9-2.461m0 1.98c-1.246 0-2.4.725-3.46 1.844c-.79.832-1.449 1.8-1.983 2.646l-.492.797a.28.28 0 0 0 .015.33L8.55 26.54c.766.719 2.107.611 2.713-.248l5.233-7.46a4 4 0 0 1-.508-.218a19 19 0 0 1-1.852-1.14c-.509-.358-.958-.689-1.433-.997c-.936-.606-1.785-.991-2.729-.992m13.622.631c-.728-.884-2.212-.826-2.86.09l.003.002l-.746 1.061l.012.01l-4.484 6.394c.352.124.62.284.753.353l.42.235c.412.242.803.508 1.172.767c.509.357.959.687 1.433.994c.937.607 1.786.992 2.729.993c1.246 0 2.401-.724 3.46-1.842c1.052-1.11 1.873-2.46 2.476-3.446c.053-.123.053-.211-.016-.328zM9.5 3a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9m13 0a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9m-13 2a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m13 0a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5"/></svg> </template>
CSS
.icon-people-interwoven-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.973%2013.504c1.516%200%202.758.633%203.805%201.31c.516.335%201.032.713%201.494%201.037c.591.415%201.199.78%201.844%201.102c.11.046.188.063.271.059c.065-.004.323-.037.76-.564l.968-1.378l.002-.002l.283-.353c1.5-1.65%204.27-1.624%205.725.14l4.35%205.284l.208.296c.362.618.402%201.361.131%202.01l-.162.317c-.586.957-1.508%202.489-2.725%203.773c-1.209%201.276-2.852%202.461-4.9%202.461c-1.516%200-2.758-.633-3.805-1.31c-.965-.625-1.861-1.348-2.869-1.907c-.43-.225-.573-.3-.74-.29c-.065.003-.324.034-.76.559l-.968%201.382l-.002.002c-1.32%201.873-4.08%202.074-5.699.54l-.308-.33l-4.35-5.28a2.26%202.26%200%200%201-.178-2.624l.502-.812c.564-.895%201.31-1.998%202.223-2.961c1.209-1.276%202.852-2.461%204.9-2.461m0%201.98c-1.246%200-2.4.725-3.46%201.844c-.79.832-1.449%201.8-1.983%202.646l-.492.797a.28.28%200%200%200%20.015.33L8.55%2026.54c.766.719%202.107.611%202.713-.248l5.233-7.46a4%204%200%200%201-.508-.218a19%2019%200%200%201-1.852-1.14c-.509-.358-.958-.689-1.433-.997c-.936-.606-1.785-.991-2.729-.992m13.622.631c-.728-.884-2.212-.826-2.86.09l.003.002l-.746%201.061l.012.01l-4.484%206.394c.352.124.62.284.753.353l.42.235c.412.242.803.508%201.172.767c.509.357.959.687%201.433.994c.937.607%201.786.992%202.729.993c1.246%200%202.401-.724%203.46-1.842c1.052-1.11%201.873-2.46%202.476-3.446c.053-.123.053-.211-.016-.328zM9.5%203a4.5%204.5%200%201%201%200%209a4.5%204.5%200%200%201%200-9m13%200a4.5%204.5%200%201%201%200%209a4.5%204.5%200%200%201%200-9m-13%202a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5m13%200a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.973%2013.504c1.516%200%202.758.633%203.805%201.31c.516.335%201.032.713%201.494%201.037c.591.415%201.199.78%201.844%201.102c.11.046.188.063.271.059c.065-.004.323-.037.76-.564l.968-1.378l.002-.002l.283-.353c1.5-1.65%204.27-1.624%205.725.14l4.35%205.284l.208.296c.362.618.402%201.361.131%202.01l-.162.317c-.586.957-1.508%202.489-2.725%203.773c-1.209%201.276-2.852%202.461-4.9%202.461c-1.516%200-2.758-.633-3.805-1.31c-.965-.625-1.861-1.348-2.869-1.907c-.43-.225-.573-.3-.74-.29c-.065.003-.324.034-.76.559l-.968%201.382l-.002.002c-1.32%201.873-4.08%202.074-5.699.54l-.308-.33l-4.35-5.28a2.26%202.26%200%200%201-.178-2.624l.502-.812c.564-.895%201.31-1.998%202.223-2.961c1.209-1.276%202.852-2.461%204.9-2.461m0%201.98c-1.246%200-2.4.725-3.46%201.844c-.79.832-1.449%201.8-1.983%202.646l-.492.797a.28.28%200%200%200%20.015.33L8.55%2026.54c.766.719%202.107.611%202.713-.248l5.233-7.46a4%204%200%200%201-.508-.218a19%2019%200%200%201-1.852-1.14c-.509-.358-.958-.689-1.433-.997c-.936-.606-1.785-.991-2.729-.992m13.622.631c-.728-.884-2.212-.826-2.86.09l.003.002l-.746%201.061l.012.01l-4.484%206.394c.352.124.62.284.753.353l.42.235c.412.242.803.508%201.172.767c.509.357.959.687%201.433.994c.937.607%201.786.992%202.729.993c1.246%200%202.401-.724%203.46-1.842c1.052-1.11%201.873-2.46%202.476-3.446c.053-.123.053-.211-.016-.328zM9.5%203a4.5%204.5%200%201%201%200%209a4.5%204.5%200%200%201%200-9m13%200a4.5%204.5%200%201%201%200%209a4.5%204.5%200%200%201%200-9m-13%202a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5m13%200a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/people-interwoven-32-regular.svg?color=%231a73e8&size=48
