graduation cap icon
graduation-cap-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- graduation-cap-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
graduation-capEmoji One (Colored)graduation-capFont Awesome 6 Solidgraduation-capFont Awesome Solidgraduation-cap-outlineFlowbite Iconsgraduation-capFluent Emojigraduation-capFluent Emoji Flatgraduation-capFluent Emoji High Contrastgraduation-capHuge Iconsgraduation-capIconoirgraduation-capLine Awesomegraduation-capLucidegraduation-capMyna UI Iconsgraduation-capNoto Emojigraduation-capOpenMojigraduation-capPhosphorgraduation-capPrime Iconsgraduation-cap-fillRemix Icongraduation-capStreamline Emojisgraduation-capTwitter Emojigraduation-capUnicons
Use the graduation cap icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M12.9646 4.1593L21.643 7.1062C22.4543 7.3817 23 8.1433 23 9C23 9.8567 22.4543 10.6183 21.643 10.8938L12.9646 13.8407C12.6539 13.9462 12.3281 14 12 14C11.6719 14 11.3461 13.9462 11.0354 13.8407L2.357 10.8938C1.5457 10.6183 1 9.8567 1 9C1 8.1433 1.5457 7.3817 2.357 7.1062L11.0354 4.1593C11.3461 4.0538 11.6719 4 12 4C12.3281 4 12.6539 4.0538 12.9646 4.1593Z" stroke="none"/><path d="M6 11.0748L6 15.7967C6 16.4679 6.3367 17.0944 6.8966 17.4647C8.4102 18.4661 10.1851 19 12 19C13.8149 19 15.5898 18.4661 17.1034 17.4647C17.6633 17.0944 18 16.4679 18 15.7967L18 11.0748M2 9L2 15"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsGraduationCapFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" d="M12.9646 4.1593L21.643 7.1062C22.4543 7.3817 23 8.1433 23 9C23 9.8567 22.4543 10.6183 21.643 10.8938L12.9646 13.8407C12.6539 13.9462 12.3281 14 12 14C11.6719 14 11.3461 13.9462 11.0354 13.8407L2.357 10.8938C1.5457 10.6183 1 9.8567 1 9C1 8.1433 1.5457 7.3817 2.357 7.1062L11.0354 4.1593C11.3461 4.0538 11.6719 4 12 4C12.3281 4 12.6539 4.0538 12.9646 4.1593Z" stroke="none"/><path d="M6 11.0748L6 15.7967C6 16.4679 6.3367 17.0944 6.8966 17.4647C8.4102 18.4661 10.1851 19 12 19C13.8149 19 15.5898 18.4661 17.1034 17.4647C17.6633 17.0944 18 16.4679 18 15.7967L18 11.0748M2 9L2 15"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M12.9646 4.1593L21.643 7.1062C22.4543 7.3817 23 8.1433 23 9C23 9.8567 22.4543 10.6183 21.643 10.8938L12.9646 13.8407C12.6539 13.9462 12.3281 14 12 14C11.6719 14 11.3461 13.9462 11.0354 13.8407L2.357 10.8938C1.5457 10.6183 1 9.8567 1 9C1 8.1433 1.5457 7.3817 2.357 7.1062L11.0354 4.1593C11.3461 4.0538 11.6719 4 12 4C12.3281 4 12.6539 4.0538 12.9646 4.1593Z" stroke="none"/><path d="M6 11.0748L6 15.7967C6 16.4679 6.3367 17.0944 6.8966 17.4647C8.4102 18.4661 10.1851 19 12 19C13.8149 19 15.5898 18.4661 17.1034 17.4647C17.6633 17.0944 18 16.4679 18 15.7967L18 11.0748M2 9L2 15"/></g></svg> </template>
CSS
.icon-graduation-cap-fill {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.9646%204.1593L21.643%207.1062C22.4543%207.3817%2023%208.1433%2023%209C23%209.8567%2022.4543%2010.6183%2021.643%2010.8938L12.9646%2013.8407C12.6539%2013.9462%2012.3281%2014%2012%2014C11.6719%2014%2011.3461%2013.9462%2011.0354%2013.8407L2.357%2010.8938C1.5457%2010.6183%201%209.8567%201%209C1%208.1433%201.5457%207.3817%202.357%207.1062L11.0354%204.1593C11.3461%204.0538%2011.6719%204%2012%204C12.3281%204%2012.6539%204.0538%2012.9646%204.1593Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M6%2011.0748L6%2015.7967C6%2016.4679%206.3367%2017.0944%206.8966%2017.4647C8.4102%2018.4661%2010.1851%2019%2012%2019C13.8149%2019%2015.5898%2018.4661%2017.1034%2017.4647C17.6633%2017.0944%2018%2016.4679%2018%2015.7967L18%2011.0748M2%209L2%2015%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.9646%204.1593L21.643%207.1062C22.4543%207.3817%2023%208.1433%2023%209C23%209.8567%2022.4543%2010.6183%2021.643%2010.8938L12.9646%2013.8407C12.6539%2013.9462%2012.3281%2014%2012%2014C11.6719%2014%2011.3461%2013.9462%2011.0354%2013.8407L2.357%2010.8938C1.5457%2010.6183%201%209.8567%201%209C1%208.1433%201.5457%207.3817%202.357%207.1062L11.0354%204.1593C11.3461%204.0538%2011.6719%204%2012%204C12.3281%204%2012.6539%204.0538%2012.9646%204.1593Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M6%2011.0748L6%2015.7967C6%2016.4679%206.3367%2017.0944%206.8966%2017.4647C8.4102%2018.4661%2010.1851%2019%2012%2019C13.8149%2019%2015.5898%2018.4661%2017.1034%2017.4647C17.6633%2017.0944%2018%2016.4679%2018%2015.7967L18%2011.0748M2%209L2%2015%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/graduation-cap-fill.svg?color=%231a73e8&size=48
