mortar board icon
mortar-board-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.
- Name
- mortar-board-24
- Set
- Octicons
- Style
- 24
- Viewbox
- 24×24
- License
- MIT
2 other variants in Octicons
The same icon in other sets
Use the mortar board icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12.292 2.06l11.25 4.75a.749.749 0 0 1 0 1.382L19 10.108V15a.75.75 0 0 1-.11.391h-.001a3 3 0 0 1-.392.482c-.249.256-.625.58-1.163.896c-1.08.638-2.776 1.23-5.334 1.23c-.673 0-1.286-.041-1.846-.113a.75.75 0 0 1 .192-1.487c.492.063 1.042.1 1.654.1c2.317 0 3.746-.533 4.572-1.021c.31-.178.596-.397.849-.65l.079-.085V10.74l-5.208 2.2a.75.75 0 0 1-.584 0L5.75 10.424v3.17c.502.129.96.391 1.327.758c.579.578.923 1.41.923 2.428v4.5a.76.76 0 0 1-.345.634a2 2 0 0 1-.21.117a4 4 0 0 1-.52.213A6.1 6.1 0 0 1 5 22.532a6.1 6.1 0 0 1-1.925-.288a4 4 0 0 1-.52-.213a2 2 0 0 1-.22-.124a.76.76 0 0 1-.335-.624v-4.5c0-1.02.344-1.85.923-2.43a2.9 2.9 0 0 1 1.327-.757V9.793L.458 8.19a.75.75 0 0 1 0-1.38l11.25-4.75a.75.75 0 0 1 .584 0M12 11.436L21.322 7.5L12 3.564L2.678 7.5ZM5 15c-.377 0-.745.141-1.017.413c-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.43 1.43 0 0 0 5 15"/></svg>
React
import type { SVGProps } from "react";
export function OcticonMortarBoard24(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="m12.292 2.06l11.25 4.75a.749.749 0 0 1 0 1.382L19 10.108V15a.75.75 0 0 1-.11.391h-.001a3 3 0 0 1-.392.482c-.249.256-.625.58-1.163.896c-1.08.638-2.776 1.23-5.334 1.23c-.673 0-1.286-.041-1.846-.113a.75.75 0 0 1 .192-1.487c.492.063 1.042.1 1.654.1c2.317 0 3.746-.533 4.572-1.021c.31-.178.596-.397.849-.65l.079-.085V10.74l-5.208 2.2a.75.75 0 0 1-.584 0L5.75 10.424v3.17c.502.129.96.391 1.327.758c.579.578.923 1.41.923 2.428v4.5a.76.76 0 0 1-.345.634a2 2 0 0 1-.21.117a4 4 0 0 1-.52.213A6.1 6.1 0 0 1 5 22.532a6.1 6.1 0 0 1-1.925-.288a4 4 0 0 1-.52-.213a2 2 0 0 1-.22-.124a.76.76 0 0 1-.335-.624v-4.5c0-1.02.344-1.85.923-2.43a2.9 2.9 0 0 1 1.327-.757V9.793L.458 8.19a.75.75 0 0 1 0-1.38l11.25-4.75a.75.75 0 0 1 .584 0M12 11.436L21.322 7.5L12 3.564L2.678 7.5ZM5 15c-.377 0-.745.141-1.017.413c-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.43 1.43 0 0 0 5 15"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12.292 2.06l11.25 4.75a.749.749 0 0 1 0 1.382L19 10.108V15a.75.75 0 0 1-.11.391h-.001a3 3 0 0 1-.392.482c-.249.256-.625.58-1.163.896c-1.08.638-2.776 1.23-5.334 1.23c-.673 0-1.286-.041-1.846-.113a.75.75 0 0 1 .192-1.487c.492.063 1.042.1 1.654.1c2.317 0 3.746-.533 4.572-1.021c.31-.178.596-.397.849-.65l.079-.085V10.74l-5.208 2.2a.75.75 0 0 1-.584 0L5.75 10.424v3.17c.502.129.96.391 1.327.758c.579.578.923 1.41.923 2.428v4.5a.76.76 0 0 1-.345.634a2 2 0 0 1-.21.117a4 4 0 0 1-.52.213A6.1 6.1 0 0 1 5 22.532a6.1 6.1 0 0 1-1.925-.288a4 4 0 0 1-.52-.213a2 2 0 0 1-.22-.124a.76.76 0 0 1-.335-.624v-4.5c0-1.02.344-1.85.923-2.43a2.9 2.9 0 0 1 1.327-.757V9.793L.458 8.19a.75.75 0 0 1 0-1.38l11.25-4.75a.75.75 0 0 1 .584 0M12 11.436L21.322 7.5L12 3.564L2.678 7.5ZM5 15c-.377 0-.745.141-1.017.413c-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.43 1.43 0 0 0 5 15"/></svg> </template>
CSS
.icon-mortar-board-24 {
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%22m12.292%202.06l11.25%204.75a.749.749%200%200%201%200%201.382L19%2010.108V15a.75.75%200%200%201-.11.391h-.001a3%203%200%200%201-.392.482c-.249.256-.625.58-1.163.896c-1.08.638-2.776%201.23-5.334%201.23c-.673%200-1.286-.041-1.846-.113a.75.75%200%200%201%20.192-1.487c.492.063%201.042.1%201.654.1c2.317%200%203.746-.533%204.572-1.021c.31-.178.596-.397.849-.65l.079-.085V10.74l-5.208%202.2a.75.75%200%200%201-.584%200L5.75%2010.424v3.17c.502.129.96.391%201.327.758c.579.578.923%201.41.923%202.428v4.5a.76.76%200%200%201-.345.634a2%202%200%200%201-.21.117a4%204%200%200%201-.52.213A6.1%206.1%200%200%201%205%2022.532a6.1%206.1%200%200%201-1.925-.288a4%204%200%200%201-.52-.213a2%202%200%200%201-.22-.124a.76.76%200%200%201-.335-.624v-4.5c0-1.02.344-1.85.923-2.43a2.9%202.9%200%200%201%201.327-.757V9.793L.458%208.19a.75.75%200%200%201%200-1.38l11.25-4.75a.75.75%200%200%201%20.584%200M12%2011.436L21.322%207.5L12%203.564L2.678%207.5ZM5%2015c-.377%200-.745.141-1.017.413c-.265.265-.483.7-.483%201.368v4.022c.299.105.797.228%201.5.228s1.201-.123%201.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.43%201.43%200%200%200%205%2015%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%22m12.292%202.06l11.25%204.75a.749.749%200%200%201%200%201.382L19%2010.108V15a.75.75%200%200%201-.11.391h-.001a3%203%200%200%201-.392.482c-.249.256-.625.58-1.163.896c-1.08.638-2.776%201.23-5.334%201.23c-.673%200-1.286-.041-1.846-.113a.75.75%200%200%201%20.192-1.487c.492.063%201.042.1%201.654.1c2.317%200%203.746-.533%204.572-1.021c.31-.178.596-.397.849-.65l.079-.085V10.74l-5.208%202.2a.75.75%200%200%201-.584%200L5.75%2010.424v3.17c.502.129.96.391%201.327.758c.579.578.923%201.41.923%202.428v4.5a.76.76%200%200%201-.345.634a2%202%200%200%201-.21.117a4%204%200%200%201-.52.213A6.1%206.1%200%200%201%205%2022.532a6.1%206.1%200%200%201-1.925-.288a4%204%200%200%201-.52-.213a2%202%200%200%201-.22-.124a.76.76%200%200%201-.335-.624v-4.5c0-1.02.344-1.85.923-2.43a2.9%202.9%200%200%201%201.327-.757V9.793L.458%208.19a.75.75%200%200%201%200-1.38l11.25-4.75a.75.75%200%200%201%20.584%200M12%2011.436L21.322%207.5L12%203.564L2.678%207.5ZM5%2015c-.377%200-.745.141-1.017.413c-.265.265-.483.7-.483%201.368v4.022c.299.105.797.228%201.5.228s1.201-.123%201.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.43%201.43%200%200%200%205%2015%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/mortar-board-24.svg?color=%231a73e8&size=48
