people interwoven icon
people-interwoven-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- people-interwoven-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
11 other variants in Fluent UI System Icons
people-interwoven-16-filledpeople-interwoven-16-regularpeople-interwoven-20-regularpeople-interwoven-24-filledpeople-interwoven-24-regularpeople-interwoven-28-filledpeople-interwoven-28-regularpeople-interwoven-32-filledpeople-interwoven-32-regularpeople-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 20 20"><path fill="currentColor" d="M12.978 10.12c.48-.678 1.566-.72 2.103-.068l2.22 2.697l.326.397a.995.995 0 0 1 .066 1.171c-.14.215-.287.441-.391.595a10 10 0 0 1-.99 1.257c-.703.743-1.495 1.25-2.37 1.25c-.66 0-1.244-.27-1.864-.671c-.574-.372-1.109-.803-1.7-1.15l-.267-.15c-.306-.16-.447-.587-.249-.87l2.636-3.757l-.008-.006l.488-.694m-6.919-.534c.66 0 1.245.27 1.865.672c.66.427 1.268.933 1.967 1.299l.171.092c.228.118.34.419.193.628l-3.23 4.607l-.097.12c-.482.525-1.374.56-1.9.064l-.107-.114l-2.545-3.09a1.01 1.01 0 0 1-.068-1.166c.411-.655.848-1.298 1.381-1.861c.704-.743 1.496-1.251 2.37-1.251M13.5 3a2.501 2.501 0 1 1-.001 5.002A2.501 2.501 0 0 1 13.5 3m-7 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5"/></svg>
React
import type { SVGProps } from "react";
export function FluentPeopleInterwoven20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M12.978 10.12c.48-.678 1.566-.72 2.103-.068l2.22 2.697l.326.397a.995.995 0 0 1 .066 1.171c-.14.215-.287.441-.391.595a10 10 0 0 1-.99 1.257c-.703.743-1.495 1.25-2.37 1.25c-.66 0-1.244-.27-1.864-.671c-.574-.372-1.109-.803-1.7-1.15l-.267-.15c-.306-.16-.447-.587-.249-.87l2.636-3.757l-.008-.006l.488-.694m-6.919-.534c.66 0 1.245.27 1.865.672c.66.427 1.268.933 1.967 1.299l.171.092c.228.118.34.419.193.628l-3.23 4.607l-.097.12c-.482.525-1.374.56-1.9.064l-.107-.114l-2.545-3.09a1.01 1.01 0 0 1-.068-1.166c.411-.655.848-1.298 1.381-1.861c.704-.743 1.496-1.251 2.37-1.251M13.5 3a2.501 2.501 0 1 1-.001 5.002A2.501 2.501 0 0 1 13.5 3m-7 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M12.978 10.12c.48-.678 1.566-.72 2.103-.068l2.22 2.697l.326.397a.995.995 0 0 1 .066 1.171c-.14.215-.287.441-.391.595a10 10 0 0 1-.99 1.257c-.703.743-1.495 1.25-2.37 1.25c-.66 0-1.244-.27-1.864-.671c-.574-.372-1.109-.803-1.7-1.15l-.267-.15c-.306-.16-.447-.587-.249-.87l2.636-3.757l-.008-.006l.488-.694m-6.919-.534c.66 0 1.245.27 1.865.672c.66.427 1.268.933 1.967 1.299l.171.092c.228.118.34.419.193.628l-3.23 4.607l-.097.12c-.482.525-1.374.56-1.9.064l-.107-.114l-2.545-3.09a1.01 1.01 0 0 1-.068-1.166c.411-.655.848-1.298 1.381-1.861c.704-.743 1.496-1.251 2.37-1.251M13.5 3a2.501 2.501 0 1 1-.001 5.002A2.501 2.501 0 0 1 13.5 3m-7 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5"/></svg> </template>
CSS
.icon-people-interwoven-20-filled {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.978%2010.12c.48-.678%201.566-.72%202.103-.068l2.22%202.697l.326.397a.995.995%200%200%201%20.066%201.171c-.14.215-.287.441-.391.595a10%2010%200%200%201-.99%201.257c-.703.743-1.495%201.25-2.37%201.25c-.66%200-1.244-.27-1.864-.671c-.574-.372-1.109-.803-1.7-1.15l-.267-.15c-.306-.16-.447-.587-.249-.87l2.636-3.757l-.008-.006l.488-.694m-6.919-.534c.66%200%201.245.27%201.865.672c.66.427%201.268.933%201.967%201.299l.171.092c.228.118.34.419.193.628l-3.23%204.607l-.097.12c-.482.525-1.374.56-1.9.064l-.107-.114l-2.545-3.09a1.01%201.01%200%200%201-.068-1.166c.411-.655.848-1.298%201.381-1.861c.704-.743%201.496-1.251%202.37-1.251M13.5%203a2.501%202.501%200%201%201-.001%205.002A2.501%202.501%200%200%201%2013.5%203m-7%200a2.5%202.5%200%201%201%200%205a2.5%202.5%200%200%201%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.978%2010.12c.48-.678%201.566-.72%202.103-.068l2.22%202.697l.326.397a.995.995%200%200%201%20.066%201.171c-.14.215-.287.441-.391.595a10%2010%200%200%201-.99%201.257c-.703.743-1.495%201.25-2.37%201.25c-.66%200-1.244-.27-1.864-.671c-.574-.372-1.109-.803-1.7-1.15l-.267-.15c-.306-.16-.447-.587-.249-.87l2.636-3.757l-.008-.006l.488-.694m-6.919-.534c.66%200%201.245.27%201.865.672c.66.427%201.268.933%201.967%201.299l.171.092c.228.118.34.419.193.628l-3.23%204.607l-.097.12c-.482.525-1.374.56-1.9.064l-.107-.114l-2.545-3.09a1.01%201.01%200%200%201-.068-1.166c.411-.655.848-1.298%201.381-1.861c.704-.743%201.496-1.251%202.37-1.251M13.5%203a2.501%202.501%200%201%201-.001%205.002A2.501%202.501%200%200%201%2013.5%203m-7%200a2.5%202.5%200%201%201%200%205a2.5%202.5%200%200%201%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-20-filled.svg?color=%231a73e8&size=48
