cognition icon

cognition-outline-sharp from Material Symbols Light by Google · Outline Sharp · Social · Apache-2.0 Free for personal and commercial use.

Name: cognition-outline-sharp
Set: Material Symbols Light
Style: Outline Sharp
Category: Social
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

cognition cognition-outline cognition-outline-rounded cognition-rounded cognition-sharp

The same icon in other sets

cognitionMaterial Symbols

More social icons from Material Symbols Light

Use the cognition icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.237 14.66q1.384 0 2.388-.894q1.004-.895 1.004-2.187q0-1.098-.691-1.874t-1.723-.776q-.867 0-1.497.567q-.63.568-.63 1.379q0 .36.15.694q.149.335.422.633l.77-.694q-.17-.127-.256-.28q-.085-.151-.085-.328q0-.352.292-.649t.835-.297q.576 0 .998.45q.42.452.42 1.2q0 .833-.666 1.447t-1.707.615q-1.194 0-2.054-.95t-.86-2.383q0-.725.284-1.397t.823-1.211l-.733-.713q-.665.66-1.033 1.511q-.367.852-.367 1.785q0 1.796 1.131 3.074q1.13 1.278 2.784 1.278M7 21v-3.762q-1.425-1.3-2.212-2.922T4 10.981q0-3.327 2.337-5.654Q8.673 3 12 3q2.702 0 4.884 1.645t2.83 4.25L20.987 14H18v5h-4v2h-1v-3h4v-5h2.7l-.95-3.875q-.575-2.294-2.47-3.71Q14.388 4 12 4Q9.1 4 7.05 6.035Q5 8.069 5 10.968q0 1.5.613 2.84q.612 1.341 1.737 2.391l.65.6V21zm5.35-8.5"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightCognitionOutlineSharp(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="M12.237 14.66q1.384 0 2.388-.894q1.004-.895 1.004-2.187q0-1.098-.691-1.874t-1.723-.776q-.867 0-1.497.567q-.63.568-.63 1.379q0 .36.15.694q.149.335.422.633l.77-.694q-.17-.127-.256-.28q-.085-.151-.085-.328q0-.352.292-.649t.835-.297q.576 0 .998.45q.42.452.42 1.2q0 .833-.666 1.447t-1.707.615q-1.194 0-2.054-.95t-.86-2.383q0-.725.284-1.397t.823-1.211l-.733-.713q-.665.66-1.033 1.511q-.367.852-.367 1.785q0 1.796 1.131 3.074q1.13 1.278 2.784 1.278M7 21v-3.762q-1.425-1.3-2.212-2.922T4 10.981q0-3.327 2.337-5.654Q8.673 3 12 3q2.702 0 4.884 1.645t2.83 4.25L20.987 14H18v5h-4v2h-1v-3h4v-5h2.7l-.95-3.875q-.575-2.294-2.47-3.71Q14.388 4 12 4Q9.1 4 7.05 6.035Q5 8.069 5 10.968q0 1.5.613 2.84q.612 1.341 1.737 2.391l.65.6V21zm5.35-8.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="M12.237 14.66q1.384 0 2.388-.894q1.004-.895 1.004-2.187q0-1.098-.691-1.874t-1.723-.776q-.867 0-1.497.567q-.63.568-.63 1.379q0 .36.15.694q.149.335.422.633l.77-.694q-.17-.127-.256-.28q-.085-.151-.085-.328q0-.352.292-.649t.835-.297q.576 0 .998.45q.42.452.42 1.2q0 .833-.666 1.447t-1.707.615q-1.194 0-2.054-.95t-.86-2.383q0-.725.284-1.397t.823-1.211l-.733-.713q-.665.66-1.033 1.511q-.367.852-.367 1.785q0 1.796 1.131 3.074q1.13 1.278 2.784 1.278M7 21v-3.762q-1.425-1.3-2.212-2.922T4 10.981q0-3.327 2.337-5.654Q8.673 3 12 3q2.702 0 4.884 1.645t2.83 4.25L20.987 14H18v5h-4v2h-1v-3h4v-5h2.7l-.95-3.875q-.575-2.294-2.47-3.71Q14.388 4 12 4Q9.1 4 7.05 6.035Q5 8.069 5 10.968q0 1.5.613 2.84q.612 1.341 1.737 2.391l.65.6V21zm5.35-8.5"/></svg>
</template>

CSS

.icon-cognition-outline-sharp {
  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%22M12.237%2014.66q1.384%200%202.388-.894q1.004-.895%201.004-2.187q0-1.098-.691-1.874t-1.723-.776q-.867%200-1.497.567q-.63.568-.63%201.379q0%20.36.15.694q.149.335.422.633l.77-.694q-.17-.127-.256-.28q-.085-.151-.085-.328q0-.352.292-.649t.835-.297q.576%200%20.998.45q.42.452.42%201.2q0%20.833-.666%201.447t-1.707.615q-1.194%200-2.054-.95t-.86-2.383q0-.725.284-1.397t.823-1.211l-.733-.713q-.665.66-1.033%201.511q-.367.852-.367%201.785q0%201.796%201.131%203.074q1.13%201.278%202.784%201.278M7%2021v-3.762q-1.425-1.3-2.212-2.922T4%2010.981q0-3.327%202.337-5.654Q8.673%203%2012%203q2.702%200%204.884%201.645t2.83%204.25L20.987%2014H18v5h-4v2h-1v-3h4v-5h2.7l-.95-3.875q-.575-2.294-2.47-3.71Q14.388%204%2012%204Q9.1%204%207.05%206.035Q5%208.069%205%2010.968q0%201.5.613%202.84q.612%201.341%201.737%202.391l.65.6V21zm5.35-8.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%22M12.237%2014.66q1.384%200%202.388-.894q1.004-.895%201.004-2.187q0-1.098-.691-1.874t-1.723-.776q-.867%200-1.497.567q-.63.568-.63%201.379q0%20.36.15.694q.149.335.422.633l.77-.694q-.17-.127-.256-.28q-.085-.151-.085-.328q0-.352.292-.649t.835-.297q.576%200%20.998.45q.42.452.42%201.2q0%20.833-.666%201.447t-1.707.615q-1.194%200-2.054-.95t-.86-2.383q0-.725.284-1.397t.823-1.211l-.733-.713q-.665.66-1.033%201.511q-.367.852-.367%201.785q0%201.796%201.131%203.074q1.13%201.278%202.784%201.278M7%2021v-3.762q-1.425-1.3-2.212-2.922T4%2010.981q0-3.327%202.337-5.654Q8.673%203%2012%203q2.702%200%204.884%201.645t2.83%204.25L20.987%2014H18v5h-4v2h-1v-3h4v-5h2.7l-.95-3.875q-.575-2.294-2.47-3.71Q14.388%204%2012%204Q9.1%204%207.05%206.035Q5%208.069%205%2010.968q0%201.5.613%202.84q.612%201.341%201.737%202.391l.65.6V21zm5.35-8.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/cognition-outline-sharp.svg?color=%231a73e8&size=48