Agents Add icon

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

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

Use it in HTML

Reference the SVG file directly:

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

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="M18.4999 12C21.5374 12 23.9999 14.4624 23.9999 17.5C23.9999 20.5376 21.5374 23 18.4999 23C15.4624 22.9999 12.9999 20.5375 12.9999 17.5C12.9999 14.4625 15.4624 12.0001 18.4999 12ZM18.4999 13.999C18.2239 13.9991 18 14.223 17.9999 14.499L18.0008 17H15.496C15.2201 17 14.996 17.2239 14.996 17.5C14.996 17.7761 15.2201 18 15.496 18H18.0008V20.5039C18.0011 20.7798 18.2249 21.0038 18.5008 21.0039C18.7769 21.0039 19.0006 20.7799 19.0008 20.5039V18H21.4969C21.7726 17.9998 21.996 17.776 21.996 17.5C21.996 17.224 21.7726 17.0002 21.4969 17H19.0008L18.9999 14.499C18.9997 14.223 18.7759 13.999 18.4999 13.999ZM11.2499 3C11.6639 3.00021 11.9999 3.33591 11.9999 3.75C11.9999 4.16409 11.6639 4.49979 11.2499 4.5H8.11705C7.84891 4.50004 7.60151 4.64364 7.46764 4.87598L3.5692 11.6455C3.43892 11.8718 3.43635 12.1497 3.56139 12.3789L7.17565 19.0059C7.34179 19.3102 7.66091 19.4998 8.00768 19.5C8.42049 19.4998 8.7868 19.2323 8.91198 18.8389L13.4042 4.71973C13.7302 3.69556 14.6819 3 15.7567 3C16.6392 3.00022 17.4549 3.4716 17.8954 4.23633L21.7186 10.877C21.9247 11.2349 22.0237 11.6359 22.0174 12.0352C21.4597 11.6755 20.8439 11.3978 20.1864 11.2217L16.5956 4.98535C16.4228 4.68534 16.1029 4.50022 15.7567 4.5C15.335 4.5 14.9618 4.77302 14.8339 5.1748L10.3407 19.2939C10.0174 20.3098 9.07368 20.9998 8.00768 21C7.11197 20.9998 6.28822 20.51 5.85924 19.7236L2.24401 13.0977C1.86891 12.41 1.87865 11.5763 2.2694 10.8975L6.16686 4.12695C6.56845 3.42968 7.31239 3.00004 8.11705 3H11.2499Z" 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_add_24_regular.svg";

Details