user graduate icon
user-graduate-solid from Flowbite Icons by Themesberg · Solid · Education · MIT Free for personal and commercial use.
- Name
- user-graduate-solid
- Set
- Flowbite Icons
- Style
- Solid
- Category
- Education
- Viewbox
- 24×24
- License
- MIT
1 other variant in Flowbite Icons
The same icon in other sets
More education icons from Flowbite Icons
book-open-reader-outlinechalkboard-outlinechalkboard-user-outlinegraduation-cap-outlinelaptop-code-outlinelaptop-file-outlinemicroscope-outlineperson-chalkboard-outlineschool-alt-outlineschool-check-alt-outlineschool-check-outlineschool-exclamation-alt-outlineschool-exclamation-outlineschool-flag-alt-outlineschool-flag-outlineschool-lock-alt-outlineschool-lock-outlineschool-outlineschool-xmark-alt-outlineschool-xmark-outlineshapes-outlinetheatre-outlineuser-add-outlineuser-circle-outline
Use the user graduate icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.447 2.106a1 1 0 0 0-.894 0L5.905 4.93l.377.11l.034.011L12 6.946l5.68-1.894l.393-.133zM5 10V6.748l.7.206l1.3.433V10a1 1 0 1 1-2 0m3-1c0-.424.066-.833.188-1.216l3.496 1.165a1 1 0 0 0 .632 0l3.496-1.165A4 4 0 1 1 8 9"/><path d="M14.3 13.277a1 1 0 0 1 .884-.27C17.38 13.42 19 15.489 19 17.65v2.15c0 1.23-1.031 2.143-2.2 2.143H7.2c-1.168 0-2.2-.914-2.2-2.143v-2.15c0-2.141 1.59-4.19 3.752-4.629a1 1 0 0 1 .892.26l2.35 2.26z"/></g></svg>
React
import type { SVGProps } from "react";
export function FlowbiteUserGraduateSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.447 2.106a1 1 0 0 0-.894 0L5.905 4.93l.377.11l.034.011L12 6.946l5.68-1.894l.393-.133zM5 10V6.748l.7.206l1.3.433V10a1 1 0 1 1-2 0m3-1c0-.424.066-.833.188-1.216l3.496 1.165a1 1 0 0 0 .632 0l3.496-1.165A4 4 0 1 1 8 9"/><path d="M14.3 13.277a1 1 0 0 1 .884-.27C17.38 13.42 19 15.489 19 17.65v2.15c0 1.23-1.031 2.143-2.2 2.143H7.2c-1.168 0-2.2-.914-2.2-2.143v-2.15c0-2.141 1.59-4.19 3.752-4.629a1 1 0 0 1 .892.26l2.35 2.26z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.447 2.106a1 1 0 0 0-.894 0L5.905 4.93l.377.11l.034.011L12 6.946l5.68-1.894l.393-.133zM5 10V6.748l.7.206l1.3.433V10a1 1 0 1 1-2 0m3-1c0-.424.066-.833.188-1.216l3.496 1.165a1 1 0 0 0 .632 0l3.496-1.165A4 4 0 1 1 8 9"/><path d="M14.3 13.277a1 1 0 0 1 .884-.27C17.38 13.42 19 15.489 19 17.65v2.15c0 1.23-1.031 2.143-2.2 2.143H7.2c-1.168 0-2.2-.914-2.2-2.143v-2.15c0-2.141 1.59-4.19 3.752-4.629a1 1 0 0 1 .892.26l2.35 2.26z"/></g></svg> </template>
CSS
.icon-user-graduate-solid {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.447%202.106a1%201%200%200%200-.894%200L5.905%204.93l.377.11l.034.011L12%206.946l5.68-1.894l.393-.133zM5%2010V6.748l.7.206l1.3.433V10a1%201%200%201%201-2%200m3-1c0-.424.066-.833.188-1.216l3.496%201.165a1%201%200%200%200%20.632%200l3.496-1.165A4%204%200%201%201%208%209%22%2F%3E%3Cpath%20d%3D%22M14.3%2013.277a1%201%200%200%201%20.884-.27C17.38%2013.42%2019%2015.489%2019%2017.65v2.15c0%201.23-1.031%202.143-2.2%202.143H7.2c-1.168%200-2.2-.914-2.2-2.143v-2.15c0-2.141%201.59-4.19%203.752-4.629a1%201%200%200%201%20.892.26l2.35%202.26z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.447%202.106a1%201%200%200%200-.894%200L5.905%204.93l.377.11l.034.011L12%206.946l5.68-1.894l.393-.133zM5%2010V6.748l.7.206l1.3.433V10a1%201%200%201%201-2%200m3-1c0-.424.066-.833.188-1.216l3.496%201.165a1%201%200%200%200%20.632%200l3.496-1.165A4%204%200%201%201%208%209%22%2F%3E%3Cpath%20d%3D%22M14.3%2013.277a1%201%200%200%201%20.884-.27C17.38%2013.42%2019%2015.489%2019%2017.65v2.15c0%201.23-1.031%202.143-2.2%202.143H7.2c-1.168%200-2.2-.914-2.2-2.143v-2.15c0-2.141%201.59-4.19%203.752-4.629a1%201%200%200%201%20.892.26l2.35%202.26z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/user-graduate-solid.svg?color=%231a73e8&size=48
