agent detached icon

agent-detached from Carbon by IBM · Outline · Apache-2.0 Free for personal and commercial use.

Name
agent-detached
Set
Carbon
Style
Outline
Viewbox
32×32
License
Apache 2.0

Use the agent detached icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 13a2.995 2.995 0 0 0-2.816 2h-4.46a2 2 0 0 0-.31-.415l-.793-.792l3.094-3.094c.39.188.823.3 1.285.3c1.654 0 3-1.345 3-3s-1.346-3-3-3s-3 1.347-3 3c0 .463.114.895.3 1.286l-3.093 3.094l-.793-.793a2 2 0 0 0-.414-.31v-4.46A3 3 0 0 0 19 4c0-1.654-1.346-3-3-3s-3 1.346-3 3c0 1.302.838 2.401 2 2.815v4.462a2 2 0 0 0-.414.309l-.793.793l-3.094-3.094c.187-.39.3-.823.3-1.285c0-1.654-1.345-3-3-3S5 6.346 5 8s1.347 3 3 3a2.96 2.96 0 0 0 1.286-.3l3.093 3.093l-.792.792a2 2 0 0 0-.31.415h-4.46A2.995 2.995 0 0 0 4 13c-1.654 0-3 1.346-3 3s1.346 3 3 3a2.995 2.995 0 0 0 2.816-2h4.46c.087.148.185.29.31.414l3 3c.125.126.267.224.414.31v4.46A3 3 0 0 0 13 28c0 1.654 1.346 3 3 3s3-1.346 3-3a3 3 0 0 0-2-2.816v-4.46c.147-.086.288-.184.414-.31l.793-.793l3.094 3.094A2.95 2.95 0 0 0 21 24c0 1.654 1.346 3 3 3s3-1.346 3-3s-1.346-3-3-3a2.96 2.96 0 0 0-1.285.3l-3.094-3.093l.793-.793c.124-.124.223-.266.31-.414h4.46A2.995 2.995 0 0 0 28 19c1.654 0 3-1.346 3-3s-1.346-3-3-3m-4-6a1 1 0 1 1-.002 2.002A1 1 0 0 1 24 7M7 8a1 1 0 1 1 2.002.002A1 1 0 0 1 7 8m18 16a1 1 0 1 1-2.002-.002A1 1 0 0 1 25 24M16 3a1 1 0 1 1-.002 2.002A1 1 0 0 1 16 3M4 17a1 1 0 1 1 .002-2.002A1 1 0 0 1 4 17m12 12a1 1 0 1 1 .002-2.002A1 1 0 0 1 16 29m0-10l-3-3l3-3l3 3zm12-2a1 1 0 1 1 .002-2.002A1 1 0 0 1 28 17"/><path fill="currentColor" d="M4 21v2h3.59l-5.297 5.293l1.414 1.415L9 24.418V28h2v-7z"/></svg>

React

import type { SVGProps } from "react";

