people queue icon

people-queue-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.

Name
people-queue-32-filled
Set
Fluent UI System Icons
Style
32 Filled
Viewbox
32×32
License
MIT

9 other variants in Fluent UI System Icons

people-queue-20-filledpeople-queue-20-regularpeople-queue-24-filledpeople-queue-24-regularpeople-queue-28-filledpeople-queue-28-regularpeople-queue-32-regularpeople-queue-48-filledpeople-queue-48-regular

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-interwoven-16-filledpeople-link-16-filledpeople-list-16-filledpeople-lock-16-filledpeople-money-20-filledpeople-prohibited-16-filledpeople-search-20-filledpeople-settings-20-filledpeople-star-16-filledpeople-subtract-20-filledpeople-swap-16-filledpeople-sync-16-filled

Use the people queue icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.002 11.5c-.764 0-1.48-.201-2.1-.554c.84-1 1.346-2.289 1.346-3.696a5.73 5.73 0 0 0-1.346-3.696a4.25 4.25 0 1 1 2.1 7.946m1.5 4c0-.946-.329-1.815-.877-2.5h3.377a2.5 2.5 0 0 1 2.5 2.5v7a6.5 6.5 0 0 1-8.078 6.307a7.99 7.99 0 0 0 3.078-6.307zm5-4c-.764 0-1.48-.201-2.1-.554c.84-1 1.345-2.289 1.345-3.696a5.73 5.73 0 0 0-1.345-3.696a4.25 4.25 0 1 1 2.1 7.946m1.5 4c0-.946-.329-1.815-.877-2.5h3.377a2.5 2.5 0 0 1 2.5 2.5v7a6.5 6.5 0 0 1-8.078 6.307a7.99 7.99 0 0 0 3.078-6.307zM5.5 13A2.5 2.5 0 0 0 3 15.5v7a6.5 6.5 0 1 0 13 0v-7a2.5 2.5 0 0 0-2.5-2.5zm4-1.5a4.25 4.25 0 1 0 0-8.5a4.25 4.25 0 0 0 0 8.5"/></svg>

React

import type { SVGProps } from "react";

export function FluentPeopleQueue32Filled(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="M16.002 11.5c-.764 0-1.48-.201-2.1-.554c.84-1 1.346-2.289 1.346-3.696a5.73 5.73 0 0 0-1.346-3.696a4.25 4.25 0 1 1 2.1 7.946m1.5 4c0-.946-.329-1.815-.877-2.5h3.377a2.5 2.5 0 0 1 2.5 2.5v7a6.5 6.5 0 0 1-8.078 6.307a7.99 7.99 0 0 0 3.078-6.307zm5-4c-.764 0-1.48-.201-2.1-.554c.84-1 1.345-2.289 1.345-3.696a5.73 5.73 0 0 0-1.345-3.696a4.25 4.25 0 1 1 2.1 7.946m1.5 4c0-.946-.329-1.815-.877-2.5h3.377a2.5 2.5 0 0 1 2.5 2.5v7a6.5 6.5 0 0 1-8.078 6.307a7.99 7.99 0 0 0 3.078-6.307zM5.5 13A2.5 2.5 0 0 0 3 15.5v7a6.5 6.5 0 1 0 13 0v-7a2.5 2.5 0 0 0-2.5-2.5zm4-1.5a4.25 4.25 0 1 0 0-8.5a4.25 4.25 0 0 0 0 8.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="M16.002 11.5c-.764 0-1.48-.201-2.1-.554c.84-1 1.346-2.289 1.346-3.696a5.73 5.73 0 0 0-1.346-3.696a4.25 4.25 0 1 1 2.1 7.946m1.5 4c0-.946-.329-1.815-.877-2.5h3.377a2.5 2.5 0 0 1 2.5 2.5v7a6.5 6.5 0 0 1-8.078 6.307a7.99 7.99 0 0 0 3.078-6.307zm5-4c-.764 0-1.48-.201-2.1-.554c.84-1 1.345-2.289 1.345-3.696a5.73 5.73 0 0 0-1.345-3.696a4.25 4.25 0 1 1 2.1 7.946m1.5 4c0-.946-.329-1.815-.877-2.5h3.377a2.5 2.5 0 0 1 2.5 2.5v7a6.5 6.5 0 0 1-8.078 6.307a7.99 7.99 0 0 0 3.078-6.307zM5.5 13A2.5 2.5 0 0 0 3 15.5v7a6.5 6.5 0 1 0 13 0v-7a2.5 2.5 0 0 0-2.5-2.5zm4-1.5a4.25 4.25 0 1 0 0-8.5a4.25 4.25 0 0 0 0 8.5"/></svg>
</template>

CSS

.icon-people-queue-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.002%2011.5c-.764%200-1.48-.201-2.1-.554c.84-1%201.346-2.289%201.346-3.696a5.73%205.73%200%200%200-1.346-3.696a4.25%204.25%200%201%201%202.1%207.946m1.5%204c0-.946-.329-1.815-.877-2.5h3.377a2.5%202.5%200%200%201%202.5%202.5v7a6.5%206.5%200%200%201-8.078%206.307a7.99%207.99%200%200%200%203.078-6.307zm5-4c-.764%200-1.48-.201-2.1-.554c.84-1%201.345-2.289%201.345-3.696a5.73%205.73%200%200%200-1.345-3.696a4.25%204.25%200%201%201%202.1%207.946m1.5%204c0-.946-.329-1.815-.877-2.5h3.377a2.5%202.5%200%200%201%202.5%202.5v7a6.5%206.5%200%200%201-8.078%206.307a7.99%207.99%200%200%200%203.078-6.307zM5.5%2013A2.5%202.5%200%200%200%203%2015.5v7a6.5%206.5%200%201%200%2013%200v-7a2.5%202.5%200%200%200-2.5-2.5zm4-1.5a4.25%204.25%200%201%200%200-8.5a4.25%204.25%200%200%200%200%208.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%22M16.002%2011.5c-.764%200-1.48-.201-2.1-.554c.84-1%201.346-2.289%201.346-3.696a5.73%205.73%200%200%200-1.346-3.696a4.25%204.25%200%201%201%202.1%207.946m1.5%204c0-.946-.329-1.815-.877-2.5h3.377a2.5%202.5%200%200%201%202.5%202.5v7a6.5%206.5%200%200%201-8.078%206.307a7.99%207.99%200%200%200%203.078-6.307zm5-4c-.764%200-1.48-.201-2.1-.554c.84-1%201.345-2.289%201.345-3.696a5.73%205.73%200%200%200-1.345-3.696a4.25%204.25%200%201%201%202.1%207.946m1.5%204c0-.946-.329-1.815-.877-2.5h3.377a2.5%202.5%200%200%201%202.5%202.5v7a6.5%206.5%200%200%201-8.078%206.307a7.99%207.99%200%200%200%203.078-6.307zM5.5%2013A2.5%202.5%200%200%200%203%2015.5v7a6.5%206.5%200%201%200%2013%200v-7a2.5%202.5%200%200%200-2.5-2.5zm4-1.5a4.25%204.25%200%201%200%200-8.5a4.25%204.25%200%200%200%200%208.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/people-queue-32-filled.svg?color=%231a73e8&size=48