agent icon

agent-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.

Name: agent-16
Set: Octicons
Style: 16
Viewbox: 16×16
License: MIT

1 other variant in Octicons

The same icon in other sets

Use the agent icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14.5 8.9v-.052A2.956 2.956 0 0 0 11.542 5.9a.82.82 0 0 1-.751-.501l-.145-.348A3.5 3.5 0 0 0 7.421 2.9h-.206a3.754 3.754 0 0 0-3.736 4.118l.011.121a.82.82 0 0 1-.619.879A1.81 1.81 0 0 0 1.5 9.773v.14c0 1.097.89 1.987 1.987 1.987H4.5a.75.75 0 0 1 0 1.5H3.487A3.487 3.487 0 0 1 0 9.913v-.14C0 8.449.785 7.274 1.963 6.75A5.253 5.253 0 0 1 7.215 1.4h.206a4.99 4.99 0 0 1 4.586 3.024A4.455 4.455 0 0 1 16 8.848V8.9a.75.75 0 0 1-1.5 0"/><path fill="currentColor" d="m8.38 7.67l2.25 2.25a.75.75 0 0 1 0 1.061L8.38 13.23a.749.749 0 1 1-1.06-1.06l1.719-1.72L7.32 8.731A.75.75 0 0 1 8.38 7.67M15 13.45h-3a.75.75 0 0 1 0-1.5h3a.75.75 0 0 1 0 1.5"/></svg>

React

import type { SVGProps } from "react";

export function OcticonAgent16(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14.5 8.9v-.052A2.956 2.956 0 0 0 11.542 5.9a.82.82 0 0 1-.751-.501l-.145-.348A3.5 3.5 0 0 0 7.421 2.9h-.206a3.754 3.754 0 0 0-3.736 4.118l.011.121a.82.82 0 0 1-.619.879A1.81 1.81 0 0 0 1.5 9.773v.14c0 1.097.89 1.987 1.987 1.987H4.5a.75.75 0 0 1 0 1.5H3.487A3.487 3.487 0 0 1 0 9.913v-.14C0 8.449.785 7.274 1.963 6.75A5.253 5.253 0 0 1 7.215 1.4h.206a4.99 4.99 0 0 1 4.586 3.024A4.455 4.455 0 0 1 16 8.848V8.9a.75.75 0 0 1-1.5 0"/><path fill="currentColor" d="m8.38 7.67l2.25 2.25a.75.75 0 0 1 0 1.061L8.38 13.23a.749.749 0 1 1-1.06-1.06l1.719-1.72L7.32 8.731A.75.75 0 0 1 8.38 7.67M15 13.45h-3a.75.75 0 0 1 0-1.5h3a.75.75 0 0 1 0 1.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14.5 8.9v-.052A2.956 2.956 0 0 0 11.542 5.9a.82.82 0 0 1-.751-.501l-.145-.348A3.5 3.5 0 0 0 7.421 2.9h-.206a3.754 3.754 0 0 0-3.736 4.118l.011.121a.82.82 0 0 1-.619.879A1.81 1.81 0 0 0 1.5 9.773v.14c0 1.097.89 1.987 1.987 1.987H4.5a.75.75 0 0 1 0 1.5H3.487A3.487 3.487 0 0 1 0 9.913v-.14C0 8.449.785 7.274 1.963 6.75A5.253 5.253 0 0 1 7.215 1.4h.206a4.99 4.99 0 0 1 4.586 3.024A4.455 4.455 0 0 1 16 8.848V8.9a.75.75 0 0 1-1.5 0"/><path fill="currentColor" d="m8.38 7.67l2.25 2.25a.75.75 0 0 1 0 1.061L8.38 13.23a.749.749 0 1 1-1.06-1.06l1.719-1.72L7.32 8.731A.75.75 0 0 1 8.38 7.67M15 13.45h-3a.75.75 0 0 1 0-1.5h3a.75.75 0 0 1 0 1.5"/></svg>
</template>

CSS

.icon-agent-16 {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%208.9v-.052A2.956%202.956%200%200%200%2011.542%205.9a.82.82%200%200%201-.751-.501l-.145-.348A3.5%203.5%200%200%200%207.421%202.9h-.206a3.754%203.754%200%200%200-3.736%204.118l.011.121a.82.82%200%200%201-.619.879A1.81%201.81%200%200%200%201.5%209.773v.14c0%201.097.89%201.987%201.987%201.987H4.5a.75.75%200%200%201%200%201.5H3.487A3.487%203.487%200%200%201%200%209.913v-.14C0%208.449.785%207.274%201.963%206.75A5.253%205.253%200%200%201%207.215%201.4h.206a4.99%204.99%200%200%201%204.586%203.024A4.455%204.455%200%200%201%2016%208.848V8.9a.75.75%200%200%201-1.5%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.38%207.67l2.25%202.25a.75.75%200%200%201%200%201.061L8.38%2013.23a.749.749%200%201%201-1.06-1.06l1.719-1.72L7.32%208.731A.75.75%200%200%201%208.38%207.67M15%2013.45h-3a.75.75%200%200%201%200-1.5h3a.75.75%200%200%201%200%201.5%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%208.9v-.052A2.956%202.956%200%200%200%2011.542%205.9a.82.82%200%200%201-.751-.501l-.145-.348A3.5%203.5%200%200%200%207.421%202.9h-.206a3.754%203.754%200%200%200-3.736%204.118l.011.121a.82.82%200%200%201-.619.879A1.81%201.81%200%200%200%201.5%209.773v.14c0%201.097.89%201.987%201.987%201.987H4.5a.75.75%200%200%201%200%201.5H3.487A3.487%203.487%200%200%201%200%209.913v-.14C0%208.449.785%207.274%201.963%206.75A5.253%205.253%200%200%201%207.215%201.4h.206a4.99%204.99%200%200%201%204.586%203.024A4.455%204.455%200%200%201%2016%208.848V8.9a.75.75%200%200%201-1.5%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.38%207.67l2.25%202.25a.75.75%200%200%201%200%201.061L8.38%2013.23a.749.749%200%201%201-1.06-1.06l1.719-1.72L7.32%208.731A.75.75%200%200%201%208.38%207.67M15%2013.45h-3a.75.75%200%200%201%200-1.5h3a.75.75%200%200%201%200%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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