user graduate icon

user-graduate from Font Awesome Solid by Dave Gandy · Solid · Education · CC-BY-4.0 Attribution required.

Name: user-graduate
Set: Font Awesome Solid
Style: Solid
Category: Education
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

user-graduateFont Awesome 6 Solid user-graduate-outlineFlowbite Icons user-graduateLine Awesome

More education icons from Font Awesome Solid

Use the user graduate icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M337.3 51c-11.4-2.3-23.1-2.3-34.5 0L115.3 88.5C104.1 90.7 96 100.6 96 112c0 10.3 6.5 19.3 16 22.6V208l-15.7 78.6c-.2.9-.3 1.9-.3 2.9c0 8 6.5 14.6 14.6 14.6h34.9c8 0 14.6-6.5 14.6-14.6c0-1-.1-1.9-.3-2.9L144 208v-66.7l48 9.6V208c0 70.7 57.3 128 128 128s128-57.3 128-128v-57.1l76.7-15.3c11.2-2.3 19.3-12.2 19.3-23.6s-8.1-21.3-19.3-23.5zM320 288c-44.2 0-80-35.8-80-80h160c0 44.2-35.8 80-80 80m-103.9 96.1C154.7 412.3 112 474.3 112 546.3c0 16.4 13.3 29.7 29.7 29.7H296V430l-57.4-43c-6.5-4.9-15.2-6.2-22.6-2.8zM344 576h154.3c16.4 0 29.7-13.3 29.7-29.7c0-72-42.7-134-104.1-162.1c-7.4-3.4-16.1-2.1-22.6 2.8l-57.4 43v146z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidUserGraduate(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M337.3 51c-11.4-2.3-23.1-2.3-34.5 0L115.3 88.5C104.1 90.7 96 100.6 96 112c0 10.3 6.5 19.3 16 22.6V208l-15.7 78.6c-.2.9-.3 1.9-.3 2.9c0 8 6.5 14.6 14.6 14.6h34.9c8 0 14.6-6.5 14.6-14.6c0-1-.1-1.9-.3-2.9L144 208v-66.7l48 9.6V208c0 70.7 57.3 128 128 128s128-57.3 128-128v-57.1l76.7-15.3c11.2-2.3 19.3-12.2 19.3-23.6s-8.1-21.3-19.3-23.5zM320 288c-44.2 0-80-35.8-80-80h160c0 44.2-35.8 80-80 80m-103.9 96.1C154.7 412.3 112 474.3 112 546.3c0 16.4 13.3 29.7 29.7 29.7H296V430l-57.4-43c-6.5-4.9-15.2-6.2-22.6-2.8zM344 576h154.3c16.4 0 29.7-13.3 29.7-29.7c0-72-42.7-134-104.1-162.1c-7.4-3.4-16.1-2.1-22.6 2.8l-57.4 43v146z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M337.3 51c-11.4-2.3-23.1-2.3-34.5 0L115.3 88.5C104.1 90.7 96 100.6 96 112c0 10.3 6.5 19.3 16 22.6V208l-15.7 78.6c-.2.9-.3 1.9-.3 2.9c0 8 6.5 14.6 14.6 14.6h34.9c8 0 14.6-6.5 14.6-14.6c0-1-.1-1.9-.3-2.9L144 208v-66.7l48 9.6V208c0 70.7 57.3 128 128 128s128-57.3 128-128v-57.1l76.7-15.3c11.2-2.3 19.3-12.2 19.3-23.6s-8.1-21.3-19.3-23.5zM320 288c-44.2 0-80-35.8-80-80h160c0 44.2-35.8 80-80 80m-103.9 96.1C154.7 412.3 112 474.3 112 546.3c0 16.4 13.3 29.7 29.7 29.7H296V430l-57.4-43c-6.5-4.9-15.2-6.2-22.6-2.8zM344 576h154.3c16.4 0 29.7-13.3 29.7-29.7c0-72-42.7-134-104.1-162.1c-7.4-3.4-16.1-2.1-22.6 2.8l-57.4 43v146z"/></svg>
</template>

CSS

.icon-user-graduate {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M337.3%2051c-11.4-2.3-23.1-2.3-34.5%200L115.3%2088.5C104.1%2090.7%2096%20100.6%2096%20112c0%2010.3%206.5%2019.3%2016%2022.6V208l-15.7%2078.6c-.2.9-.3%201.9-.3%202.9c0%208%206.5%2014.6%2014.6%2014.6h34.9c8%200%2014.6-6.5%2014.6-14.6c0-1-.1-1.9-.3-2.9L144%20208v-66.7l48%209.6V208c0%2070.7%2057.3%20128%20128%20128s128-57.3%20128-128v-57.1l76.7-15.3c11.2-2.3%2019.3-12.2%2019.3-23.6s-8.1-21.3-19.3-23.5zM320%20288c-44.2%200-80-35.8-80-80h160c0%2044.2-35.8%2080-80%2080m-103.9%2096.1C154.7%20412.3%20112%20474.3%20112%20546.3c0%2016.4%2013.3%2029.7%2029.7%2029.7H296V430l-57.4-43c-6.5-4.9-15.2-6.2-22.6-2.8zM344%20576h154.3c16.4%200%2029.7-13.3%2029.7-29.7c0-72-42.7-134-104.1-162.1c-7.4-3.4-16.1-2.1-22.6%202.8l-57.4%2043v146z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M337.3%2051c-11.4-2.3-23.1-2.3-34.5%200L115.3%2088.5C104.1%2090.7%2096%20100.6%2096%20112c0%2010.3%206.5%2019.3%2016%2022.6V208l-15.7%2078.6c-.2.9-.3%201.9-.3%202.9c0%208%206.5%2014.6%2014.6%2014.6h34.9c8%200%2014.6-6.5%2014.6-14.6c0-1-.1-1.9-.3-2.9L144%20208v-66.7l48%209.6V208c0%2070.7%2057.3%20128%20128%20128s128-57.3%20128-128v-57.1l76.7-15.3c11.2-2.3%2019.3-12.2%2019.3-23.6s-8.1-21.3-19.3-23.5zM320%20288c-44.2%200-80-35.8-80-80h160c0%2044.2-35.8%2080-80%2080m-103.9%2096.1C154.7%20412.3%20112%20474.3%20112%20546.3c0%2016.4%2013.3%2029.7%2029.7%2029.7H296V430l-57.4-43c-6.5-4.9-15.2-6.2-22.6-2.8zM344%20576h154.3c16.4%200%2029.7-13.3%2029.7-29.7c0-72-42.7-134-104.1-162.1c-7.4-3.4-16.1-2.1-22.6%202.8l-57.4%2043v146z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/user-graduate.svg?color=%231a73e8&size=48