people queue icon
people-queue-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- people-queue-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- License
- MIT
9 other variants in Fluent UI System Icons
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="M24.001 18c-1.07 0-2.076-.28-2.946-.772a8 8 0 0 0 1.321-2.127a3.5 3.5 0 1 0 0-6.201a8 8 0 0 0-1.321-2.128A6 6 0 1 1 24.002 18m0 21.5l-.126-.001a11 11 0 0 1-2.155 2.21c.729.19 1.493.291 2.281.291a9 9 0 0 0 9-9v-9.25a3.75 3.75 0 0 0-3.75-3.75h-4.643a5.7 5.7 0 0 1 1.255 2.5h3.388c.69 0 1.25.56 1.25 1.25V33a6.5 6.5 0 0 1-6.5 6.5m9-21.5c-1.07 0-2.074-.28-2.943-.77a8 8 0 0 0 1.322-2.128a3.5 3.5 0 1 0 0-6.205a8 8 0 0 0-1.322-2.126A6 6 0 1 1 33.003 18m0 21.5l-.122-.001a11 11 0 0 1-2.156 2.21A9 9 0 0 0 42.002 33v-9.249a3.75 3.75 0 0 0-3.75-3.75h-4.639a5.7 5.7 0 0 1 1.255 2.5h3.384c.69 0 1.25.56 1.25 1.25V33a6.5 6.5 0 0 1-6.5 6.5M6 23.75A3.75 3.75 0 0 1 9.75 20h10.5A3.75 3.75 0 0 1 24 23.75V33a9 9 0 1 1-18 0zm3.75-1.25c-.69 0-1.25.56-1.25 1.25V33a6.5 6.5 0 1 0 13 0v-9.25c0-.69-.56-1.25-1.25-1.25zM11.5 12a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0M15 6a6 6 0 1 0 0 12a6 6 0 0 0 0-12"/></svg>
React
import type { SVGProps } from "react";
export function FluentPeopleQueue48Regular(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="M24.001 18c-1.07 0-2.076-.28-2.946-.772a8 8 0 0 0 1.321-2.127a3.5 3.5 0 1 0 0-6.201a8 8 0 0 0-1.321-2.128A6 6 0 1 1 24.002 18m0 21.5l-.126-.001a11 11 0 0 1-2.155 2.21c.729.19 1.493.291 2.281.291a9 9 0 0 0 9-9v-9.25a3.75 3.75 0 0 0-3.75-3.75h-4.643a5.7 5.7 0 0 1 1.255 2.5h3.388c.69 0 1.25.56 1.25 1.25V33a6.5 6.5 0 0 1-6.5 6.5m9-21.5c-1.07 0-2.074-.28-2.943-.77a8 8 0 0 0 1.322-2.128a3.5 3.5 0 1 0 0-6.205a8 8 0 0 0-1.322-2.126A6 6 0 1 1 33.003 18m0 21.5l-.122-.001a11 11 0 0 1-2.156 2.21A9 9 0 0 0 42.002 33v-9.249a3.75 3.75 0 0 0-3.75-3.75h-4.639a5.7 5.7 0 0 1 1.255 2.5h3.384c.69 0 1.25.56 1.25 1.25V33a6.5 6.5 0 0 1-6.5 6.5M6 23.75A3.75 3.75 0 0 1 9.75 20h10.5A3.75 3.75 0 0 1 24 23.75V33a9 9 0 1 1-18 0zm3.75-1.25c-.69 0-1.25.56-1.25 1.25V33a6.5 6.5 0 1 0 13 0v-9.25c0-.69-.56-1.25-1.25-1.25zM11.5 12a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0M15 6a6 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="M24.001 18c-1.07 0-2.076-.28-2.946-.772a8 8 0 0 0 1.321-2.127a3.5 3.5 0 1 0 0-6.201a8 8 0 0 0-1.321-2.128A6 6 0 1 1 24.002 18m0 21.5l-.126-.001a11 11 0 0 1-2.155 2.21c.729.19 1.493.291 2.281.291a9 9 0 0 0 9-9v-9.25a3.75 3.75 0 0 0-3.75-3.75h-4.643a5.7 5.7 0 0 1 1.255 2.5h3.388c.69 0 1.25.56 1.25 1.25V33a6.5 6.5 0 0 1-6.5 6.5m9-21.5c-1.07 0-2.074-.28-2.943-.77a8 8 0 0 0 1.322-2.128a3.5 3.5 0 1 0 0-6.205a8 8 0 0 0-1.322-2.126A6 6 0 1 1 33.003 18m0 21.5l-.122-.001a11 11 0 0 1-2.156 2.21A9 9 0 0 0 42.002 33v-9.249a3.75 3.75 0 0 0-3.75-3.75h-4.639a5.7 5.7 0 0 1 1.255 2.5h3.384c.69 0 1.25.56 1.25 1.25V33a6.5 6.5 0 0 1-6.5 6.5M6 23.75A3.75 3.75 0 0 1 9.75 20h10.5A3.75 3.75 0 0 1 24 23.75V33a9 9 0 1 1-18 0zm3.75-1.25c-.69 0-1.25.56-1.25 1.25V33a6.5 6.5 0 1 0 13 0v-9.25c0-.69-.56-1.25-1.25-1.25zM11.5 12a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0M15 6a6 6 0 1 0 0 12a6 6 0 0 0 0-12"/></svg> </template>
CSS
.icon-people-queue-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.001%2018c-1.07%200-2.076-.28-2.946-.772a8%208%200%200%200%201.321-2.127a3.5%203.5%200%201%200%200-6.201a8%208%200%200%200-1.321-2.128A6%206%200%201%201%2024.002%2018m0%2021.5l-.126-.001a11%2011%200%200%201-2.155%202.21c.729.19%201.493.291%202.281.291a9%209%200%200%200%209-9v-9.25a3.75%203.75%200%200%200-3.75-3.75h-4.643a5.7%205.7%200%200%201%201.255%202.5h3.388c.69%200%201.25.56%201.25%201.25V33a6.5%206.5%200%200%201-6.5%206.5m9-21.5c-1.07%200-2.074-.28-2.943-.77a8%208%200%200%200%201.322-2.128a3.5%203.5%200%201%200%200-6.205a8%208%200%200%200-1.322-2.126A6%206%200%201%201%2033.003%2018m0%2021.5l-.122-.001a11%2011%200%200%201-2.156%202.21A9%209%200%200%200%2042.002%2033v-9.249a3.75%203.75%200%200%200-3.75-3.75h-4.639a5.7%205.7%200%200%201%201.255%202.5h3.384c.69%200%201.25.56%201.25%201.25V33a6.5%206.5%200%200%201-6.5%206.5M6%2023.75A3.75%203.75%200%200%201%209.75%2020h10.5A3.75%203.75%200%200%201%2024%2023.75V33a9%209%200%201%201-18%200zm3.75-1.25c-.69%200-1.25.56-1.25%201.25V33a6.5%206.5%200%201%200%2013%200v-9.25c0-.69-.56-1.25-1.25-1.25zM11.5%2012a3.5%203.5%200%201%201%207%200a3.5%203.5%200%200%201-7%200M15%206a6%206%200%201%200%200%2012a6%206%200%200%200%200-12%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%22M24.001%2018c-1.07%200-2.076-.28-2.946-.772a8%208%200%200%200%201.321-2.127a3.5%203.5%200%201%200%200-6.201a8%208%200%200%200-1.321-2.128A6%206%200%201%201%2024.002%2018m0%2021.5l-.126-.001a11%2011%200%200%201-2.155%202.21c.729.19%201.493.291%202.281.291a9%209%200%200%200%209-9v-9.25a3.75%203.75%200%200%200-3.75-3.75h-4.643a5.7%205.7%200%200%201%201.255%202.5h3.388c.69%200%201.25.56%201.25%201.25V33a6.5%206.5%200%200%201-6.5%206.5m9-21.5c-1.07%200-2.074-.28-2.943-.77a8%208%200%200%200%201.322-2.128a3.5%203.5%200%201%200%200-6.205a8%208%200%200%200-1.322-2.126A6%206%200%201%201%2033.003%2018m0%2021.5l-.122-.001a11%2011%200%200%201-2.156%202.21A9%209%200%200%200%2042.002%2033v-9.249a3.75%203.75%200%200%200-3.75-3.75h-4.639a5.7%205.7%200%200%201%201.255%202.5h3.384c.69%200%201.25.56%201.25%201.25V33a6.5%206.5%200%200%201-6.5%206.5M6%2023.75A3.75%203.75%200%200%201%209.75%2020h10.5A3.75%203.75%200%200%201%2024%2023.75V33a9%209%200%201%201-18%200zm3.75-1.25c-.69%200-1.25.56-1.25%201.25V33a6.5%206.5%200%201%200%2013%200v-9.25c0-.69-.56-1.25-1.25-1.25zM11.5%2012a3.5%203.5%200%201%201%207%200a3.5%203.5%200%200%201-7%200M15%206a6%206%200%201%200%200%2012a6%206%200%200%200%200-12%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-regular.svg?color=%231a73e8&size=48
