graduation cap emoji
graduation-cap from Streamline Emojis by Streamline · Default · Smiley People · CC-BY-4.0 Attribution required.
- Name
- graduation-cap
- Set
- Streamline Emojis
- Style
- Default
- Category
- Smiley People
- Viewbox
- 48×48
- License
- CC BY 4.0
The same emoji 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-capLine Awesomegraduation-capLucidegraduation-capMyna UI Iconsgraduation-capNoto Emojigraduation-capOpenMojigraduation-capPhosphorgraduation-capPrime Iconsgraduation-cap-fillRemix Icongraduation-capTwitter Emojigraduation-capUnicons
More smiley people icons from Streamline Emojis
alienamazed-faceamusing-faceanguished-faceanxious-faceastonished-faceastronaut-1astronaut-2baby-1baby-2baby-3baby-angel-1baby-angel-2backhand-index-pointing-down-1backhand-index-pointing-down-2backhand-index-pointing-left-1backhand-index-pointing-left-2backhand-index-pointing-right-1backhand-index-pointing-right-2backhand-index-pointing-up-1backhand-index-pointing-up-2beaming-face-with-smiling-eyesbikiniboy-1
Use the graduation cap emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#656769" d="m36.57 29.6l-4.32 2.75a15.26 15.26 0 0 1-16.5 0l-4.32-2.75a3.44 3.44 0 0 1-1.56-2.9v-6h28.26v6a3.44 3.44 0 0 1-1.56 2.9"/><path fill="#525252" d="M38.13 20.69H9.87v4.64l10.66 6.24a6.84 6.84 0 0 0 6.94 0l10.66-6.24Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m36.57 29.6l-4.32 2.75a15.26 15.26 0 0 1-16.5 0l-4.32-2.75a3.44 3.44 0 0 1-1.56-2.9v-6h28.26v6a3.44 3.44 0 0 1-1.56 2.9"/><path fill="#45413c" d="M11 45.3a13 1.7 0 1 0 26 0a13 1.7 0 1 0-26 0" opacity=".15"/><path fill="#656769" d="m5.69 19.21l14.84 8.69a6.89 6.89 0 0 0 6.94 0l14.84-8.69a4.12 4.12 0 0 0-.16-7.21L27.2 4.14a6.84 6.84 0 0 0-6.4 0L5.85 12a4.12 4.12 0 0 0-.16 7.21"/><path fill="#87898c" d="M42.15 12L27.2 4.14a6.84 6.84 0 0 0-6.4 0L5.85 12a4.12 4.12 0 0 0-1.59 5.79a3.9 3.9 0 0 1 1.59-1.13l15-6a8.83 8.83 0 0 1 6.4 0l15 6a3.9 3.9 0 0 1 1.59 1.13A4.12 4.12 0 0 0 42.15 12"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m5.69 19.21l14.84 8.69a6.89 6.89 0 0 0 6.94 0l14.84-8.69a4.12 4.12 0 0 0-.16-7.21L27.2 4.14a6.84 6.84 0 0 0-6.4 0L5.85 12a4.12 4.12 0 0 0-.16 7.21"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m22.32 16.21l-9.98 6.46v14.4"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m11.65 39.13l-1.77 5.33a1.34 1.34 0 0 0 .46 1.54a3.45 3.45 0 0 0 2 .7a3.47 3.47 0 0 0 2-.7a1.34 1.34 0 0 0 .46-1.52L13 39.13Z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M10.28 39.13a2.06 2.06 0 1 0 4.12 0a2.06 2.06 0 1 0-4.12 0m16.46-24.01c0 .76-1.22 1.37-2.74 1.37s-2.74-.61-2.74-1.37s1.22-1.37 2.74-1.37s2.74.61 2.74 1.37"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisGraduationCap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#656769" d="m36.57 29.6l-4.32 2.75a15.26 15.26 0 0 1-16.5 0l-4.32-2.75a3.44 3.44 0 0 1-1.56-2.9v-6h28.26v6a3.44 3.44 0 0 1-1.56 2.9"/><path fill="#525252" d="M38.13 20.69H9.87v4.64l10.66 6.24a6.84 6.84 0 0 0 6.94 0l10.66-6.24Z"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="m36.57 29.6l-4.32 2.75a15.26 15.26 0 0 1-16.5 0l-4.32-2.75a3.44 3.44 0 0 1-1.56-2.9v-6h28.26v6a3.44 3.44 0 0 1-1.56 2.9"/><path fill="#45413c" d="M11 45.3a13 1.7 0 1 0 26 0a13 1.7 0 1 0-26 0" opacity=".15"/><path fill="#656769" d="m5.69 19.21l14.84 8.69a6.89 6.89 0 0 0 6.94 0l14.84-8.69a4.12 4.12 0 0 0-.16-7.21L27.2 4.14a6.84 6.84 0 0 0-6.4 0L5.85 12a4.12 4.12 0 0 0-.16 7.21"/><path fill="#87898c" d="M42.15 12L27.2 4.14a6.84 6.84 0 0 0-6.4 0L5.85 12a4.12 4.12 0 0 0-1.59 5.79a3.9 3.9 0 0 1 1.59-1.13l15-6a8.83 8.83 0 0 1 6.4 0l15 6a3.9 3.9 0 0 1 1.59 1.13A4.12 4.12 0 0 0 42.15 12"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="m5.69 19.21l14.84 8.69a6.89 6.89 0 0 0 6.94 0l14.84-8.69a4.12 4.12 0 0 0-.16-7.21L27.2 4.14a6.84 6.84 0 0 0-6.4 0L5.85 12a4.12 4.12 0 0 0-.16 7.21"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="m22.32 16.21l-9.98 6.46v14.4"/><path fill="#ffe500" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="m11.65 39.13l-1.77 5.33a1.34 1.34 0 0 0 .46 1.54a3.45 3.45 0 0 0 2 .7a3.47 3.47 0 0 0 2-.7a1.34 1.34 0 0 0 .46-1.52L13 39.13Z"/><path fill="#ffe500" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M10.28 39.13a2.06 2.06 0 1 0 4.12 0a2.06 2.06 0 1 0-4.12 0m16.46-24.01c0 .76-1.22 1.37-2.74 1.37s-2.74-.61-2.74-1.37s1.22-1.37 2.74-1.37s2.74.61 2.74 1.37"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#656769" d="m36.57 29.6l-4.32 2.75a15.26 15.26 0 0 1-16.5 0l-4.32-2.75a3.44 3.44 0 0 1-1.56-2.9v-6h28.26v6a3.44 3.44 0 0 1-1.56 2.9"/><path fill="#525252" d="M38.13 20.69H9.87v4.64l10.66 6.24a6.84 6.84 0 0 0 6.94 0l10.66-6.24Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m36.57 29.6l-4.32 2.75a15.26 15.26 0 0 1-16.5 0l-4.32-2.75a3.44 3.44 0 0 1-1.56-2.9v-6h28.26v6a3.44 3.44 0 0 1-1.56 2.9"/><path fill="#45413c" d="M11 45.3a13 1.7 0 1 0 26 0a13 1.7 0 1 0-26 0" opacity=".15"/><path fill="#656769" d="m5.69 19.21l14.84 8.69a6.89 6.89 0 0 0 6.94 0l14.84-8.69a4.12 4.12 0 0 0-.16-7.21L27.2 4.14a6.84 6.84 0 0 0-6.4 0L5.85 12a4.12 4.12 0 0 0-.16 7.21"/><path fill="#87898c" d="M42.15 12L27.2 4.14a6.84 6.84 0 0 0-6.4 0L5.85 12a4.12 4.12 0 0 0-1.59 5.79a3.9 3.9 0 0 1 1.59-1.13l15-6a8.83 8.83 0 0 1 6.4 0l15 6a3.9 3.9 0 0 1 1.59 1.13A4.12 4.12 0 0 0 42.15 12"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m5.69 19.21l14.84 8.69a6.89 6.89 0 0 0 6.94 0l14.84-8.69a4.12 4.12 0 0 0-.16-7.21L27.2 4.14a6.84 6.84 0 0 0-6.4 0L5.85 12a4.12 4.12 0 0 0-.16 7.21"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m22.32 16.21l-9.98 6.46v14.4"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m11.65 39.13l-1.77 5.33a1.34 1.34 0 0 0 .46 1.54a3.45 3.45 0 0 0 2 .7a3.47 3.47 0 0 0 2-.7a1.34 1.34 0 0 0 .46-1.52L13 39.13Z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M10.28 39.13a2.06 2.06 0 1 0 4.12 0a2.06 2.06 0 1 0-4.12 0m16.46-24.01c0 .76-1.22 1.37-2.74 1.37s-2.74-.61-2.74-1.37s1.22-1.37 2.74-1.37s2.74.61 2.74 1.37"/></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%2048%2048%22%3E%3Cpath%20fill%3D%22%23656769%22%20d%3D%22m36.57%2029.6l-4.32%202.75a15.26%2015.26%200%200%201-16.5%200l-4.32-2.75a3.44%203.44%200%200%201-1.56-2.9v-6h28.26v6a3.44%203.44%200%200%201-1.56%202.9%22%2F%3E%3Cpath%20fill%3D%22%23525252%22%20d%3D%22M38.13%2020.69H9.87v4.64l10.66%206.24a6.84%206.84%200%200%200%206.94%200l10.66-6.24Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m36.57%2029.6l-4.32%202.75a15.26%2015.26%200%200%201-16.5%200l-4.32-2.75a3.44%203.44%200%200%201-1.56-2.9v-6h28.26v6a3.44%203.44%200%200%201-1.56%202.9%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M11%2045.3a13%201.7%200%201%200%2026%200a13%201.7%200%201%200-26%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23656769%22%20d%3D%22m5.69%2019.21l14.84%208.69a6.89%206.89%200%200%200%206.94%200l14.84-8.69a4.12%204.12%200%200%200-.16-7.21L27.2%204.14a6.84%206.84%200%200%200-6.4%200L5.85%2012a4.12%204.12%200%200%200-.16%207.21%22%2F%3E%3Cpath%20fill%3D%22%2387898c%22%20d%3D%22M42.15%2012L27.2%204.14a6.84%206.84%200%200%200-6.4%200L5.85%2012a4.12%204.12%200%200%200-1.59%205.79a3.9%203.9%200%200%201%201.59-1.13l15-6a8.83%208.83%200%200%201%206.4%200l15%206a3.9%203.9%200%200%201%201.59%201.13A4.12%204.12%200%200%200%2042.15%2012%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m5.69%2019.21l14.84%208.69a6.89%206.89%200%200%200%206.94%200l14.84-8.69a4.12%204.12%200%200%200-.16-7.21L27.2%204.14a6.84%206.84%200%200%200-6.4%200L5.85%2012a4.12%204.12%200%200%200-.16%207.21%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m22.32%2016.21l-9.98%206.46v14.4%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.65%2039.13l-1.77%205.33a1.34%201.34%200%200%200%20.46%201.54a3.45%203.45%200%200%200%202%20.7a3.47%203.47%200%200%200%202-.7a1.34%201.34%200%200%200%20.46-1.52L13%2039.13Z%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.28%2039.13a2.06%202.06%200%201%200%204.12%200a2.06%202.06%200%201%200-4.12%200m16.46-24.01c0%20.76-1.22%201.37-2.74%201.37s-2.74-.61-2.74-1.37s1.22-1.37%202.74-1.37s2.74.61%202.74%201.37%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%2048%2048%22%3E%3Cpath%20fill%3D%22%23656769%22%20d%3D%22m36.57%2029.6l-4.32%202.75a15.26%2015.26%200%200%201-16.5%200l-4.32-2.75a3.44%203.44%200%200%201-1.56-2.9v-6h28.26v6a3.44%203.44%200%200%201-1.56%202.9%22%2F%3E%3Cpath%20fill%3D%22%23525252%22%20d%3D%22M38.13%2020.69H9.87v4.64l10.66%206.24a6.84%206.84%200%200%200%206.94%200l10.66-6.24Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m36.57%2029.6l-4.32%202.75a15.26%2015.26%200%200%201-16.5%200l-4.32-2.75a3.44%203.44%200%200%201-1.56-2.9v-6h28.26v6a3.44%203.44%200%200%201-1.56%202.9%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M11%2045.3a13%201.7%200%201%200%2026%200a13%201.7%200%201%200-26%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23656769%22%20d%3D%22m5.69%2019.21l14.84%208.69a6.89%206.89%200%200%200%206.94%200l14.84-8.69a4.12%204.12%200%200%200-.16-7.21L27.2%204.14a6.84%206.84%200%200%200-6.4%200L5.85%2012a4.12%204.12%200%200%200-.16%207.21%22%2F%3E%3Cpath%20fill%3D%22%2387898c%22%20d%3D%22M42.15%2012L27.2%204.14a6.84%206.84%200%200%200-6.4%200L5.85%2012a4.12%204.12%200%200%200-1.59%205.79a3.9%203.9%200%200%201%201.59-1.13l15-6a8.83%208.83%200%200%201%206.4%200l15%206a3.9%203.9%200%200%201%201.59%201.13A4.12%204.12%200%200%200%2042.15%2012%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m5.69%2019.21l14.84%208.69a6.89%206.89%200%200%200%206.94%200l14.84-8.69a4.12%204.12%200%200%200-.16-7.21L27.2%204.14a6.84%206.84%200%200%200-6.4%200L5.85%2012a4.12%204.12%200%200%200-.16%207.21%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m22.32%2016.21l-9.98%206.46v14.4%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.65%2039.13l-1.77%205.33a1.34%201.34%200%200%200%20.46%201.54a3.45%203.45%200%200%200%202%20.7a3.47%203.47%200%200%200%202-.7a1.34%201.34%200%200%200%20.46-1.52L13%2039.13Z%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.28%2039.13a2.06%202.06%200%201%200%204.12%200a2.06%202.06%200%201%200-4.12%200m16.46-24.01c0%20.76-1.22%201.37-2.74%201.37s-2.74-.61-2.74-1.37s1.22-1.37%202.74-1.37s2.74.61%202.74%201.37%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/graduation-cap.svg?color=%231a73e8&size=48
