academic cap icon
academic-cap-16-solid from HeroIcons by Refactoring UI Inc · Solid 16x16 · MIT Free for personal and commercial use.
- Name
- academic-cap-16-solid
- Set
- HeroIcons
- Style
- Solid 16x16
- Viewbox
- 16×16
- License
- MIT
3 other variants in HeroIcons
The same icon in other sets
Use the academic cap icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M7.702 1.368a.75.75 0 0 1 .597 0c2.098.91 4.105 1.99 6.004 3.223a.75.75 0 0 1-.194 1.348A34.3 34.3 0 0 0 8.341 8.25a.75.75 0 0 1-.682 0q-.938-.48-1.909-.901v-.542a37 37 0 0 1 2.568-1.33a.75.75 0 0 0-.636-1.357a38 38 0 0 0-3.06 1.605a.75.75 0 0 0-.372.648v.365q-1.16-.44-2.359-.8a.75.75 0 0 1-.194-1.347a41 41 0 0 1 6.005-3.223M4.25 8.348q-.795-.318-1.611-.596a41 41 0 0 0-.418 2.97a.75.75 0 0 0 .474.776q.263.102.524.21a5.5 5.5 0 0 1-.58.681a.75.75 0 1 0 1.06 1.06q.525-.525.915-1.124a29 29 0 0 0-1.395-.617A5.5 5.5 0 0 0 4.25 8.5z"/><path d="M7.603 13.96q-1.441-.902-2.989-1.635a7 7 0 0 0 1.12-3.341q.629.288 1.244.602a2.25 2.25 0 0 0 2.045 0a33 33 0 0 1 4.338-1.834q.263 1.468.419 2.97a.75.75 0 0 1-.474.776a29.4 29.4 0 0 0-4.909 2.461a.75.75 0 0 1-.794 0"/></g></svg>
React
import type { SVGProps } from "react";
export function HeroiconsAcademicCap16Solid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M7.702 1.368a.75.75 0 0 1 .597 0c2.098.91 4.105 1.99 6.004 3.223a.75.75 0 0 1-.194 1.348A34.3 34.3 0 0 0 8.341 8.25a.75.75 0 0 1-.682 0q-.938-.48-1.909-.901v-.542a37 37 0 0 1 2.568-1.33a.75.75 0 0 0-.636-1.357a38 38 0 0 0-3.06 1.605a.75.75 0 0 0-.372.648v.365q-1.16-.44-2.359-.8a.75.75 0 0 1-.194-1.347a41 41 0 0 1 6.005-3.223M4.25 8.348q-.795-.318-1.611-.596a41 41 0 0 0-.418 2.97a.75.75 0 0 0 .474.776q.263.102.524.21a5.5 5.5 0 0 1-.58.681a.75.75 0 1 0 1.06 1.06q.525-.525.915-1.124a29 29 0 0 0-1.395-.617A5.5 5.5 0 0 0 4.25 8.5z"/><path d="M7.603 13.96q-1.441-.902-2.989-1.635a7 7 0 0 0 1.12-3.341q.629.288 1.244.602a2.25 2.25 0 0 0 2.045 0a33 33 0 0 1 4.338-1.834q.263 1.468.419 2.97a.75.75 0 0 1-.474.776a29.4 29.4 0 0 0-4.909 2.461a.75.75 0 0 1-.794 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M7.702 1.368a.75.75 0 0 1 .597 0c2.098.91 4.105 1.99 6.004 3.223a.75.75 0 0 1-.194 1.348A34.3 34.3 0 0 0 8.341 8.25a.75.75 0 0 1-.682 0q-.938-.48-1.909-.901v-.542a37 37 0 0 1 2.568-1.33a.75.75 0 0 0-.636-1.357a38 38 0 0 0-3.06 1.605a.75.75 0 0 0-.372.648v.365q-1.16-.44-2.359-.8a.75.75 0 0 1-.194-1.347a41 41 0 0 1 6.005-3.223M4.25 8.348q-.795-.318-1.611-.596a41 41 0 0 0-.418 2.97a.75.75 0 0 0 .474.776q.263.102.524.21a5.5 5.5 0 0 1-.58.681a.75.75 0 1 0 1.06 1.06q.525-.525.915-1.124a29 29 0 0 0-1.395-.617A5.5 5.5 0 0 0 4.25 8.5z"/><path d="M7.603 13.96q-1.441-.902-2.989-1.635a7 7 0 0 0 1.12-3.341q.629.288 1.244.602a2.25 2.25 0 0 0 2.045 0a33 33 0 0 1 4.338-1.834q.263 1.468.419 2.97a.75.75 0 0 1-.474.776a29.4 29.4 0 0 0-4.909 2.461a.75.75 0 0 1-.794 0"/></g></svg> </template>
CSS
.icon-academic-cap-16-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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M7.702%201.368a.75.75%200%200%201%20.597%200c2.098.91%204.105%201.99%206.004%203.223a.75.75%200%200%201-.194%201.348A34.3%2034.3%200%200%200%208.341%208.25a.75.75%200%200%201-.682%200q-.938-.48-1.909-.901v-.542a37%2037%200%200%201%202.568-1.33a.75.75%200%200%200-.636-1.357a38%2038%200%200%200-3.06%201.605a.75.75%200%200%200-.372.648v.365q-1.16-.44-2.359-.8a.75.75%200%200%201-.194-1.347a41%2041%200%200%201%206.005-3.223M4.25%208.348q-.795-.318-1.611-.596a41%2041%200%200%200-.418%202.97a.75.75%200%200%200%20.474.776q.263.102.524.21a5.5%205.5%200%200%201-.58.681a.75.75%200%201%200%201.06%201.06q.525-.525.915-1.124a29%2029%200%200%200-1.395-.617A5.5%205.5%200%200%200%204.25%208.5z%22%2F%3E%3Cpath%20d%3D%22M7.603%2013.96q-1.441-.902-2.989-1.635a7%207%200%200%200%201.12-3.341q.629.288%201.244.602a2.25%202.25%200%200%200%202.045%200a33%2033%200%200%201%204.338-1.834q.263%201.468.419%202.97a.75.75%200%200%201-.474.776a29.4%2029.4%200%200%200-4.909%202.461a.75.75%200%200%201-.794%200%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M7.702%201.368a.75.75%200%200%201%20.597%200c2.098.91%204.105%201.99%206.004%203.223a.75.75%200%200%201-.194%201.348A34.3%2034.3%200%200%200%208.341%208.25a.75.75%200%200%201-.682%200q-.938-.48-1.909-.901v-.542a37%2037%200%200%201%202.568-1.33a.75.75%200%200%200-.636-1.357a38%2038%200%200%200-3.06%201.605a.75.75%200%200%200-.372.648v.365q-1.16-.44-2.359-.8a.75.75%200%200%201-.194-1.347a41%2041%200%200%201%206.005-3.223M4.25%208.348q-.795-.318-1.611-.596a41%2041%200%200%200-.418%202.97a.75.75%200%200%200%20.474.776q.263.102.524.21a5.5%205.5%200%200%201-.58.681a.75.75%200%201%200%201.06%201.06q.525-.525.915-1.124a29%2029%200%200%200-1.395-.617A5.5%205.5%200%200%200%204.25%208.5z%22%2F%3E%3Cpath%20d%3D%22M7.603%2013.96q-1.441-.902-2.989-1.635a7%207%200%200%200%201.12-3.341q.629.288%201.244.602a2.25%202.25%200%200%200%202.045%200a33%2033%200%200%201%204.338-1.834q.263%201.468.419%202.97a.75.75%200%200%201-.474.776a29.4%2029.4%200%200%200-4.909%202.461a.75.75%200%200%201-.794%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/academic-cap-16-solid.svg?color=%231a73e8&size=48
