cognitive icon

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

Name
cognitive
Set
Carbon
Style
Outline
Category
Person
Viewbox
32×32
License
Apache 2.0

More person icons from Carbon

accessibilityaccessibility-altaccessibility-colorcollaboratecoughcredentialscustomercustomer-servicedog-walkereducationemail-usereventsevents-altface-activatedface-activated-addface-addface-coolface-dissatisfiedface-dizzyface-maskface-neutralface-pendingface-satisfiedface-wink

Use the cognitive icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30 13A11 11 0 0 0 19 2h-8a9 9 0 0 0-9 9v3a5 5 0 0 0 5 5h1.1a5 5 0 0 0 4.9 4h1.38l4 7l1.73-1l-4-6.89A2 2 0 0 0 14.38 21H13a3 3 0 0 1 0-6h1v-2h-1a5 5 0 0 0-4.9 4H7a3 3 0 0 1-3-3v-2h2a3 3 0 0 0 3-3V8H7v1a1 1 0 0 1-1 1H4.08A7 7 0 0 1 11 4h6v2a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a9 9 0 0 1 8.05 5H26a3 3 0 0 0-3 3v1h2v-1a1 1 0 0 1 1-1h1.77a8.8 8.8 0 0 1 .23 2v1a5 5 0 0 1-5 5h-3v2h3a7 7 0 0 0 3-.68V21a3 3 0 0 1-3 3h-1v2h1a5 5 0 0 0 5-5v-2.11A7 7 0 0 0 30 14Z"/></svg>

React

import type { SVGProps } from "react";

export function CarbonCognitive(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="M30 13A11 11 0 0 0 19 2h-8a9 9 0 0 0-9 9v3a5 5 0 0 0 5 5h1.1a5 5 0 0 0 4.9 4h1.38l4 7l1.73-1l-4-6.89A2 2 0 0 0 14.38 21H13a3 3 0 0 1 0-6h1v-2h-1a5 5 0 0 0-4.9 4H7a3 3 0 0 1-3-3v-2h2a3 3 0 0 0 3-3V8H7v1a1 1 0 0 1-1 1H4.08A7 7 0 0 1 11 4h6v2a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a9 9 0 0 1 8.05 5H26a3 3 0 0 0-3 3v1h2v-1a1 1 0 0 1 1-1h1.77a8.8 8.8 0 0 1 .23 2v1a5 5 0 0 1-5 5h-3v2h3a7 7 0 0 0 3-.68V21a3 3 0 0 1-3 3h-1v2h1a5 5 0 0 0 5-5v-2.11A7 7 0 0 0 30 14Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30 13A11 11 0 0 0 19 2h-8a9 9 0 0 0-9 9v3a5 5 0 0 0 5 5h1.1a5 5 0 0 0 4.9 4h1.38l4 7l1.73-1l-4-6.89A2 2 0 0 0 14.38 21H13a3 3 0 0 1 0-6h1v-2h-1a5 5 0 0 0-4.9 4H7a3 3 0 0 1-3-3v-2h2a3 3 0 0 0 3-3V8H7v1a1 1 0 0 1-1 1H4.08A7 7 0 0 1 11 4h6v2a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a9 9 0 0 1 8.05 5H26a3 3 0 0 0-3 3v1h2v-1a1 1 0 0 1 1-1h1.77a8.8 8.8 0 0 1 .23 2v1a5 5 0 0 1-5 5h-3v2h3a7 7 0 0 0 3-.68V21a3 3 0 0 1-3 3h-1v2h1a5 5 0 0 0 5-5v-2.11A7 7 0 0 0 30 14Z"/></svg>
</template>

CSS

.icon-cognitive {
  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%22M30%2013A11%2011%200%200%200%2019%202h-8a9%209%200%200%200-9%209v3a5%205%200%200%200%205%205h1.1a5%205%200%200%200%204.9%204h1.38l4%207l1.73-1l-4-6.89A2%202%200%200%200%2014.38%2021H13a3%203%200%200%201%200-6h1v-2h-1a5%205%200%200%200-4.9%204H7a3%203%200%200%201-3-3v-2h2a3%203%200%200%200%203-3V8H7v1a1%201%200%200%201-1%201H4.08A7%207%200%200%201%2011%204h6v2a1%201%200%200%201-1%201h-2v2h2a3%203%200%200%200%203-3V4a9%209%200%200%201%208.05%205H26a3%203%200%200%200-3%203v1h2v-1a1%201%200%200%201%201-1h1.77a8.8%208.8%200%200%201%20.23%202v1a5%205%200%200%201-5%205h-3v2h3a7%207%200%200%200%203-.68V21a3%203%200%200%201-3%203h-1v2h1a5%205%200%200%200%205-5v-2.11A7%207%200%200%200%2030%2014Z%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%22M30%2013A11%2011%200%200%200%2019%202h-8a9%209%200%200%200-9%209v3a5%205%200%200%200%205%205h1.1a5%205%200%200%200%204.9%204h1.38l4%207l1.73-1l-4-6.89A2%202%200%200%200%2014.38%2021H13a3%203%200%200%201%200-6h1v-2h-1a5%205%200%200%200-4.9%204H7a3%203%200%200%201-3-3v-2h2a3%203%200%200%200%203-3V8H7v1a1%201%200%200%201-1%201H4.08A7%207%200%200%201%2011%204h6v2a1%201%200%200%201-1%201h-2v2h2a3%203%200%200%200%203-3V4a9%209%200%200%201%208.05%205H26a3%203%200%200%200-3%203v1h2v-1a1%201%200%200%201%201-1h1.77a8.8%208.8%200%200%201%20.23%202v1a5%205%200%200%201-5%205h-3v2h3a7%207%200%200%200%203-.68V21a3%203%200%200%201-3%203h-1v2h1a5%205%200%200%200%205-5v-2.11A7%207%200%200%200%2030%2014Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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