people queue icon

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

Name
people-queue-48-filled
Set
Fluent UI System Icons
Style
48 Filled
Viewbox
48×48
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-filledpeople-queue-32-regularpeople-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 48 48"><path fill="currentColor" d="M21.055 17.228a6 6 0 1 0 0-10.456A7.97 7.97 0 0 1 22.999 12a7.97 7.97 0 0 1-1.944 5.228M24 42a9 9 0 0 1-2.28-.292A10.98 10.98 0 0 0 25.998 33v-9.25a5.73 5.73 0 0 0-1.39-3.75h4.643a3.75 3.75 0 0 1 3.75 3.75V33a9 9 0 0 1-9 9m6.054-24.77a6 6 0 1 0 0-10.462A7.97 7.97 0 0 1 32.002 12c0 2-.734 3.828-1.947 5.23M33 42c-.787 0-1.55-.101-2.278-.29a10.98 10.98 0 0 0 4.28-8.71v-9.25A5.73 5.73 0 0 0 33.61 20h4.639A3.75 3.75 0 0 1 42 23.75V33a9 9 0 0 1-9 9M9.75 20A3.75 3.75 0 0 0 6 23.75V33a9 9 0 1 0 18 0v-9.25A3.75 3.75 0 0 0 20.25 20zM15 18a6 6 0 1 0 0-12a6 6 0 0 0 0 12"/></svg>

React

import type { SVGProps } from "react";

export function FluentPeopleQueue48Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M21.055 17.228a6 6 0 1 0 0-10.456A7.97 7.97 0 0 1 22.999 12a7.97 7.97 0 0 1-1.944 5.228M24 42a9 9 0 0 1-2.28-.292A10.98 10.98 0 0 0 25.998 33v-9.25a5.73 5.73 0 0 0-1.39-3.75h4.643a3.75 3.75 0 0 1 3.75 3.75V33a9 9 0 0 1-9 9m6.054-24.77a6 6 0 1 0 0-10.462A7.97 7.97 0 0 1 32.002 12c0 2-.734 3.828-1.947 5.23M33 42c-.787 0-1.55-.101-2.278-.29a10.98 10.98 0 0 0 4.28-8.71v-9.25A5.73 5.73 0 0 0 33.61 20h4.639A3.75 3.75 0 0 1 42 23.75V33a9 9 0 0 1-9 9M9.75 20A3.75 3.75 0 0 0 6 23.75V33a9 9 0 1 0 18 0v-9.25A3.75 3.75 0 0 0 20.25 20zM15 18a6 6 0 1 0 0-12a6 6 0 0 0 0 12"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M21.055 17.228a6 6 0 1 0 0-10.456A7.97 7.97 0 0 1 22.999 12a7.97 7.97 0 0 1-1.944 5.228M24 42a9 9 0 0 1-2.28-.292A10.98 10.98 0 0 0 25.998 33v-9.25a5.73 5.73 0 0 0-1.39-3.75h4.643a3.75 3.75 0 0 1 3.75 3.75V33a9 9 0 0 1-9 9m6.054-24.77a6 6 0 1 0 0-10.462A7.97 7.97 0 0 1 32.002 12c0 2-.734 3.828-1.947 5.23M33 42c-.787 0-1.55-.101-2.278-.29a10.98 10.98 0 0 0 4.28-8.71v-9.25A5.73 5.73 0 0 0 33.61 20h4.639A3.75 3.75 0 0 1 42 23.75V33a9 9 0 0 1-9 9M9.75 20A3.75 3.75 0 0 0 6 23.75V33a9 9 0 1 0 18 0v-9.25A3.75 3.75 0 0 0 20.25 20zM15 18a6 6 0 1 0 0-12a6 6 0 0 0 0 12"/></svg>
</template>

CSS

.icon-people-queue-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.055%2017.228a6%206%200%201%200%200-10.456A7.97%207.97%200%200%201%2022.999%2012a7.97%207.97%200%200%201-1.944%205.228M24%2042a9%209%200%200%201-2.28-.292A10.98%2010.98%200%200%200%2025.998%2033v-9.25a5.73%205.73%200%200%200-1.39-3.75h4.643a3.75%203.75%200%200%201%203.75%203.75V33a9%209%200%200%201-9%209m6.054-24.77a6%206%200%201%200%200-10.462A7.97%207.97%200%200%201%2032.002%2012c0%202-.734%203.828-1.947%205.23M33%2042c-.787%200-1.55-.101-2.278-.29a10.98%2010.98%200%200%200%204.28-8.71v-9.25A5.73%205.73%200%200%200%2033.61%2020h4.639A3.75%203.75%200%200%201%2042%2023.75V33a9%209%200%200%201-9%209M9.75%2020A3.75%203.75%200%200%200%206%2023.75V33a9%209%200%201%200%2018%200v-9.25A3.75%203.75%200%200%200%2020.25%2020zM15%2018a6%206%200%201%200%200-12a6%206%200%200%200%200%2012%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.055%2017.228a6%206%200%201%200%200-10.456A7.97%207.97%200%200%201%2022.999%2012a7.97%207.97%200%200%201-1.944%205.228M24%2042a9%209%200%200%201-2.28-.292A10.98%2010.98%200%200%200%2025.998%2033v-9.25a5.73%205.73%200%200%200-1.39-3.75h4.643a3.75%203.75%200%200%201%203.75%203.75V33a9%209%200%200%201-9%209m6.054-24.77a6%206%200%201%200%200-10.462A7.97%207.97%200%200%201%2032.002%2012c0%202-.734%203.828-1.947%205.23M33%2042c-.787%200-1.55-.101-2.278-.29a10.98%2010.98%200%200%200%204.28-8.71v-9.25A5.73%205.73%200%200%200%2033.61%2020h4.639A3.75%203.75%200%200%201%2042%2023.75V33a9%209%200%200%201-9%209M9.75%2020A3.75%203.75%200%200%200%206%2023.75V33a9%209%200%201%200%2018%200v-9.25A3.75%203.75%200%200%200%2020.25%2020zM15%2018a6%206%200%201%200%200-12a6%206%200%200%200%200%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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