agents icon

agents-32 from Fluent UI System Color Icons by Microsoft Corporation · 32 · MIT Free for personal and commercial use.

Name: agents-32
Set: Fluent UI System Color Icons
Style: 32
Viewbox: 32×32
License: MIT

5 other variants in Fluent UI System Color Icons

agents-16 agents-20 agents-24 agents-28 agents-48

The same icon in other sets

Use the agents icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d9d9d9" d="M9.472 28.531L17.68 3H21l.006.016A4 4 0 0 1 24.117 5l5.485 9.5a3 3 0 0 1 0 3l-5.773 10A3 3 0 0 1 21.23 29H11l-.004-.016a4 4 0 0 1-1.524-.453"/><path fill="url(#SVGtIZlwdLy)" d="M9.472 28.531L17.68 3H21l.006.016A4 4 0 0 1 24.117 5l5.485 9.5a3 3 0 0 1 0 3l-5.773 10A3 3 0 0 1 21.23 29H11l-.004-.016a4 4 0 0 1-1.524-.453"/><path fill="url(#SVGS9366cPJ)" fill-opacity=".5" d="M9.472 28.531L17.68 3H21l.006.016A4 4 0 0 1 24.117 5l5.485 9.5a3 3 0 0 1 0 3l-5.773 10A3 3 0 0 1 21.23 29H11l-.004-.016a4 4 0 0 1-1.524-.453"/><path fill="url(#SVGLyzYJd2y)" d="m14 26.5l4-21l.043-.01A3 3 0 0 1 21 3H10.774a3 3 0 0 0-2.599 1.5l-5.773 10a3 3 0 0 0 0 3L7.887 27c.285.494.667.913 1.114 1.237a3 3 0 0 0 4.952-1.706z"/><path fill="url(#SVGTHQSMcNS)" fill-opacity=".4" d="m14 26.5l4-21l.043-.01A3 3 0 0 1 21 3H10.774a3 3 0 0 0-2.599 1.5l-5.773 10a3 3 0 0 0 0 3L7.887 27c.285.494.667.913 1.114 1.237a3 3 0 0 0 4.952-1.706z"/><defs><radialGradient id="SVGtIZlwdLy" cx="0" cy="0" r="1" gradientTransform="rotate(-87.021 26.23 10.402)scale(37.937 42.6996)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc470"/><stop offset=".251" stop-color="#ff835c"/><stop offset=".584" stop-color="#f24a9d"/><stop offset=".871" stop-color="#b339f0"/><stop offset="1" stop-color="#c354ff"/></radialGradient><radialGradient id="SVGS9366cPJ" cx="0" cy="0" r="1" gradientTransform="rotate(214.973 10.84 10.875)scale(27.8693 26.4973)" gradientUnits="userSpaceOnUse"><stop offset=".709" stop-color="#ffb357" stop-opacity="0"/><stop offset=".942" stop-color="#ffb357"/></radialGradient><radialGradient id="SVGLyzYJd2y" cx="0" cy="0" r="1" gradientTransform="rotate(201.076 16.049 10.671)scale(35.1186 31.3225)" gradientUnits="userSpaceOnUse"><stop offset=".222" stop-color="#4e46e2"/><stop offset=".578" stop-color="#625df6"/><stop offset=".955" stop-color="#e37dff"/></radialGradient><linearGradient id="SVGTHQSMcNS" x1="7.792" x2="16.073" y1="13.771" y2="15.597" gradientUnits="userSpaceOnUse"><stop stop-color="#7563f7" stop-opacity="0"/><stop offset=".986" stop-color="#4916ae"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentColorAgents32(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d9d9d9" d="M9.472 28.531L17.68 3H21l.006.016A4 4 0 0 1 24.117 5l5.485 9.5a3 3 0 0 1 0 3l-5.773 10A3 3 0 0 1 21.23 29H11l-.004-.016a4 4 0 0 1-1.524-.453"/><path fill="url(#SVGtIZlwdLy)" d="M9.472 28.531L17.68 3H21l.006.016A4 4 0 0 1 24.117 5l5.485 9.5a3 3 0 0 1 0 3l-5.773 10A3 3 0 0 1 21.23 29H11l-.004-.016a4 4 0 0 1-1.524-.453"/><path fill="url(#SVGS9366cPJ)" fillOpacity=".5" d="M9.472 28.531L17.68 3H21l.006.016A4 4 0 0 1 24.117 5l5.485 9.5a3 3 0 0 1 0 3l-5.773 10A3 3 0 0 1 21.23 29H11l-.004-.016a4 4 0 0 1-1.524-.453"/><path fill="url(#SVGLyzYJd2y)" d="m14 26.5l4-21l.043-.01A3 3 0 0 1 21 3H10.774a3 3 0 0 0-2.599 1.5l-5.773 10a3 3 0 0 0 0 3L7.887 27c.285.494.667.913 1.114 1.237a3 3 0 0 0 4.952-1.706z"/><path fill="url(#SVGTHQSMcNS)" fillOpacity=".4" d="m14 26.5l4-21l.043-.01A3 3 0 0 1 21 3H10.774a3 3 0 0 0-2.599 1.5l-5.773 10a3 3 0 0 0 0 3L7.887 27c.285.494.667.913 1.114 1.237a3 3 0 0 0 4.952-1.706z"/><defs><radialGradient id="SVGtIZlwdLy" cx="0" cy="0" r="1" gradientTransform="rotate(-87.021 26.23 10.402)scale(37.937 42.6996)" gradientUnits="userSpaceOnUse"><stop stopColor="#ffc470"/><stop offset=".251" stopColor="#ff835c"/><stop offset=".584" stopColor="#f24a9d"/><stop offset=".871" stopColor="#b339f0"/><stop offset="1" stopColor="#c354ff"/></radialGradient><radialGradient id="SVGS9366cPJ" cx="0" cy="0" r="1" gradientTransform="rotate(214.973 10.84 10.875)scale(27.8693 26.4973)" gradientUnits="userSpaceOnUse"><stop offset=".709" stopColor="#ffb357" stopOpacity="0"/><stop offset=".942" stopColor="#ffb357"/></radialGradient><radialGradient id="SVGLyzYJd2y" cx="0" cy="0" r="1" gradientTransform="rotate(201.076 16.049 10.671)scale(35.1186 31.3225)" gradientUnits="userSpaceOnUse"><stop offset=".222" stopColor="#4e46e2"/><stop offset=".578" stopColor="#625df6"/><stop offset=".955" stopColor="#e37dff"/></radialGradient><linearGradient id="SVGTHQSMcNS" x1="7.792" x2="16.073" y1="13.771" y2="15.597" gradientUnits="userSpaceOnUse"><stop stopColor="#7563f7" stopOpacity="0"/><stop offset=".986" stopColor="#4916ae"/></linearGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d9d9d9" d="M9.472 28.531L17.68 3H21l.006.016A4 4 0 0 1 24.117 5l5.485 9.5a3 3 0 0 1 0 3l-5.773 10A3 3 0 0 1 21.23 29H11l-.004-.016a4 4 0 0 1-1.524-.453"/><path fill="url(#SVGtIZlwdLy)" d="M9.472 28.531L17.68 3H21l.006.016A4 4 0 0 1 24.117 5l5.485 9.5a3 3 0 0 1 0 3l-5.773 10A3 3 0 0 1 21.23 29H11l-.004-.016a4 4 0 0 1-1.524-.453"/><path fill="url(#SVGS9366cPJ)" fill-opacity=".5" d="M9.472 28.531L17.68 3H21l.006.016A4 4 0 0 1 24.117 5l5.485 9.5a3 3 0 0 1 0 3l-5.773 10A3 3 0 0 1 21.23 29H11l-.004-.016a4 4 0 0 1-1.524-.453"/><path fill="url(#SVGLyzYJd2y)" d="m14 26.5l4-21l.043-.01A3 3 0 0 1 21 3H10.774a3 3 0 0 0-2.599 1.5l-5.773 10a3 3 0 0 0 0 3L7.887 27c.285.494.667.913 1.114 1.237a3 3 0 0 0 4.952-1.706z"/><path fill="url(#SVGTHQSMcNS)" fill-opacity=".4" d="m14 26.5l4-21l.043-.01A3 3 0 0 1 21 3H10.774a3 3 0 0 0-2.599 1.5l-5.773 10a3 3 0 0 0 0 3L7.887 27c.285.494.667.913 1.114 1.237a3 3 0 0 0 4.952-1.706z"/><defs><radialGradient id="SVGtIZlwdLy" cx="0" cy="0" r="1" gradientTransform="rotate(-87.021 26.23 10.402)scale(37.937 42.6996)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc470"/><stop offset=".251" stop-color="#ff835c"/><stop offset=".584" stop-color="#f24a9d"/><stop offset=".871" stop-color="#b339f0"/><stop offset="1" stop-color="#c354ff"/></radialGradient><radialGradient id="SVGS9366cPJ" cx="0" cy="0" r="1" gradientTransform="rotate(214.973 10.84 10.875)scale(27.8693 26.4973)" gradientUnits="userSpaceOnUse"><stop offset=".709" stop-color="#ffb357" stop-opacity="0"/><stop offset=".942" stop-color="#ffb357"/></radialGradient><radialGradient id="SVGLyzYJd2y" cx="0" cy="0" r="1" gradientTransform="rotate(201.076 16.049 10.671)scale(35.1186 31.3225)" gradientUnits="userSpaceOnUse"><stop offset=".222" stop-color="#4e46e2"/><stop offset=".578" stop-color="#625df6"/><stop offset=".955" stop-color="#e37dff"/></radialGradient><linearGradient id="SVGTHQSMcNS" x1="7.792" x2="16.073" y1="13.771" y2="15.597" gradientUnits="userSpaceOnUse"><stop stop-color="#7563f7" stop-opacity="0"/><stop offset=".986" stop-color="#4916ae"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-agents-32 {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23d9d9d9%22%20d%3D%22M9.472%2028.531L17.68%203H21l.006.016A4%204%200%200%201%2024.117%205l5.485%209.5a3%203%200%200%201%200%203l-5.773%2010A3%203%200%200%201%2021.23%2029H11l-.004-.016a4%204%200%200%201-1.524-.453%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtIZlwdLy)%22%20d%3D%22M9.472%2028.531L17.68%203H21l.006.016A4%204%200%200%201%2024.117%205l5.485%209.5a3%203%200%200%201%200%203l-5.773%2010A3%203%200%200%201%2021.23%2029H11l-.004-.016a4%204%200%200%201-1.524-.453%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGS9366cPJ)%22%20fill-opacity%3D%22.5%22%20d%3D%22M9.472%2028.531L17.68%203H21l.006.016A4%204%200%200%201%2024.117%205l5.485%209.5a3%203%200%200%201%200%203l-5.773%2010A3%203%200%200%201%2021.23%2029H11l-.004-.016a4%204%200%200%201-1.524-.453%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGLyzYJd2y)%22%20d%3D%22m14%2026.5l4-21l.043-.01A3%203%200%200%201%2021%203H10.774a3%203%200%200%200-2.599%201.5l-5.773%2010a3%203%200%200%200%200%203L7.887%2027c.285.494.667.913%201.114%201.237a3%203%200%200%200%204.952-1.706z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTHQSMcNS)%22%20fill-opacity%3D%22.4%22%20d%3D%22m14%2026.5l4-21l.043-.01A3%203%200%200%201%2021%203H10.774a3%203%200%200%200-2.599%201.5l-5.773%2010a3%203%200%200%200%200%203L7.887%2027c.285.494.667.913%201.114%201.237a3%203%200%200%200%204.952-1.706z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGtIZlwdLy%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-87.021%2026.23%2010.402)scale(37.937%2042.6996)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffc470%22%2F%3E%3Cstop%20offset%3D%22.251%22%20stop-color%3D%22%23ff835c%22%2F%3E%3Cstop%20offset%3D%22.584%22%20stop-color%3D%22%23f24a9d%22%2F%3E%3Cstop%20offset%3D%22.871%22%20stop-color%3D%22%23b339f0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c354ff%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGS9366cPJ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(214.973%2010.84%2010.875)scale(27.8693%2026.4973)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.709%22%20stop-color%3D%22%23ffb357%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.942%22%20stop-color%3D%22%23ffb357%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGLyzYJd2y%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(201.076%2016.049%2010.671)scale(35.1186%2031.3225)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.222%22%20stop-color%3D%22%234e46e2%22%2F%3E%3Cstop%20offset%3D%22.578%22%20stop-color%3D%22%23625df6%22%2F%3E%3Cstop%20offset%3D%22.955%22%20stop-color%3D%22%23e37dff%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGTHQSMcNS%22%20x1%3D%227.792%22%20x2%3D%2216.073%22%20y1%3D%2213.771%22%20y2%3D%2215.597%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237563f7%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.986%22%20stop-color%3D%22%234916ae%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23d9d9d9%22%20d%3D%22M9.472%2028.531L17.68%203H21l.006.016A4%204%200%200%201%2024.117%205l5.485%209.5a3%203%200%200%201%200%203l-5.773%2010A3%203%200%200%201%2021.23%2029H11l-.004-.016a4%204%200%200%201-1.524-.453%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtIZlwdLy)%22%20d%3D%22M9.472%2028.531L17.68%203H21l.006.016A4%204%200%200%201%2024.117%205l5.485%209.5a3%203%200%200%201%200%203l-5.773%2010A3%203%200%200%201%2021.23%2029H11l-.004-.016a4%204%200%200%201-1.524-.453%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGS9366cPJ)%22%20fill-opacity%3D%22.5%22%20d%3D%22M9.472%2028.531L17.68%203H21l.006.016A4%204%200%200%201%2024.117%205l5.485%209.5a3%203%200%200%201%200%203l-5.773%2010A3%203%200%200%201%2021.23%2029H11l-.004-.016a4%204%200%200%201-1.524-.453%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGLyzYJd2y)%22%20d%3D%22m14%2026.5l4-21l.043-.01A3%203%200%200%201%2021%203H10.774a3%203%200%200%200-2.599%201.5l-5.773%2010a3%203%200%200%200%200%203L7.887%2027c.285.494.667.913%201.114%201.237a3%203%200%200%200%204.952-1.706z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTHQSMcNS)%22%20fill-opacity%3D%22.4%22%20d%3D%22m14%2026.5l4-21l.043-.01A3%203%200%200%201%2021%203H10.774a3%203%200%200%200-2.599%201.5l-5.773%2010a3%203%200%200%200%200%203L7.887%2027c.285.494.667.913%201.114%201.237a3%203%200%200%200%204.952-1.706z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGtIZlwdLy%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-87.021%2026.23%2010.402)scale(37.937%2042.6996)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffc470%22%2F%3E%3Cstop%20offset%3D%22.251%22%20stop-color%3D%22%23ff835c%22%2F%3E%3Cstop%20offset%3D%22.584%22%20stop-color%3D%22%23f24a9d%22%2F%3E%3Cstop%20offset%3D%22.871%22%20stop-color%3D%22%23b339f0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c354ff%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGS9366cPJ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(214.973%2010.84%2010.875)scale(27.8693%2026.4973)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.709%22%20stop-color%3D%22%23ffb357%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.942%22%20stop-color%3D%22%23ffb357%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGLyzYJd2y%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(201.076%2016.049%2010.671)scale(35.1186%2031.3225)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.222%22%20stop-color%3D%22%234e46e2%22%2F%3E%3Cstop%20offset%3D%22.578%22%20stop-color%3D%22%23625df6%22%2F%3E%3Cstop%20offset%3D%22.955%22%20stop-color%3D%22%23e37dff%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGTHQSMcNS%22%20x1%3D%227.792%22%20x2%3D%2216.073%22%20y1%3D%2213.771%22%20y2%3D%2215.597%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237563f7%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.986%22%20stop-color%3D%22%234916ae%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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