agent icon

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

Name: agent-24
Set: Octicons
Style: 24
Viewbox: 24×24
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 24 24"><path fill="currentColor" d="M22.5 13.919v-.278a5.097 5.097 0 0 0-4.961-5.086a.86.86 0 0 1-.754-.497l-.149-.327A6.41 6.41 0 0 0 10.81 4a6.133 6.133 0 0 0-6.13 6.32l.019.628a.86.86 0 0 1-.67.869A3.26 3.26 0 0 0 1.5 14.996v.108A3.397 3.397 0 0 0 4.896 18.5h1.577a.75.75 0 0 1 0 1.5H4.896A4.896 4.896 0 0 1 0 15.104v-.108a4.76 4.76 0 0 1 3.185-4.493l-.004-.137A7.633 7.633 0 0 1 10.81 2.5a7.91 7.91 0 0 1 7.176 4.58C21.36 7.377 24 10.207 24 13.641v.278a.75.75 0 0 1-1.5 0"/><path fill="currentColor" d="m12.306 11.77l3.374 3.375a.75.75 0 0 1 0 1.061l-3.375 3.375l-.057.051a.75.75 0 0 1-1.004-.051a.75.75 0 0 1-.051-1.004l.051-.057l2.845-2.845l-2.844-2.844a.75.75 0 1 1 1.061-1.061M22.5 19.8H18a.75.75 0 0 1 0-1.5h4.5a.75.75 0 0 1 0 1.5"/></svg>

React

import type { SVGProps } from "react";

export function OcticonAgent24(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.5 13.919v-.278a5.097 5.097 0 0 0-4.961-5.086a.86.86 0 0 1-.754-.497l-.149-.327A6.41 6.41 0 0 0 10.81 4a6.133 6.133 0 0 0-6.13 6.32l.019.628a.86.86 0 0 1-.67.869A3.26 3.26 0 0 0 1.5 14.996v.108A3.397 3.397 0 0 0 4.896 18.5h1.577a.75.75 0 0 1 0 1.5H4.896A4.896 4.896 0 0 1 0 15.104v-.108a4.76 4.76 0 0 1 3.185-4.493l-.004-.137A7.633 7.633 0 0 1 10.81 2.5a7.91 7.91 0 0 1 7.176 4.58C21.36 7.377 24 10.207 24 13.641v.278a.75.75 0 0 1-1.5 0"/><path fill="currentColor" d="m12.306 11.77l3.374 3.375a.75.75 0 0 1 0 1.061l-3.375 3.375l-.057.051a.75.75 0 0 1-1.004-.051a.75.75 0 0 1-.051-1.004l.051-.057l2.845-2.845l-2.844-2.844a.75.75 0 1 1 1.061-1.061M22.5 19.8H18a.75.75 0 0 1 0-1.5h4.5a.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 24 24"><path fill="currentColor" d="M22.5 13.919v-.278a5.097 5.097 0 0 0-4.961-5.086a.86.86 0 0 1-.754-.497l-.149-.327A6.41 6.41 0 0 0 10.81 4a6.133 6.133 0 0 0-6.13 6.32l.019.628a.86.86 0 0 1-.67.869A3.26 3.26 0 0 0 1.5 14.996v.108A3.397 3.397 0 0 0 4.896 18.5h1.577a.75.75 0 0 1 0 1.5H4.896A4.896 4.896 0 0 1 0 15.104v-.108a4.76 4.76 0 0 1 3.185-4.493l-.004-.137A7.633 7.633 0 0 1 10.81 2.5a7.91 7.91 0 0 1 7.176 4.58C21.36 7.377 24 10.207 24 13.641v.278a.75.75 0 0 1-1.5 0"/><path fill="currentColor" d="m12.306 11.77l3.374 3.375a.75.75 0 0 1 0 1.061l-3.375 3.375l-.057.051a.75.75 0 0 1-1.004-.051a.75.75 0 0 1-.051-1.004l.051-.057l2.845-2.845l-2.844-2.844a.75.75 0 1 1 1.061-1.061M22.5 19.8H18a.75.75 0 0 1 0-1.5h4.5a.75.75 0 0 1 0 1.5"/></svg>
</template>

CSS

.icon-agent-24 {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.5%2013.919v-.278a5.097%205.097%200%200%200-4.961-5.086a.86.86%200%200%201-.754-.497l-.149-.327A6.41%206.41%200%200%200%2010.81%204a6.133%206.133%200%200%200-6.13%206.32l.019.628a.86.86%200%200%201-.67.869A3.26%203.26%200%200%200%201.5%2014.996v.108A3.397%203.397%200%200%200%204.896%2018.5h1.577a.75.75%200%200%201%200%201.5H4.896A4.896%204.896%200%200%201%200%2015.104v-.108a4.76%204.76%200%200%201%203.185-4.493l-.004-.137A7.633%207.633%200%200%201%2010.81%202.5a7.91%207.91%200%200%201%207.176%204.58C21.36%207.377%2024%2010.207%2024%2013.641v.278a.75.75%200%200%201-1.5%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.306%2011.77l3.374%203.375a.75.75%200%200%201%200%201.061l-3.375%203.375l-.057.051a.75.75%200%200%201-1.004-.051a.75.75%200%200%201-.051-1.004l.051-.057l2.845-2.845l-2.844-2.844a.75.75%200%201%201%201.061-1.061M22.5%2019.8H18a.75.75%200%200%201%200-1.5h4.5a.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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.5%2013.919v-.278a5.097%205.097%200%200%200-4.961-5.086a.86.86%200%200%201-.754-.497l-.149-.327A6.41%206.41%200%200%200%2010.81%204a6.133%206.133%200%200%200-6.13%206.32l.019.628a.86.86%200%200%201-.67.869A3.26%203.26%200%200%200%201.5%2014.996v.108A3.397%203.397%200%200%200%204.896%2018.5h1.577a.75.75%200%200%201%200%201.5H4.896A4.896%204.896%200%200%201%200%2015.104v-.108a4.76%204.76%200%200%201%203.185-4.493l-.004-.137A7.633%207.633%200%200%201%2010.81%202.5a7.91%207.91%200%200%201%207.176%204.58C21.36%207.377%2024%2010.207%2024%2013.641v.278a.75.75%200%200%201-1.5%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.306%2011.77l3.374%203.375a.75.75%200%200%201%200%201.061l-3.375%203.375l-.057.051a.75.75%200%200%201-1.004-.051a.75.75%200%200%201-.051-1.004l.051-.057l2.845-2.845l-2.844-2.844a.75.75%200%201%201%201.061-1.061M22.5%2019.8H18a.75.75%200%200%201%200-1.5h4.5a.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-24.svg?color=%231a73e8&size=48