academic cap icon
academic-cap-solid from HeroIcons by Refactoring UI Inc · Solid 24x24 · MIT Free for personal and commercial use.
- Name
- academic-cap-solid
- Set
- HeroIcons
- Style
- Solid 24x24
- Viewbox
- 24×24
- 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 24 24"><g fill="currentColor"><path d="M11.7 2.805a.75.75 0 0 1 .6 0A60.7 60.7 0 0 1 22.83 8.72a.75.75 0 0 1-.231 1.337a50 50 0 0 0-9.902 3.912l-.003.002l-.34.18a.75.75 0 0 1-.707 0A51 51 0 0 0 7.5 12.173v-.224a.36.36 0 0 1 .172-.311a55 55 0 0 1 4.653-2.52a.75.75 0 0 0-.65-1.352a56 56 0 0 0-4.78 2.589a1.86 1.86 0 0 0-.859 1.228a50 50 0 0 0-4.634-1.527a.75.75 0 0 1-.231-1.337A60.7 60.7 0 0 1 11.7 2.805"/><path d="M13.06 15.473a48.5 48.5 0 0 1 7.666-3.282q.202 2.122.255 4.284a.75.75 0 0 1-.46.711a48 48 0 0 0-8.105 4.342a.75.75 0 0 1-.832 0a48 48 0 0 0-8.104-4.342a.75.75 0 0 1-.461-.71q.053-2.163.255-4.286q1.382.456 2.726.99v1.27a1.5 1.5 0 0 0-.14 2.508c-.09.38-.222.753-.397 1.11q.678.32 1.346.66a6.7 6.7 0 0 0 .551-1.607a1.5 1.5 0 0 0 .14-2.67v-.645a49 49 0 0 1 3.44 1.667a2.25 2.25 0 0 0 2.12 0"/><path d="M4.462 19.462c.42-.419.753-.89 1-1.395q.68.321 1.347.662a6.7 6.7 0 0 1-1.286 1.794a.75.75 0 0 1-1.06-1.06"/></g></svg>
React
import type { SVGProps } from "react";
export function HeroiconsAcademicCapSolid(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="M11.7 2.805a.75.75 0 0 1 .6 0A60.7 60.7 0 0 1 22.83 8.72a.75.75 0 0 1-.231 1.337a50 50 0 0 0-9.902 3.912l-.003.002l-.34.18a.75.75 0 0 1-.707 0A51 51 0 0 0 7.5 12.173v-.224a.36.36 0 0 1 .172-.311a55 55 0 0 1 4.653-2.52a.75.75 0 0 0-.65-1.352a56 56 0 0 0-4.78 2.589a1.86 1.86 0 0 0-.859 1.228a50 50 0 0 0-4.634-1.527a.75.75 0 0 1-.231-1.337A60.7 60.7 0 0 1 11.7 2.805"/><path d="M13.06 15.473a48.5 48.5 0 0 1 7.666-3.282q.202 2.122.255 4.284a.75.75 0 0 1-.46.711a48 48 0 0 0-8.105 4.342a.75.75 0 0 1-.832 0a48 48 0 0 0-8.104-4.342a.75.75 0 0 1-.461-.71q.053-2.163.255-4.286q1.382.456 2.726.99v1.27a1.5 1.5 0 0 0-.14 2.508c-.09.38-.222.753-.397 1.11q.678.32 1.346.66a6.7 6.7 0 0 0 .551-1.607a1.5 1.5 0 0 0 .14-2.67v-.645a49 49 0 0 1 3.44 1.667a2.25 2.25 0 0 0 2.12 0"/><path d="M4.462 19.462c.42-.419.753-.89 1-1.395q.68.321 1.347.662a6.7 6.7 0 0 1-1.286 1.794a.75.75 0 0 1-1.06-1.06"/></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="M11.7 2.805a.75.75 0 0 1 .6 0A60.7 60.7 0 0 1 22.83 8.72a.75.75 0 0 1-.231 1.337a50 50 0 0 0-9.902 3.912l-.003.002l-.34.18a.75.75 0 0 1-.707 0A51 51 0 0 0 7.5 12.173v-.224a.36.36 0 0 1 .172-.311a55 55 0 0 1 4.653-2.52a.75.75 0 0 0-.65-1.352a56 56 0 0 0-4.78 2.589a1.86 1.86 0 0 0-.859 1.228a50 50 0 0 0-4.634-1.527a.75.75 0 0 1-.231-1.337A60.7 60.7 0 0 1 11.7 2.805"/><path d="M13.06 15.473a48.5 48.5 0 0 1 7.666-3.282q.202 2.122.255 4.284a.75.75 0 0 1-.46.711a48 48 0 0 0-8.105 4.342a.75.75 0 0 1-.832 0a48 48 0 0 0-8.104-4.342a.75.75 0 0 1-.461-.71q.053-2.163.255-4.286q1.382.456 2.726.99v1.27a1.5 1.5 0 0 0-.14 2.508c-.09.38-.222.753-.397 1.11q.678.32 1.346.66a6.7 6.7 0 0 0 .551-1.607a1.5 1.5 0 0 0 .14-2.67v-.645a49 49 0 0 1 3.44 1.667a2.25 2.25 0 0 0 2.12 0"/><path d="M4.462 19.462c.42-.419.753-.89 1-1.395q.68.321 1.347.662a6.7 6.7 0 0 1-1.286 1.794a.75.75 0 0 1-1.06-1.06"/></g></svg> </template>
CSS
.icon-academic-cap-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%22M11.7%202.805a.75.75%200%200%201%20.6%200A60.7%2060.7%200%200%201%2022.83%208.72a.75.75%200%200%201-.231%201.337a50%2050%200%200%200-9.902%203.912l-.003.002l-.34.18a.75.75%200%200%201-.707%200A51%2051%200%200%200%207.5%2012.173v-.224a.36.36%200%200%201%20.172-.311a55%2055%200%200%201%204.653-2.52a.75.75%200%200%200-.65-1.352a56%2056%200%200%200-4.78%202.589a1.86%201.86%200%200%200-.859%201.228a50%2050%200%200%200-4.634-1.527a.75.75%200%200%201-.231-1.337A60.7%2060.7%200%200%201%2011.7%202.805%22%2F%3E%3Cpath%20d%3D%22M13.06%2015.473a48.5%2048.5%200%200%201%207.666-3.282q.202%202.122.255%204.284a.75.75%200%200%201-.46.711a48%2048%200%200%200-8.105%204.342a.75.75%200%200%201-.832%200a48%2048%200%200%200-8.104-4.342a.75.75%200%200%201-.461-.71q.053-2.163.255-4.286q1.382.456%202.726.99v1.27a1.5%201.5%200%200%200-.14%202.508c-.09.38-.222.753-.397%201.11q.678.32%201.346.66a6.7%206.7%200%200%200%20.551-1.607a1.5%201.5%200%200%200%20.14-2.67v-.645a49%2049%200%200%201%203.44%201.667a2.25%202.25%200%200%200%202.12%200%22%2F%3E%3Cpath%20d%3D%22M4.462%2019.462c.42-.419.753-.89%201-1.395q.68.321%201.347.662a6.7%206.7%200%200%201-1.286%201.794a.75.75%200%200%201-1.06-1.06%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%22M11.7%202.805a.75.75%200%200%201%20.6%200A60.7%2060.7%200%200%201%2022.83%208.72a.75.75%200%200%201-.231%201.337a50%2050%200%200%200-9.902%203.912l-.003.002l-.34.18a.75.75%200%200%201-.707%200A51%2051%200%200%200%207.5%2012.173v-.224a.36.36%200%200%201%20.172-.311a55%2055%200%200%201%204.653-2.52a.75.75%200%200%200-.65-1.352a56%2056%200%200%200-4.78%202.589a1.86%201.86%200%200%200-.859%201.228a50%2050%200%200%200-4.634-1.527a.75.75%200%200%201-.231-1.337A60.7%2060.7%200%200%201%2011.7%202.805%22%2F%3E%3Cpath%20d%3D%22M13.06%2015.473a48.5%2048.5%200%200%201%207.666-3.282q.202%202.122.255%204.284a.75.75%200%200%201-.46.711a48%2048%200%200%200-8.105%204.342a.75.75%200%200%201-.832%200a48%2048%200%200%200-8.104-4.342a.75.75%200%200%201-.461-.71q.053-2.163.255-4.286q1.382.456%202.726.99v1.27a1.5%201.5%200%200%200-.14%202.508c-.09.38-.222.753-.397%201.11q.678.32%201.346.66a6.7%206.7%200%200%200%20.551-1.607a1.5%201.5%200%200%200%20.14-2.67v-.645a49%2049%200%200%201%203.44%201.667a2.25%202.25%200%200%200%202.12%200%22%2F%3E%3Cpath%20d%3D%22M4.462%2019.462c.42-.419.753-.89%201-1.395q.68.321%201.347.662a6.7%206.7%200%200%201-1.286%201.794a.75.75%200%200%201-1.06-1.06%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-solid.svg?color=%231a73e8&size=48