export function CarbonAgentDetached(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 13a2.995 2.995 0 0 0-2.816 2h-4.46a2 2 0 0 0-.31-.415l-.793-.792l3.094-3.094c.39.188.823.3 1.285.3c1.654 0 3-1.345 3-3s-1.346-3-3-3s-3 1.347-3 3c0 .463.114.895.3 1.286l-3.093 3.094l-.793-.793a2 2 0 0 0-.414-.31v-4.46A3 3 0 0 0 19 4c0-1.654-1.346-3-3-3s-3 1.346-3 3c0 1.302.838 2.401 2 2.815v4.462a2 2 0 0 0-.414.309l-.793.793l-3.094-3.094c.187-.39.3-.823.3-1.285c0-1.654-1.345-3-3-3S5 6.346 5 8s1.347 3 3 3a2.96 2.96 0 0 0 1.286-.3l3.093 3.093l-.792.792a2 2 0 0 0-.31.415h-4.46A2.995 2.995 0 0 0 4 13c-1.654 0-3 1.346-3 3s1.346 3 3 3a2.995 2.995 0 0 0 2.816-2h4.46c.087.148.185.29.31.414l3 3c.125.126.267.224.414.31v4.46A3 3 0 0 0 13 28c0 1.654 1.346 3 3 3s3-1.346 3-3a3 3 0 0 0-2-2.816v-4.46c.147-.086.288-.184.414-.31l.793-.793l3.094 3.094A2.95 2.95 0 0 0 21 24c0 1.654 1.346 3 3 3s3-1.346 3-3s-1.346-3-3-3a2.96 2.96 0 0 0-1.285.3l-3.094-3.093l.793-.793c.124-.124.223-.266.31-.414h4.46A2.995 2.995 0 0 0 28 19c1.654 0 3-1.346 3-3s-1.346-3-3-3m-4-6a1 1 0 1 1-.002 2.002A1 1 0 0 1 24 7M7 8a1 1 0 1 1 2.002.002A1 1 0 0 1 7 8m18 16a1 1 0 1 1-2.002-.002A1 1 0 0 1 25 24M16 3a1 1 0 1 1-.002 2.002A1 1 0 0 1 16 3M4 17a1 1 0 1 1 .002-2.002A1 1 0 0 1 4 17m12 12a1 1 0 1 1 .002-2.002A1 1 0 0 1 16 29m0-10l-3-3l3-3l3 3zm12-2a1 1 0 1 1 .002-2.002A1 1 0 0 1 28 17"/><path fill="currentColor" d="M4 21v2h3.59l-5.297 5.293l1.414 1.415L9 24.418V28h2v-7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 13a2.995 2.995 0 0 0-2.816 2h-4.46a2 2 0 0 0-.31-.415l-.793-.792l3.094-3.094c.39.188.823.3 1.285.3c1.654 0 3-1.345 3-3s-1.346-3-3-3s-3 1.347-3 3c0 .463.114.895.3 1.286l-3.093 3.094l-.793-.793a2 2 0 0 0-.414-.31v-4.46A3 3 0 0 0 19 4c0-1.654-1.346-3-3-3s-3 1.346-3 3c0 1.302.838 2.401 2 2.815v4.462a2 2 0 0 0-.414.309l-.793.793l-3.094-3.094c.187-.39.3-.823.3-1.285c0-1.654-1.345-3-3-3S5 6.346 5 8s1.347 3 3 3a2.96 2.96 0 0 0 1.286-.3l3.093 3.093l-.792.792a2 2 0 0 0-.31.415h-4.46A2.995 2.995 0 0 0 4 13c-1.654 0-3 1.346-3 3s1.346 3 3 3a2.995 2.995 0 0 0 2.816-2h4.46c.087.148.185.29.31.414l3 3c.125.126.267.224.414.31v4.46A3 3 0 0 0 13 28c0 1.654 1.346 3 3 3s3-1.346 3-3a3 3 0 0 0-2-2.816v-4.46c.147-.086.288-.184.414-.31l.793-.793l3.094 3.094A2.95 2.95 0 0 0 21 24c0 1.654 1.346 3 3 3s3-1.346 3-3s-1.346-3-3-3a2.96 2.96 0 0 0-1.285.3l-3.094-3.093l.793-.793c.124-.124.223-.266.31-.414h4.46A2.995 2.995 0 0 0 28 19c1.654 0 3-1.346 3-3s-1.346-3-3-3m-4-6a1 1 0 1 1-.002 2.002A1 1 0 0 1 24 7M7 8a1 1 0 1 1 2.002.002A1 1 0 0 1 7 8m18 16a1 1 0 1 1-2.002-.002A1 1 0 0 1 25 24M16 3a1 1 0 1 1-.002 2.002A1 1 0 0 1 16 3M4 17a1 1 0 1 1 .002-2.002A1 1 0 0 1 4 17m12 12a1 1 0 1 1 .002-2.002A1 1 0 0 1 16 29m0-10l-3-3l3-3l3 3zm12-2a1 1 0 1 1 .002-2.002A1 1 0 0 1 28 17"/><path fill="currentColor" d="M4 21v2h3.59l-5.297 5.293l1.414 1.415L9 24.418V28h2v-7z"/></svg>
</template>

CSS

.icon-agent-detached {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2013a2.995%202.995%200%200%200-2.816%202h-4.46a2%202%200%200%200-.31-.415l-.793-.792l3.094-3.094c.39.188.823.3%201.285.3c1.654%200%203-1.345%203-3s-1.346-3-3-3s-3%201.347-3%203c0%20.463.114.895.3%201.286l-3.093%203.094l-.793-.793a2%202%200%200%200-.414-.31v-4.46A3%203%200%200%200%2019%204c0-1.654-1.346-3-3-3s-3%201.346-3%203c0%201.302.838%202.401%202%202.815v4.462a2%202%200%200%200-.414.309l-.793.793l-3.094-3.094c.187-.39.3-.823.3-1.285c0-1.654-1.345-3-3-3S5%206.346%205%208s1.347%203%203%203a2.96%202.96%200%200%200%201.286-.3l3.093%203.093l-.792.792a2%202%200%200%200-.31.415h-4.46A2.995%202.995%200%200%200%204%2013c-1.654%200-3%201.346-3%203s1.346%203%203%203a2.995%202.995%200%200%200%202.816-2h4.46c.087.148.185.29.31.414l3%203c.125.126.267.224.414.31v4.46A3%203%200%200%200%2013%2028c0%201.654%201.346%203%203%203s3-1.346%203-3a3%203%200%200%200-2-2.816v-4.46c.147-.086.288-.184.414-.31l.793-.793l3.094%203.094A2.95%202.95%200%200%200%2021%2024c0%201.654%201.346%203%203%203s3-1.346%203-3s-1.346-3-3-3a2.96%202.96%200%200%200-1.285.3l-3.094-3.093l.793-.793c.124-.124.223-.266.31-.414h4.46A2.995%202.995%200%200%200%2028%2019c1.654%200%203-1.346%203-3s-1.346-3-3-3m-4-6a1%201%200%201%201-.002%202.002A1%201%200%200%201%2024%207M7%208a1%201%200%201%201%202.002.002A1%201%200%200%201%207%208m18%2016a1%201%200%201%201-2.002-.002A1%201%200%200%201%2025%2024M16%203a1%201%200%201%201-.002%202.002A1%201%200%200%201%2016%203M4%2017a1%201%200%201%201%20.002-2.002A1%201%200%200%201%204%2017m12%2012a1%201%200%201%201%20.002-2.002A1%201%200%200%201%2016%2029m0-10l-3-3l3-3l3%203zm12-2a1%201%200%201%201%20.002-2.002A1%201%200%200%201%2028%2017%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%2021v2h3.59l-5.297%205.293l1.414%201.415L9%2024.418V28h2v-7z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2013a2.995%202.995%200%200%200-2.816%202h-4.46a2%202%200%200%200-.31-.415l-.793-.792l3.094-3.094c.39.188.823.3%201.285.3c1.654%200%203-1.345%203-3s-1.346-3-3-3s-3%201.347-3%203c0%20.463.114.895.3%201.286l-3.093%203.094l-.793-.793a2%202%200%200%200-.414-.31v-4.46A3%203%200%200%200%2019%204c0-1.654-1.346-3-3-3s-3%201.346-3%203c0%201.302.838%202.401%202%202.815v4.462a2%202%200%200%200-.414.309l-.793.793l-3.094-3.094c.187-.39.3-.823.3-1.285c0-1.654-1.345-3-3-3S5%206.346%205%208s1.347%203%203%203a2.96%202.96%200%200%200%201.286-.3l3.093%203.093l-.792.792a2%202%200%200%200-.31.415h-4.46A2.995%202.995%200%200%200%204%2013c-1.654%200-3%201.346-3%203s1.346%203%203%203a2.995%202.995%200%200%200%202.816-2h4.46c.087.148.185.29.31.414l3%203c.125.126.267.224.414.31v4.46A3%203%200%200%200%2013%2028c0%201.654%201.346%203%203%203s3-1.346%203-3a3%203%200%200%200-2-2.816v-4.46c.147-.086.288-.184.414-.31l.793-.793l3.094%203.094A2.95%202.95%200%200%200%2021%2024c0%201.654%201.346%203%203%203s3-1.346%203-3s-1.346-3-3-3a2.96%202.96%200%200%200-1.285.3l-3.094-3.093l.793-.793c.124-.124.223-.266.31-.414h4.46A2.995%202.995%200%200%200%2028%2019c1.654%200%203-1.346%203-3s-1.346-3-3-3m-4-6a1%201%200%201%201-.002%202.002A1%201%200%200%201%2024%207M7%208a1%201%200%201%201%202.002.002A1%201%200%200%201%207%208m18%2016a1%201%200%201%201-2.002-.002A1%201%200%200%201%2025%2024M16%203a1%201%200%201%201-.002%202.002A1%201%200%200%201%2016%203M4%2017a1%201%200%201%201%20.002-2.002A1%201%200%200%201%204%2017m12%2012a1%201%200%201%201%20.002-2.002A1%201%200%200%201%2016%2029m0-10l-3-3l3-3l3%203zm12-2a1%201%200%201%201%20.002-2.002A1%201%200%200%201%2028%2017%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%2021v2h3.59l-5.297%205.293l1.414%201.415L9%2024.418V28h2v-7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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