psychology icon
psychology-sharp from Material Symbols Light by Google · Sharp · Social · Apache-2.0 Free for personal and commercial use.
- Name
- psychology-sharp
- Set
- Material Symbols Light
- Style
- Sharp
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the psychology icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.442 14.577h1.116l.073-.923q.392-.075.747-.262q.355-.186.595-.484l.804.404l.558-.95l-.731-.539q.165-.411.165-.823t-.165-.823l.73-.538l-.557-.95l-.804.403q-.24-.298-.595-.484q-.355-.187-.747-.262l-.073-.923h-1.116l-.073.923q-.392.075-.747.262q-.355.186-.595.484l-.804-.403l-.557.95l.73.538q-.165.412-.165.823t.165.823l-.73.539l.557.95l.804-.404q.24.298.595.484q.355.187.747.262zm-.764-2.255q-.543-.543-.543-1.322t.543-1.322T12 9.135t1.322.543q.544.543.544 1.322t-.544 1.322q-.543.544-1.322.544t-1.322-.544M7 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-4v2z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPsychologySharp(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="M11.442 14.577h1.116l.073-.923q.392-.075.747-.262q.355-.186.595-.484l.804.404l.558-.95l-.731-.539q.165-.411.165-.823t-.165-.823l.73-.538l-.557-.95l-.804.403q-.24-.298-.595-.484q-.355-.187-.747-.262l-.073-.923h-1.116l-.073.923q-.392.075-.747.262q-.355.186-.595.484l-.804-.403l-.557.95l.73.538q-.165.412-.165.823t.165.823l-.73.539l.557.95l.804-.404q.24.298.595.484q.355.187.747.262zm-.764-2.255q-.543-.543-.543-1.322t.543-1.322T12 9.135t1.322.543q.544.543.544 1.322t-.544 1.322q-.543.544-1.322.544t-1.322-.544M7 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-4v2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.442 14.577h1.116l.073-.923q.392-.075.747-.262q.355-.186.595-.484l.804.404l.558-.95l-.731-.539q.165-.411.165-.823t-.165-.823l.73-.538l-.557-.95l-.804.403q-.24-.298-.595-.484q-.355-.187-.747-.262l-.073-.923h-1.116l-.073.923q-.392.075-.747.262q-.355.186-.595.484l-.804-.403l-.557.95l.73.538q-.165.412-.165.823t.165.823l-.73.539l.557.95l.804-.404q.24.298.595.484q.355.187.747.262zm-.764-2.255q-.543-.543-.543-1.322t.543-1.322T12 9.135t1.322.543q.544.543.544 1.322t-.544 1.322q-.543.544-1.322.544t-1.322-.544M7 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-4v2z"/></svg> </template>
CSS
.icon-psychology-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%22M11.442%2014.577h1.116l.073-.923q.392-.075.747-.262q.355-.186.595-.484l.804.404l.558-.95l-.731-.539q.165-.411.165-.823t-.165-.823l.73-.538l-.557-.95l-.804.403q-.24-.298-.595-.484q-.355-.187-.747-.262l-.073-.923h-1.116l-.073.923q-.392.075-.747.262q-.355.186-.595.484l-.804-.403l-.557.95l.73.538q-.165.412-.165.823t.165.823l-.73.539l.557.95l.804-.404q.24.298.595.484q.355.187.747.262zm-.764-2.255q-.543-.543-.543-1.322t.543-1.322T12%209.135t1.322.543q.544.543.544%201.322t-.544%201.322q-.543.544-1.322.544t-1.322-.544M7%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-4v2z%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%22M11.442%2014.577h1.116l.073-.923q.392-.075.747-.262q.355-.186.595-.484l.804.404l.558-.95l-.731-.539q.165-.411.165-.823t-.165-.823l.73-.538l-.557-.95l-.804.403q-.24-.298-.595-.484q-.355-.187-.747-.262l-.073-.923h-1.116l-.073.923q-.392.075-.747.262q-.355.186-.595.484l-.804-.403l-.557.95l.73.538q-.165.412-.165.823t.165.823l-.73.539l.557.95l.804-.404q.24.298.595.484q.355.187.747.262zm-.764-2.255q-.543-.543-.543-1.322t.543-1.322T12%209.135t1.322.543q.544.543.544%201.322t-.544%201.322q-.543.544-1.322.544t-1.322-.544M7%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-4v2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/psychology-sharp.svg?color=%231a73e8&size=48
