graduation cap emoji
graduation-cap from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- graduation-cap
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
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-capHuge Iconsgraduation-capIconoirgraduation-capLine Awesomegraduation-capLucidegraduation-capMyna UI Iconsgraduation-capNoto Emojigraduation-capOpenMojigraduation-capPhosphorgraduation-capPrime Iconsgraduation-cap-fillRemix Icongraduation-capStreamline Emojisgraduation-capTwitter Emojigraduation-capUnicons
More objects icons from Fluent Emoji High Contrast
Use the graduation cap emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m17.13 5.278l12.28 6.29a1.052 1.052 0 0 1 0 1.87l-.539.276l-.008-.017l-2.227 1.161l-.636.326v.006l-1.625.847v-.209a1.79 1.79 0 0 0-.97-1.6l-6.714-3.442a1.8 1.8 0 0 0-.818-.2l-.005.006a1.794 1.794 0 0 0-1.69 2.393c.155.444.476.81.896 1.022l5.706 2.922v.982L17.155 19.8a2.5 2.5 0 0 1-2.311 0L6 15.2l-.053-.027l-.872-.454v.006l-2.5-1.281a1.051 1.051 0 0 1 0-1.87l12.28-6.29a2.47 2.47 0 0 1 2.275-.006"/><path d="M23.37 15.828v6.28a2 2 0 0 1 .308.189a1.82 1.82 0 0 1 .662 1.91v.02l-.005.02a.5.5 0 0 1-.035.11q-.001.008-.005.016q-.005.008-.005.015c-.01.04-.03.08-.05.12c0 .01-.01.02-.01.02c-.05.11-.12.22-.19.31c-.01.02-.02.03-.04.05l.47 2.2a1.94 1.94 0 0 1-1.9 2.35a1.94 1.94 0 0 1-1.9-2.35l.47-2.2a1.8 1.8 0 0 1-.4-1.073a1.8 1.8 0 0 1 .14-.757c0-.01.01-.02.02-.03c.01-.03.03-.07.05-.1l.008-.016l.009-.018a1 1 0 0 1 .053-.086q.007-.008.01-.015l.01-.015c.18-.28.44-.51.74-.66v-5.8l-6.25-3.2a.82.82 0 0 1-.404-.456a.78.78 0 0 1 .024-.614a.79.79 0 0 1 .664-.454a.8.8 0 0 1 .416.084l6.71 3.44a.79.79 0 0 1 .43.71"/><path d="m17.618 20.689l3.162-1.649v2.543a2.9 2.9 0 0 0-.577.647v.006a2 2 0 0 0-.121.2q-.045.076-.081.157l-.033.071a2.8 2.8 0 0 0-.212 1.31a7 7 0 0 1-.614.026h-6.561A6.614 6.614 0 0 1 6 17.157v-.834l8.382 4.366a3.5 3.5 0 0 0 3.236 0m7.861-.909a6.8 6.8 0 0 1-1.095 1.796l-.009-.007v-4.404L26 16.318v.839c0 .9-.176 1.791-.521 2.623"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastGraduationCap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m17.13 5.278l12.28 6.29a1.052 1.052 0 0 1 0 1.87l-.539.276l-.008-.017l-2.227 1.161l-.636.326v.006l-1.625.847v-.209a1.79 1.79 0 0 0-.97-1.6l-6.714-3.442a1.8 1.8 0 0 0-.818-.2l-.005.006a1.794 1.794 0 0 0-1.69 2.393c.155.444.476.81.896 1.022l5.706 2.922v.982L17.155 19.8a2.5 2.5 0 0 1-2.311 0L6 15.2l-.053-.027l-.872-.454v.006l-2.5-1.281a1.051 1.051 0 0 1 0-1.87l12.28-6.29a2.47 2.47 0 0 1 2.275-.006"/><path d="M23.37 15.828v6.28a2 2 0 0 1 .308.189a1.82 1.82 0 0 1 .662 1.91v.02l-.005.02a.5.5 0 0 1-.035.11q-.001.008-.005.016q-.005.008-.005.015c-.01.04-.03.08-.05.12c0 .01-.01.02-.01.02c-.05.11-.12.22-.19.31c-.01.02-.02.03-.04.05l.47 2.2a1.94 1.94 0 0 1-1.9 2.35a1.94 1.94 0 0 1-1.9-2.35l.47-2.2a1.8 1.8 0 0 1-.4-1.073a1.8 1.8 0 0 1 .14-.757c0-.01.01-.02.02-.03c.01-.03.03-.07.05-.1l.008-.016l.009-.018a1 1 0 0 1 .053-.086q.007-.008.01-.015l.01-.015c.18-.28.44-.51.74-.66v-5.8l-6.25-3.2a.82.82 0 0 1-.404-.456a.78.78 0 0 1 .024-.614a.79.79 0 0 1 .664-.454a.8.8 0 0 1 .416.084l6.71 3.44a.79.79 0 0 1 .43.71"/><path d="m17.618 20.689l3.162-1.649v2.543a2.9 2.9 0 0 0-.577.647v.006a2 2 0 0 0-.121.2q-.045.076-.081.157l-.033.071a2.8 2.8 0 0 0-.212 1.31a7 7 0 0 1-.614.026h-6.561A6.614 6.614 0 0 1 6 17.157v-.834l8.382 4.366a3.5 3.5 0 0 0 3.236 0m7.861-.909a6.8 6.8 0 0 1-1.095 1.796l-.009-.007v-4.404L26 16.318v.839c0 .9-.176 1.791-.521 2.623"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m17.13 5.278l12.28 6.29a1.052 1.052 0 0 1 0 1.87l-.539.276l-.008-.017l-2.227 1.161l-.636.326v.006l-1.625.847v-.209a1.79 1.79 0 0 0-.97-1.6l-6.714-3.442a1.8 1.8 0 0 0-.818-.2l-.005.006a1.794 1.794 0 0 0-1.69 2.393c.155.444.476.81.896 1.022l5.706 2.922v.982L17.155 19.8a2.5 2.5 0 0 1-2.311 0L6 15.2l-.053-.027l-.872-.454v.006l-2.5-1.281a1.051 1.051 0 0 1 0-1.87l12.28-6.29a2.47 2.47 0 0 1 2.275-.006"/><path d="M23.37 15.828v6.28a2 2 0 0 1 .308.189a1.82 1.82 0 0 1 .662 1.91v.02l-.005.02a.5.5 0 0 1-.035.11q-.001.008-.005.016q-.005.008-.005.015c-.01.04-.03.08-.05.12c0 .01-.01.02-.01.02c-.05.11-.12.22-.19.31c-.01.02-.02.03-.04.05l.47 2.2a1.94 1.94 0 0 1-1.9 2.35a1.94 1.94 0 0 1-1.9-2.35l.47-2.2a1.8 1.8 0 0 1-.4-1.073a1.8 1.8 0 0 1 .14-.757c0-.01.01-.02.02-.03c.01-.03.03-.07.05-.1l.008-.016l.009-.018a1 1 0 0 1 .053-.086q.007-.008.01-.015l.01-.015c.18-.28.44-.51.74-.66v-5.8l-6.25-3.2a.82.82 0 0 1-.404-.456a.78.78 0 0 1 .024-.614a.79.79 0 0 1 .664-.454a.8.8 0 0 1 .416.084l6.71 3.44a.79.79 0 0 1 .43.71"/><path d="m17.618 20.689l3.162-1.649v2.543a2.9 2.9 0 0 0-.577.647v.006a2 2 0 0 0-.121.2q-.045.076-.081.157l-.033.071a2.8 2.8 0 0 0-.212 1.31a7 7 0 0 1-.614.026h-6.561A6.614 6.614 0 0 1 6 17.157v-.834l8.382 4.366a3.5 3.5 0 0 0 3.236 0m7.861-.909a6.8 6.8 0 0 1-1.095 1.796l-.009-.007v-4.404L26 16.318v.839c0 .9-.176 1.791-.521 2.623"/></g></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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m17.13%205.278l12.28%206.29a1.052%201.052%200%200%201%200%201.87l-.539.276l-.008-.017l-2.227%201.161l-.636.326v.006l-1.625.847v-.209a1.79%201.79%200%200%200-.97-1.6l-6.714-3.442a1.8%201.8%200%200%200-.818-.2l-.005.006a1.794%201.794%200%200%200-1.69%202.393c.155.444.476.81.896%201.022l5.706%202.922v.982L17.155%2019.8a2.5%202.5%200%200%201-2.311%200L6%2015.2l-.053-.027l-.872-.454v.006l-2.5-1.281a1.051%201.051%200%200%201%200-1.87l12.28-6.29a2.47%202.47%200%200%201%202.275-.006%22%2F%3E%3Cpath%20d%3D%22M23.37%2015.828v6.28a2%202%200%200%201%20.308.189a1.82%201.82%200%200%201%20.662%201.91v.02l-.005.02a.5.5%200%200%201-.035.11q-.001.008-.005.016q-.005.008-.005.015c-.01.04-.03.08-.05.12c0%20.01-.01.02-.01.02c-.05.11-.12.22-.19.31c-.01.02-.02.03-.04.05l.47%202.2a1.94%201.94%200%200%201-1.9%202.35a1.94%201.94%200%200%201-1.9-2.35l.47-2.2a1.8%201.8%200%200%201-.4-1.073a1.8%201.8%200%200%201%20.14-.757c0-.01.01-.02.02-.03c.01-.03.03-.07.05-.1l.008-.016l.009-.018a1%201%200%200%201%20.053-.086q.007-.008.01-.015l.01-.015c.18-.28.44-.51.74-.66v-5.8l-6.25-3.2a.82.82%200%200%201-.404-.456a.78.78%200%200%201%20.024-.614a.79.79%200%200%201%20.664-.454a.8.8%200%200%201%20.416.084l6.71%203.44a.79.79%200%200%201%20.43.71%22%2F%3E%3Cpath%20d%3D%22m17.618%2020.689l3.162-1.649v2.543a2.9%202.9%200%200%200-.577.647v.006a2%202%200%200%200-.121.2q-.045.076-.081.157l-.033.071a2.8%202.8%200%200%200-.212%201.31a7%207%200%200%201-.614.026h-6.561A6.614%206.614%200%200%201%206%2017.157v-.834l8.382%204.366a3.5%203.5%200%200%200%203.236%200m7.861-.909a6.8%206.8%200%200%201-1.095%201.796l-.009-.007v-4.404L26%2016.318v.839c0%20.9-.176%201.791-.521%202.623%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m17.13%205.278l12.28%206.29a1.052%201.052%200%200%201%200%201.87l-.539.276l-.008-.017l-2.227%201.161l-.636.326v.006l-1.625.847v-.209a1.79%201.79%200%200%200-.97-1.6l-6.714-3.442a1.8%201.8%200%200%200-.818-.2l-.005.006a1.794%201.794%200%200%200-1.69%202.393c.155.444.476.81.896%201.022l5.706%202.922v.982L17.155%2019.8a2.5%202.5%200%200%201-2.311%200L6%2015.2l-.053-.027l-.872-.454v.006l-2.5-1.281a1.051%201.051%200%200%201%200-1.87l12.28-6.29a2.47%202.47%200%200%201%202.275-.006%22%2F%3E%3Cpath%20d%3D%22M23.37%2015.828v6.28a2%202%200%200%201%20.308.189a1.82%201.82%200%200%201%20.662%201.91v.02l-.005.02a.5.5%200%200%201-.035.11q-.001.008-.005.016q-.005.008-.005.015c-.01.04-.03.08-.05.12c0%20.01-.01.02-.01.02c-.05.11-.12.22-.19.31c-.01.02-.02.03-.04.05l.47%202.2a1.94%201.94%200%200%201-1.9%202.35a1.94%201.94%200%200%201-1.9-2.35l.47-2.2a1.8%201.8%200%200%201-.4-1.073a1.8%201.8%200%200%201%20.14-.757c0-.01.01-.02.02-.03c.01-.03.03-.07.05-.1l.008-.016l.009-.018a1%201%200%200%201%20.053-.086q.007-.008.01-.015l.01-.015c.18-.28.44-.51.74-.66v-5.8l-6.25-3.2a.82.82%200%200%201-.404-.456a.78.78%200%200%201%20.024-.614a.79.79%200%200%201%20.664-.454a.8.8%200%200%201%20.416.084l6.71%203.44a.79.79%200%200%201%20.43.71%22%2F%3E%3Cpath%20d%3D%22m17.618%2020.689l3.162-1.649v2.543a2.9%202.9%200%200%200-.577.647v.006a2%202%200%200%200-.121.2q-.045.076-.081.157l-.033.071a2.8%202.8%200%200%200-.212%201.31a7%207%200%200%201-.614.026h-6.561A6.614%206.614%200%200%201%206%2017.157v-.834l8.382%204.366a3.5%203.5%200%200%200%203.236%200m7.861-.909a6.8%206.8%200%200%201-1.095%201.796l-.009-.007v-4.404L26%2016.318v.839c0%20.9-.176%201.791-.521%202.623%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/graduation-cap.svg?color=%231a73e8&size=48
