People Subtract icon
Used in a wide range of scenarios - representing a general person, a contact, contact lists, sharing, and managing access. The People Subtract icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the People Subtract icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { PeopleSubtract24Regular, PeopleSubtract24Filled } from "@fluentui/react-icons";
export function Example() {
return <PeopleSubtract24Regular aria-label="People Subtract" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_people_subtract_24_regular.svg" width="24" height="24" alt="People Subtract"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.99989 4.5C6.61918 4.5 5.49989 5.61929 5.49989 7C5.49989 8.38071 6.61918 9.5 7.99989 9.5C9.38061 9.5 10.4999 8.38071 10.4999 7C10.4999 5.61929 9.38061 4.5 7.99989 4.5ZM3.99989 7C3.99989 4.79086 5.79076 3 7.99989 3C10.209 3 11.9999 4.79086 11.9999 7C11.9999 9.20914 10.209 11 7.99989 11C5.79076 11 3.99989 9.20914 3.99989 7ZM16.9999 6.5C16.1715 6.5 15.4999 7.17157 15.4999 8C15.4999 8.82843 16.1715 9.5 16.9999 9.5C17.8283 9.5 18.4999 8.82843 18.4999 8C18.4999 7.17157 17.8283 6.5 16.9999 6.5ZM13.9999 8C13.9999 6.34315 15.343 5 16.9999 5C18.6567 5 19.9999 6.34315 19.9999 8C19.9999 9.65685 18.6567 11 16.9999 11C15.343 11 13.9999 9.65685 13.9999 8ZM1.99989 15.25C1.99989 14.0074 3.00725 13 4.24989 13H11.7499C12.0662 13 12.3673 13.0653 12.6404 13.1831C12.2864 13.5813 11.9805 14.0233 11.7321 14.5H4.24989C3.83568 14.5 3.49989 14.8358 3.49989 15.25C3.49989 15.3622 3.49524 15.4747 3.50643 15.5865C3.5139 15.6612 3.5296 15.7753 3.56231 15.9155C3.62807 16.1974 3.7596 16.5721 4.02057 16.9449C4.51424 17.6501 5.57811 18.5 7.99989 18.5C9.41256 18.5 10.3632 18.2108 11.0081 17.8299C11.0349 18.366 11.1267 18.8851 11.2757 19.3793C10.441 19.7598 9.36887 20 7.99989 20C5.17168 20 3.61055 18.9749 2.79172 17.8051C2.39644 17.2404 2.19984 16.6776 2.10154 16.2564C2.05222 16.045 2.02691 15.8661 2.01387 15.7358C2.00734 15.6705 2.00385 15.6169 2.00199 15.5771C1.99691 15.4682 1.99989 15.3589 1.99989 15.25ZM17.4999 12C20.5375 12 22.9999 14.4624 22.9999 17.5C22.9999 20.5376 20.5375 23 17.4999 23C14.4623 23 11.9999 20.5376 11.9999 17.5C11.9999 14.4624 14.4623 12 17.4999 12ZM20.4965 18C20.7724 18 20.996 17.7762 20.996 17.5C20.996 17.2239 20.7724 17 20.4965 17H14.4955C14.2196 17 13.996 17.2239 13.996 17.5C13.996 17.7762 14.2196 18 14.4955 18H20.4965Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/people_subtract_24_regular.svg";Details
| Name | People Subtract |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_people_subtract_24_regular.svg |
| Filled file | ic_fluent_people_subtract_24_filled.svg |
| React components | PeopleSubtract24Regular, PeopleSubtract24Filled |
| License | MIT (© Microsoft Corporation) |