graduation cap icon
graduation-cap from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- graduation-cap
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- graduation-cap-solid
The same icon in other sets
graduation-capEmoji One (Colored)graduation-capFont Awesome 6 Solidgraduation-capFont Awesome Solidgraduation-cap-outlineFlowbite Iconsgraduation-capFluent Emojigraduation-capFluent Emoji Flatgraduation-capFluent Emoji High Contrastgraduation-capHuge Iconsgraduation-capIconoirgraduation-capLucidegraduation-capMyna UI Iconsgraduation-capNoto Emojigraduation-capOpenMojigraduation-capPhosphorgraduation-capPrime Iconsgraduation-cap-fillRemix Icongraduation-capStreamline Emojisgraduation-capTwitter Emojigraduation-capUnicons
More objects icons from Line Awesome
Use the graduation cap icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16 4.875l-.469.25l-13.5 7L.312 13L2 13.844v8.437c-.598.348-1 .98-1 1.719a1.999 1.999 0 1 0 4 0c0-.738-.402-1.371-1-1.719v-7.406l2 1.031V21c0 .441.203.84.438 1.094s.519.406.812.562c.59.309 1.29.528 2.156.719c1.735.387 4.047.625 6.594.625s4.86-.238 6.594-.625c.867-.191 1.566-.41 2.156-.719c.293-.156.578-.308.813-.562A1.66 1.66 0 0 0 26 21v-5.094l3.969-2.031L31.687 13l-1.718-.875l-13.5-7zm0 2.25L27.313 13l-1.782.906a3 3 0 0 0-.781-.562c-.586-.309-1.29-.528-2.156-.719C20.864 12.238 18.559 12 16 12s-4.863.238-6.594.625c-.867.191-1.57.41-2.156.719a3 3 0 0 0-.781.562L4.687 13zM16 14c2.441 0 4.637.223 6.156.563c.758.167 1.367.363 1.688.53c.101.055.117.095.156.126v3.812a11 11 0 0 0-1.406-.406C20.859 18.238 18.547 18 16 18s-4.86.238-6.594.625c-.531.117-.988.254-1.406.406V15.22c.04-.031.055-.07.156-.125c.32-.168.93-.364 1.688-.531C11.364 14.223 13.559 14 16 14m0 6c2.426 0 4.633.223 6.156.563a7 7 0 0 1 1.375.437a7 7 0 0 1-1.375.438c-1.523.34-3.73.562-6.156.562s-4.633-.223-6.156-.563A7 7 0 0 1 8.469 21a7 7 0 0 1 1.375-.438C11.367 20.223 13.574 20 16 20"/></svg>
React
import type { SVGProps } from "react";
export function LaGraduationCap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16 4.875l-.469.25l-13.5 7L.312 13L2 13.844v8.437c-.598.348-1 .98-1 1.719a1.999 1.999 0 1 0 4 0c0-.738-.402-1.371-1-1.719v-7.406l2 1.031V21c0 .441.203.84.438 1.094s.519.406.812.562c.59.309 1.29.528 2.156.719c1.735.387 4.047.625 6.594.625s4.86-.238 6.594-.625c.867-.191 1.566-.41 2.156-.719c.293-.156.578-.308.813-.562A1.66 1.66 0 0 0 26 21v-5.094l3.969-2.031L31.687 13l-1.718-.875l-13.5-7zm0 2.25L27.313 13l-1.782.906a3 3 0 0 0-.781-.562c-.586-.309-1.29-.528-2.156-.719C20.864 12.238 18.559 12 16 12s-4.863.238-6.594.625c-.867.191-1.57.41-2.156.719a3 3 0 0 0-.781.562L4.687 13zM16 14c2.441 0 4.637.223 6.156.563c.758.167 1.367.363 1.688.53c.101.055.117.095.156.126v3.812a11 11 0 0 0-1.406-.406C20.859 18.238 18.547 18 16 18s-4.86.238-6.594.625c-.531.117-.988.254-1.406.406V15.22c.04-.031.055-.07.156-.125c.32-.168.93-.364 1.688-.531C11.364 14.223 13.559 14 16 14m0 6c2.426 0 4.633.223 6.156.563a7 7 0 0 1 1.375.437a7 7 0 0 1-1.375.438c-1.523.34-3.73.562-6.156.562s-4.633-.223-6.156-.563A7 7 0 0 1 8.469 21a7 7 0 0 1 1.375-.438C11.367 20.223 13.574 20 16 20"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16 4.875l-.469.25l-13.5 7L.312 13L2 13.844v8.437c-.598.348-1 .98-1 1.719a1.999 1.999 0 1 0 4 0c0-.738-.402-1.371-1-1.719v-7.406l2 1.031V21c0 .441.203.84.438 1.094s.519.406.812.562c.59.309 1.29.528 2.156.719c1.735.387 4.047.625 6.594.625s4.86-.238 6.594-.625c.867-.191 1.566-.41 2.156-.719c.293-.156.578-.308.813-.562A1.66 1.66 0 0 0 26 21v-5.094l3.969-2.031L31.687 13l-1.718-.875l-13.5-7zm0 2.25L27.313 13l-1.782.906a3 3 0 0 0-.781-.562c-.586-.309-1.29-.528-2.156-.719C20.864 12.238 18.559 12 16 12s-4.863.238-6.594.625c-.867.191-1.57.41-2.156.719a3 3 0 0 0-.781.562L4.687 13zM16 14c2.441 0 4.637.223 6.156.563c.758.167 1.367.363 1.688.53c.101.055.117.095.156.126v3.812a11 11 0 0 0-1.406-.406C20.859 18.238 18.547 18 16 18s-4.86.238-6.594.625c-.531.117-.988.254-1.406.406V15.22c.04-.031.055-.07.156-.125c.32-.168.93-.364 1.688-.531C11.364 14.223 13.559 14 16 14m0 6c2.426 0 4.633.223 6.156.563a7 7 0 0 1 1.375.437a7 7 0 0 1-1.375.438c-1.523.34-3.73.562-6.156.562s-4.633-.223-6.156-.563A7 7 0 0 1 8.469 21a7 7 0 0 1 1.375-.438C11.367 20.223 13.574 20 16 20"/></svg> </template>
CSS
.icon-graduation-cap {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16%204.875l-.469.25l-13.5%207L.312%2013L2%2013.844v8.437c-.598.348-1%20.98-1%201.719a1.999%201.999%200%201%200%204%200c0-.738-.402-1.371-1-1.719v-7.406l2%201.031V21c0%20.441.203.84.438%201.094s.519.406.812.562c.59.309%201.29.528%202.156.719c1.735.387%204.047.625%206.594.625s4.86-.238%206.594-.625c.867-.191%201.566-.41%202.156-.719c.293-.156.578-.308.813-.562A1.66%201.66%200%200%200%2026%2021v-5.094l3.969-2.031L31.687%2013l-1.718-.875l-13.5-7zm0%202.25L27.313%2013l-1.782.906a3%203%200%200%200-.781-.562c-.586-.309-1.29-.528-2.156-.719C20.864%2012.238%2018.559%2012%2016%2012s-4.863.238-6.594.625c-.867.191-1.57.41-2.156.719a3%203%200%200%200-.781.562L4.687%2013zM16%2014c2.441%200%204.637.223%206.156.563c.758.167%201.367.363%201.688.53c.101.055.117.095.156.126v3.812a11%2011%200%200%200-1.406-.406C20.859%2018.238%2018.547%2018%2016%2018s-4.86.238-6.594.625c-.531.117-.988.254-1.406.406V15.22c.04-.031.055-.07.156-.125c.32-.168.93-.364%201.688-.531C11.364%2014.223%2013.559%2014%2016%2014m0%206c2.426%200%204.633.223%206.156.563a7%207%200%200%201%201.375.437a7%207%200%200%201-1.375.438c-1.523.34-3.73.562-6.156.562s-4.633-.223-6.156-.563A7%207%200%200%201%208.469%2021a7%207%200%200%201%201.375-.438C11.367%2020.223%2013.574%2020%2016%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16%204.875l-.469.25l-13.5%207L.312%2013L2%2013.844v8.437c-.598.348-1%20.98-1%201.719a1.999%201.999%200%201%200%204%200c0-.738-.402-1.371-1-1.719v-7.406l2%201.031V21c0%20.441.203.84.438%201.094s.519.406.812.562c.59.309%201.29.528%202.156.719c1.735.387%204.047.625%206.594.625s4.86-.238%206.594-.625c.867-.191%201.566-.41%202.156-.719c.293-.156.578-.308.813-.562A1.66%201.66%200%200%200%2026%2021v-5.094l3.969-2.031L31.687%2013l-1.718-.875l-13.5-7zm0%202.25L27.313%2013l-1.782.906a3%203%200%200%200-.781-.562c-.586-.309-1.29-.528-2.156-.719C20.864%2012.238%2018.559%2012%2016%2012s-4.863.238-6.594.625c-.867.191-1.57.41-2.156.719a3%203%200%200%200-.781.562L4.687%2013zM16%2014c2.441%200%204.637.223%206.156.563c.758.167%201.367.363%201.688.53c.101.055.117.095.156.126v3.812a11%2011%200%200%200-1.406-.406C20.859%2018.238%2018.547%2018%2016%2018s-4.86.238-6.594.625c-.531.117-.988.254-1.406.406V15.22c.04-.031.055-.07.156-.125c.32-.168.93-.364%201.688-.531C11.364%2014.223%2013.559%2014%2016%2014m0%206c2.426%200%204.633.223%206.156.563a7%207%200%200%201%201.375.437a7%207%200%200%201-1.375.438c-1.523.34-3.73.562-6.156.562s-4.633-.223-6.156-.563A7%207%200%200%201%208.469%2021a7%207%200%200%201%201.375-.438C11.367%2020.223%2013.574%2020%2016%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/graduation-cap.svg?color=%231a73e8&size=48
