Graduation Cap Circle color outline icon

About the Graduation Cap Circle color outline 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 outline version of the graduation cap circle icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.

Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.

Free for personal and commercial use with attribution.