people interwoven icon
people-interwoven-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- people-interwoven-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- 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-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 28 28"><path fill="currentColor" d="M16.9 12.964c1.22-1.523 3.658-1.55 4.915-.025l3.855 4.69c.368.528.425 1.193.186 1.768l-.132.26c-.508.83-1.3 2.145-2.345 3.247C22.341 23.999 20.946 25 19.217 25c-1.28 0-2.336-.534-3.235-1.117c-.445-.287-.887-.614-1.29-.896a14 14 0 0 0-1.2-.759c-.362-.19-.517-.273-.697-.264c-.095.006-.348.054-.746.538l-.833 1.188c-1.14 1.62-3.574 1.747-4.904.32l-3.89-4.713a1.85 1.85 0 0 1-.145-2.146l.434-.703c.486-.772 1.128-1.719 1.911-2.545c1.038-1.096 2.433-2.096 4.162-2.096c1.281 0 2.335.534 3.235 1.116c.835.541 1.607 1.19 2.49 1.654c.212.105.45.279.697.265c.094-.005.34-.053.729-.518zm3.755.928c-.674-.818-2.042-.766-2.643.085v.002l-.645.919l.011.008l-3.963 5.65c.403.119.766.343 1.131.545c.352.207.689.436 1.008.66c.438.307.83.596 1.243.864c.816.528 1.572.875 2.42.876c1.122 0 2.148-.653 3.073-1.63c.919-.969 1.635-2.148 2.155-2.998c.065-.156.06-.268-.023-.409zm-11.87-.584c-1.123 0-2.149.65-3.074 1.627c-.69.727-1.264 1.573-1.727 2.309l-.428.69a.35.35 0 0 0 .023.41l3.9 4.715c.661.622 1.785.579 2.39-.08l4.729-6.723a3 3 0 0 1-.558-.228c-.552-.294-1.08-.62-1.593-.98c-.438-.307-.83-.596-1.243-.864c-.816-.528-1.572-.876-2.42-.876M8.5 3a3.5 3.5 0 1 1 0 7a3.5 3.5 0 0 1 0-7m11 0a3.5 3.5 0 1 1 0 7a3.5 3.5 0 0 1 0-7m-11 1.5a2 2 0 1 0 0 4a2 2 0 0 0 0-4m11 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/></svg>
React
import type { SVGProps } from "react";
export function FluentPeopleInterwoven28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M16.9 12.964c1.22-1.523 3.658-1.55 4.915-.025l3.855 4.69c.368.528.425 1.193.186 1.768l-.132.26c-.508.83-1.3 2.145-2.345 3.247C22.341 23.999 20.946 25 19.217 25c-1.28 0-2.336-.534-3.235-1.117c-.445-.287-.887-.614-1.29-.896a14 14 0 0 0-1.2-.759c-.362-.19-.517-.273-.697-.264c-.095.006-.348.054-.746.538l-.833 1.188c-1.14 1.62-3.574 1.747-4.904.32l-3.89-4.713a1.85 1.85 0 0 1-.145-2.146l.434-.703c.486-.772 1.128-1.719 1.911-2.545c1.038-1.096 2.433-2.096 4.162-2.096c1.281 0 2.335.534 3.235 1.116c.835.541 1.607 1.19 2.49 1.654c.212.105.45.279.697.265c.094-.005.34-.053.729-.518zm3.755.928c-.674-.818-2.042-.766-2.643.085v.002l-.645.919l.011.008l-3.963 5.65c.403.119.766.343 1.131.545c.352.207.689.436 1.008.66c.438.307.83.596 1.243.864c.816.528 1.572.875 2.42.876c1.122 0 2.148-.653 3.073-1.63c.919-.969 1.635-2.148 2.155-2.998c.065-.156.06-.268-.023-.409zm-11.87-.584c-1.123 0-2.149.65-3.074 1.627c-.69.727-1.264 1.573-1.727 2.309l-.428.69a.35.35 0 0 0 .023.41l3.9 4.715c.661.622 1.785.579 2.39-.08l4.729-6.723a3 3 0 0 1-.558-.228c-.552-.294-1.08-.62-1.593-.98c-.438-.307-.83-.596-1.243-.864c-.816-.528-1.572-.876-2.42-.876M8.5 3a3.5 3.5 0 1 1 0 7a3.5 3.5 0 0 1 0-7m11 0a3.5 3.5 0 1 1 0 7a3.5 3.5 0 0 1 0-7m-11 1.5a2 2 0 1 0 0 4a2 2 0 0 0 0-4m11 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M16.9 12.964c1.22-1.523 3.658-1.55 4.915-.025l3.855 4.69c.368.528.425 1.193.186 1.768l-.132.26c-.508.83-1.3 2.145-2.345 3.247C22.341 23.999 20.946 25 19.217 25c-1.28 0-2.336-.534-3.235-1.117c-.445-.287-.887-.614-1.29-.896a14 14 0 0 0-1.2-.759c-.362-.19-.517-.273-.697-.264c-.095.006-.348.054-.746.538l-.833 1.188c-1.14 1.62-3.574 1.747-4.904.32l-3.89-4.713a1.85 1.85 0 0 1-.145-2.146l.434-.703c.486-.772 1.128-1.719 1.911-2.545c1.038-1.096 2.433-2.096 4.162-2.096c1.281 0 2.335.534 3.235 1.116c.835.541 1.607 1.19 2.49 1.654c.212.105.45.279.697.265c.094-.005.34-.053.729-.518zm3.755.928c-.674-.818-2.042-.766-2.643.085v.002l-.645.919l.011.008l-3.963 5.65c.403.119.766.343 1.131.545c.352.207.689.436 1.008.66c.438.307.83.596 1.243.864c.816.528 1.572.875 2.42.876c1.122 0 2.148-.653 3.073-1.63c.919-.969 1.635-2.148 2.155-2.998c.065-.156.06-.268-.023-.409zm-11.87-.584c-1.123 0-2.149.65-3.074 1.627c-.69.727-1.264 1.573-1.727 2.309l-.428.69a.35.35 0 0 0 .023.41l3.9 4.715c.661.622 1.785.579 2.39-.08l4.729-6.723a3 3 0 0 1-.558-.228c-.552-.294-1.08-.62-1.593-.98c-.438-.307-.83-.596-1.243-.864c-.816-.528-1.572-.876-2.42-.876M8.5 3a3.5 3.5 0 1 1 0 7a3.5 3.5 0 0 1 0-7m11 0a3.5 3.5 0 1 1 0 7a3.5 3.5 0 0 1 0-7m-11 1.5a2 2 0 1 0 0 4a2 2 0 0 0 0-4m11 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/></svg> </template>
CSS
.icon-people-interwoven-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.9%2012.964c1.22-1.523%203.658-1.55%204.915-.025l3.855%204.69c.368.528.425%201.193.186%201.768l-.132.26c-.508.83-1.3%202.145-2.345%203.247C22.341%2023.999%2020.946%2025%2019.217%2025c-1.28%200-2.336-.534-3.235-1.117c-.445-.287-.887-.614-1.29-.896a14%2014%200%200%200-1.2-.759c-.362-.19-.517-.273-.697-.264c-.095.006-.348.054-.746.538l-.833%201.188c-1.14%201.62-3.574%201.747-4.904.32l-3.89-4.713a1.85%201.85%200%200%201-.145-2.146l.434-.703c.486-.772%201.128-1.719%201.911-2.545c1.038-1.096%202.433-2.096%204.162-2.096c1.281%200%202.335.534%203.235%201.116c.835.541%201.607%201.19%202.49%201.654c.212.105.45.279.697.265c.094-.005.34-.053.729-.518zm3.755.928c-.674-.818-2.042-.766-2.643.085v.002l-.645.919l.011.008l-3.963%205.65c.403.119.766.343%201.131.545c.352.207.689.436%201.008.66c.438.307.83.596%201.243.864c.816.528%201.572.875%202.42.876c1.122%200%202.148-.653%203.073-1.63c.919-.969%201.635-2.148%202.155-2.998c.065-.156.06-.268-.023-.409zm-11.87-.584c-1.123%200-2.149.65-3.074%201.627c-.69.727-1.264%201.573-1.727%202.309l-.428.69a.35.35%200%200%200%20.023.41l3.9%204.715c.661.622%201.785.579%202.39-.08l4.729-6.723a3%203%200%200%201-.558-.228c-.552-.294-1.08-.62-1.593-.98c-.438-.307-.83-.596-1.243-.864c-.816-.528-1.572-.876-2.42-.876M8.5%203a3.5%203.5%200%201%201%200%207a3.5%203.5%200%200%201%200-7m11%200a3.5%203.5%200%201%201%200%207a3.5%203.5%200%200%201%200-7m-11%201.5a2%202%200%201%200%200%204a2%202%200%200%200%200-4m11%200a2%202%200%201%200%200%204a2%202%200%200%200%200-4%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.9%2012.964c1.22-1.523%203.658-1.55%204.915-.025l3.855%204.69c.368.528.425%201.193.186%201.768l-.132.26c-.508.83-1.3%202.145-2.345%203.247C22.341%2023.999%2020.946%2025%2019.217%2025c-1.28%200-2.336-.534-3.235-1.117c-.445-.287-.887-.614-1.29-.896a14%2014%200%200%200-1.2-.759c-.362-.19-.517-.273-.697-.264c-.095.006-.348.054-.746.538l-.833%201.188c-1.14%201.62-3.574%201.747-4.904.32l-3.89-4.713a1.85%201.85%200%200%201-.145-2.146l.434-.703c.486-.772%201.128-1.719%201.911-2.545c1.038-1.096%202.433-2.096%204.162-2.096c1.281%200%202.335.534%203.235%201.116c.835.541%201.607%201.19%202.49%201.654c.212.105.45.279.697.265c.094-.005.34-.053.729-.518zm3.755.928c-.674-.818-2.042-.766-2.643.085v.002l-.645.919l.011.008l-3.963%205.65c.403.119.766.343%201.131.545c.352.207.689.436%201.008.66c.438.307.83.596%201.243.864c.816.528%201.572.875%202.42.876c1.122%200%202.148-.653%203.073-1.63c.919-.969%201.635-2.148%202.155-2.998c.065-.156.06-.268-.023-.409zm-11.87-.584c-1.123%200-2.149.65-3.074%201.627c-.69.727-1.264%201.573-1.727%202.309l-.428.69a.35.35%200%200%200%20.023.41l3.9%204.715c.661.622%201.785.579%202.39-.08l4.729-6.723a3%203%200%200%201-.558-.228c-.552-.294-1.08-.62-1.593-.98c-.438-.307-.83-.596-1.243-.864c-.816-.528-1.572-.876-2.42-.876M8.5%203a3.5%203.5%200%201%201%200%207a3.5%203.5%200%200%201%200-7m11%200a3.5%203.5%200%201%201%200%207a3.5%203.5%200%200%201%200-7m-11%201.5a2%202%200%201%200%200%204a2%202%200%200%200%200-4m11%200a2%202%200%201%200%200%204a2%202%200%200%200%200-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/people-interwoven-28-regular.svg?color=%231a73e8&size=48
