Graduation cap
graduation-capA 24px icon in Bloom’s School category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.
- Category
- Tags
Graduation cap in five styles
- Linear
- Line Duotone
- Outline
- Bold
- Bold Duotone
Linear at 16, 20, 24 and 32px
- 16px
- 20px
- 24px
- 32px
Get the SVG
The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.
npx -y bloom-icons get graduation-cap --style linear- Linear
dist/linear/graduation-cap.svgsvg/linear/graduation-cap.svg - Line Duotone
dist/line-duotone/graduation-cap.svgsvg/line-duotone/graduation-cap.svg - Outline
dist/outline/graduation-cap.svgsvg/outline/graduation-cap.svg - Bold
dist/bold/graduation-cap.svgsvg/bold/graduation-cap.svg - Bold Duotone
dist/bold-duotone/graduation-cap.svgsvg/bold-duotone/graduation-cap.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M6.75 11.765V15.75C6.75 17.5 9 18.75 12 18.75C15 18.75 17.25 17.5 17.25 15.75V11.765"/>
<path d="M9.75 5.703C10.848 5.069 11.397 4.752 12 4.752C12.603 4.752 13.152 5.069 14.25 5.703L18.749 8.3C19.75 8.878 20.25 9.167 20.25 9.6C20.25 10.033 19.75 10.322 18.749 10.9L14.25 13.498C13.152 14.131 12.603 14.448 12 14.448C11.397 14.448 10.848 14.131 9.75 13.498L5.251 10.9C4.25 10.322 3.75 10.033 3.75 9.6C3.75 9.167 4.25 8.878 5.251 8.3Z"/>
<path d="M20.25 10.35V15.75"/>
</svg>