Graduation Cap Circle color filled icon
Outline mortarboard graduation cap with a tassel inside a circular frame
Related tags
About the Graduation Cap Circle color filled icon
A mortarboard sits inside a thin circular frame: a flat diamond top over a rounded crown, with a cord and teardrop tassel dropping from the right corner. It signals graduation, degrees, academic achievement and completed learning. Use it for university and school sites, e-learning course cards, certificate and diploma pages, alumni portals, and student profile or onboarding screens.
The board's diamond spans nearly the full circle width while the crown below stays compact, keeping the tassel clear of the frame edge. It pairs with book, diploma scroll and certificate icons from the library. The circle badge makes it a natural avatar or step marker; keep it at 32 px or more so the tassel does not blur.
This is the colour filled version of the graduation cap circle icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
