diploma icon
diploma-filled from Reicon by REICON · Filled · School · MIT Free for personal and commercial use.
- Name
- diploma-filled
- Set
- Reicon
- Style
- Filled
- Category
- School
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More school icons from Reicon
Use the diploma icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2 12V8c0-2.828 0-4.243.879-5.121C3.757 2 5.172 2 8 2h8c2.828 0 4.243 0 5.121.879C22 3.757 22 5.172 22 8v4c0 2.828 0 4.243-.879 5.121c-.476.477-1.11.695-2.04.795a3 3 0 0 0-.195-.234a11 11 0 0 0-.406-.414l-1.493-1.472l-.551-.558a4.501 4.501 0 0 0-8.872 0l-.55.558l-1.494 1.472c-.143.141-.29.286-.406.414c-.05.055-.12.134-.194.234c-.931-.1-1.565-.318-2.041-.795C2 16.243 2 14.828 2 12m7-6.75a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zM6.25 9.5A.75.75 0 0 1 7 8.75h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/><path d="M15 16a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/><path d="M9.001 15.917L9 16a3 3 0 1 0 .001-.083M7.676 17.25l-1.08 1.065c-.325.32-.487.48-.543.614a.643.643 0 0 0 .26.813c.122.071.342.093.783.138c.248.025.373.037.477.075a.84.84 0 0 1 .5.494c.039.103.052.225.077.47c.045.435.068.652.14.773a.66.66 0 0 0 .824.256c.137-.056.3-.215.623-.535l1.08-1.07a4.51 4.51 0 0 1-3.141-3.094m5.507 3.094l1.08 1.07c.324.32.486.48.623.535c.313.126.66.018.824-.256c.072-.12.095-.338.14-.772c.025-.246.038-.368.077-.47a.84.84 0 0 1 .5-.495c.105-.038.229-.05.477-.075c.44-.045.661-.067.783-.138a.643.643 0 0 0 .26-.812c-.056-.136-.218-.296-.542-.615l-1.08-1.066a4.51 4.51 0 0 1-3.142 3.094"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconDiplomaFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M2 12V8c0-2.828 0-4.243.879-5.121C3.757 2 5.172 2 8 2h8c2.828 0 4.243 0 5.121.879C22 3.757 22 5.172 22 8v4c0 2.828 0 4.243-.879 5.121c-.476.477-1.11.695-2.04.795a3 3 0 0 0-.195-.234a11 11 0 0 0-.406-.414l-1.493-1.472l-.551-.558a4.501 4.501 0 0 0-8.872 0l-.55.558l-1.494 1.472c-.143.141-.29.286-.406.414c-.05.055-.12.134-.194.234c-.931-.1-1.565-.318-2.041-.795C2 16.243 2 14.828 2 12m7-6.75a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zM6.25 9.5A.75.75 0 0 1 7 8.75h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75" clipRule="evenodd"/><path d="M15 16a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/><path d="M9.001 15.917L9 16a3 3 0 1 0 .001-.083M7.676 17.25l-1.08 1.065c-.325.32-.487.48-.543.614a.643.643 0 0 0 .26.813c.122.071.342.093.783.138c.248.025.373.037.477.075a.84.84 0 0 1 .5.494c.039.103.052.225.077.47c.045.435.068.652.14.773a.66.66 0 0 0 .824.256c.137-.056.3-.215.623-.535l1.08-1.07a4.51 4.51 0 0 1-3.141-3.094m5.507 3.094l1.08 1.07c.324.32.486.48.623.535c.313.126.66.018.824-.256c.072-.12.095-.338.14-.772c.025-.246.038-.368.077-.47a.84.84 0 0 1 .5-.495c.105-.038.229-.05.477-.075c.44-.045.661-.067.783-.138a.643.643 0 0 0 .26-.812c-.056-.136-.218-.296-.542-.615l-1.08-1.066a4.51 4.51 0 0 1-3.142 3.094"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2 12V8c0-2.828 0-4.243.879-5.121C3.757 2 5.172 2 8 2h8c2.828 0 4.243 0 5.121.879C22 3.757 22 5.172 22 8v4c0 2.828 0 4.243-.879 5.121c-.476.477-1.11.695-2.04.795a3 3 0 0 0-.195-.234a11 11 0 0 0-.406-.414l-1.493-1.472l-.551-.558a4.501 4.501 0 0 0-8.872 0l-.55.558l-1.494 1.472c-.143.141-.29.286-.406.414c-.05.055-.12.134-.194.234c-.931-.1-1.565-.318-2.041-.795C2 16.243 2 14.828 2 12m7-6.75a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zM6.25 9.5A.75.75 0 0 1 7 8.75h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/><path d="M15 16a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/><path d="M9.001 15.917L9 16a3 3 0 1 0 .001-.083M7.676 17.25l-1.08 1.065c-.325.32-.487.48-.543.614a.643.643 0 0 0 .26.813c.122.071.342.093.783.138c.248.025.373.037.477.075a.84.84 0 0 1 .5.494c.039.103.052.225.077.47c.045.435.068.652.14.773a.66.66 0 0 0 .824.256c.137-.056.3-.215.623-.535l1.08-1.07a4.51 4.51 0 0 1-3.141-3.094m5.507 3.094l1.08 1.07c.324.32.486.48.623.535c.313.126.66.018.824-.256c.072-.12.095-.338.14-.772c.025-.246.038-.368.077-.47a.84.84 0 0 1 .5-.495c.105-.038.229-.05.477-.075c.44-.045.661-.067.783-.138a.643.643 0 0 0 .26-.812c-.056-.136-.218-.296-.542-.615l-1.08-1.066a4.51 4.51 0 0 1-3.142 3.094"/></g></svg> </template>
CSS
.icon-diploma-filled {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012V8c0-2.828%200-4.243.879-5.121C3.757%202%205.172%202%208%202h8c2.828%200%204.243%200%205.121.879C22%203.757%2022%205.172%2022%208v4c0%202.828%200%204.243-.879%205.121c-.476.477-1.11.695-2.04.795a3%203%200%200%200-.195-.234a11%2011%200%200%200-.406-.414l-1.493-1.472l-.551-.558a4.501%204.501%200%200%200-8.872%200l-.55.558l-1.494%201.472c-.143.141-.29.286-.406.414c-.05.055-.12.134-.194.234c-.931-.1-1.565-.318-2.041-.795C2%2016.243%202%2014.828%202%2012m7-6.75a.75.75%200%200%200%200%201.5h6a.75.75%200%200%200%200-1.5zM6.25%209.5A.75.75%200%200%201%207%208.75h10a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M15%2016a3%203%200%201%201-6%200a3%203%200%200%201%206%200%22%2F%3E%3Cpath%20d%3D%22M9.001%2015.917L9%2016a3%203%200%201%200%20.001-.083M7.676%2017.25l-1.08%201.065c-.325.32-.487.48-.543.614a.643.643%200%200%200%20.26.813c.122.071.342.093.783.138c.248.025.373.037.477.075a.84.84%200%200%201%20.5.494c.039.103.052.225.077.47c.045.435.068.652.14.773a.66.66%200%200%200%20.824.256c.137-.056.3-.215.623-.535l1.08-1.07a4.51%204.51%200%200%201-3.141-3.094m5.507%203.094l1.08%201.07c.324.32.486.48.623.535c.313.126.66.018.824-.256c.072-.12.095-.338.14-.772c.025-.246.038-.368.077-.47a.84.84%200%200%201%20.5-.495c.105-.038.229-.05.477-.075c.44-.045.661-.067.783-.138a.643.643%200%200%200%20.26-.812c-.056-.136-.218-.296-.542-.615l-1.08-1.066a4.51%204.51%200%200%201-3.142%203.094%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012V8c0-2.828%200-4.243.879-5.121C3.757%202%205.172%202%208%202h8c2.828%200%204.243%200%205.121.879C22%203.757%2022%205.172%2022%208v4c0%202.828%200%204.243-.879%205.121c-.476.477-1.11.695-2.04.795a3%203%200%200%200-.195-.234a11%2011%200%200%200-.406-.414l-1.493-1.472l-.551-.558a4.501%204.501%200%200%200-8.872%200l-.55.558l-1.494%201.472c-.143.141-.29.286-.406.414c-.05.055-.12.134-.194.234c-.931-.1-1.565-.318-2.041-.795C2%2016.243%202%2014.828%202%2012m7-6.75a.75.75%200%200%200%200%201.5h6a.75.75%200%200%200%200-1.5zM6.25%209.5A.75.75%200%200%201%207%208.75h10a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M15%2016a3%203%200%201%201-6%200a3%203%200%200%201%206%200%22%2F%3E%3Cpath%20d%3D%22M9.001%2015.917L9%2016a3%203%200%201%200%20.001-.083M7.676%2017.25l-1.08%201.065c-.325.32-.487.48-.543.614a.643.643%200%200%200%20.26.813c.122.071.342.093.783.138c.248.025.373.037.477.075a.84.84%200%200%201%20.5.494c.039.103.052.225.077.47c.045.435.068.652.14.773a.66.66%200%200%200%20.824.256c.137-.056.3-.215.623-.535l1.08-1.07a4.51%204.51%200%200%201-3.141-3.094m5.507%203.094l1.08%201.07c.324.32.486.48.623.535c.313.126.66.018.824-.256c.072-.12.095-.338.14-.772c.025-.246.038-.368.077-.47a.84.84%200%200%201%20.5-.495c.105-.038.229-.05.477-.075c.44-.045.661-.067.783-.138a.643.643%200%200%200%20.26-.812c-.056-.136-.218-.296-.542-.615l-1.08-1.066a4.51%204.51%200%200%201-3.142%203.094%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/diploma-filled.svg?color=%231a73e8&size=48
