Customize & Export
About this icon
Academic Cap is a free, open-source icon from Heroicons, a library of 1,297 icons licensed under MIT.
Heroicons — 1,297 beautiful hand-crafted SVG icons by the Tailwind CSS team. Available in Outline (24px) and Solid (20px) variants. Optimized for React and Vue. MIT license.
Download the Academic Capicon as SVG for scalable vector use, as a React JSX component ready to drop into any React or Next.js project, or as a PNG raster image at sizes from 24 px to 512 px. Use the color editor above to customize stroke, fill, and background before exporting.
Export Formats
SVG
Scalable Vector
Resolution-independent. Works at any size, in every browser and design tool.
JSX / TSX
React Component
Drop-in React component with TypeScript props. Works with Next.js, Vite, and any React project.
PNG
Raster Image
Export at 24 – 512 px. Perfect for emails, app stores, and platforms that don't support SVG.
Frequently Asked Questions
How do I download the Academic Cap icon?
Click Export above. Choose SVG for scalable vector, JSX for a React component, or PNG for a raster image. Download starts immediately — no account required.
Can I use Academic Cap commercially?
Heroicons is distributed under the MIT license, which generally permits commercial use. Always review the full license before shipping to production.
How do I use Academic Cap in a React project?
Choose JSX format and click Export to download a ready-to-use React component. Or copy the SVG source and paste it inline in your JSX.
Can I change the color of Academic Cap?
Yes — use the color swatches in the editor above to customize each color in the icon. You can also apply background shapes and colors before exporting.
What sizes can I export Academic Cap at?
SVG scales perfectly at any size. For PNG, choose from 24, 32, 48, 64, 128, 256, or 512px before exporting.