Graduation Cap color filled icon
Outline graduation mortarboard cap seen at an angle with a tassel hanging down
About the Graduation Cap color filled icon
A mortarboard shown at a three-quarter angle: a flat diamond-shaped board on top, a rounded skull cap beneath it, a small button at the center and a beaded tassel that runs across the board and hangs down the right edge with a fringed end. It stands for graduation, academic achievement, courses and student life. Use it on university sites, e-learning platforms, course cards, alumni pages and certificate templates.
The angled board gives the icon depth that a flat top-down cap lacks, and the tassel adds a vertical accent that balances the wide square. It pairs with diploma, book and school building icons. The fringe detail needs 24px or more; below that, choose the filled style for clarity.
This is the colour filled version of the graduation cap icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.




















