Agents icon

Use the Agents 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 { Agents24Regular, Agents24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Agents24Regular aria-label="Agents" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_agents_24_regular.svg" width="24" height="24" alt="Agents">

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="M15.7568 4.5C16.1032 4.5 16.4232 4.68501 16.596 4.9852L20.4194 11.6258C20.5528 11.8574 20.5528 12.1426 20.4194 12.3742L16.533 19.1242C16.3992 19.3567 16.1513 19.5 15.8831 19.5H12.5003C12.0861 19.5 11.7503 19.8358 11.7503 20.25C11.7503 20.6642 12.0861 21 12.5003 21H15.8831C16.6879 21 17.4314 20.5701 17.833 19.8727L21.7193 13.1227C22.1195 12.4277 22.1195 11.5723 21.7193 10.8773L17.896 4.23675C17.4554 3.47159 16.6397 3 15.7568 3C14.6819 3 13.7305 3.69564 13.4046 4.71996L8.91212 18.8392C8.7869 19.2327 8.42142 19.5 8.00845 19.5C7.66143 19.5 7.34211 19.3104 7.17594 19.0058L3.56131 12.379C3.43626 12.1497 3.43946 11.8719 3.56976 11.6456L7.46754 4.87578C7.60139 4.64329 7.84923 4.5 8.1175 4.5H11.2503C11.6645 4.5 12.0003 4.16421 12.0003 3.75C12.0003 3.33579 11.6645 3 11.2503 3H8.1175C7.3127 3 6.56917 3.42986 6.1676 4.12733L2.26983 10.8972C1.87892 11.5761 1.86932 12.4095 2.24446 13.0972L5.8591 19.7241C6.28812 20.5106 7.11251 21 8.00845 21C9.07463 21 10.0182 20.31 10.3415 19.294L14.834 5.17477C14.9619 4.77291 15.3351 4.5 15.7568 4.5Z" 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/agents_24_regular.svg";

Details