diploma icon
diploma-duotone from Reicon by REICON · Duotone · School · MIT Free for personal and commercial use.
- Name
- diploma-duotone
- Set
- Reicon
- Style
- Duotone
- 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 d="M2 8v4c0 2.828 0 4.243.879 5.121c.476.477 1.11.695 2.04.795c.075-.1.145-.179.195-.234c.116-.128.263-.273.406-.414l1.493-1.472l.551-.558a4.501 4.501 0 0 1 8.872 0l.551.558l1.493 1.472c.143.141.29.286.406.414c.05.055.12.134.194.234c.931-.1 1.565-.318 2.041-.795C22 16.243 22 14.828 22 12V8c0-2.828 0-4.243-.879-5.121C20.243 2 18.828 2 16 2H8c-2.828 0-4.243 0-5.121.879C2 3.757 2 5.172 2 8" opacity=".5"/><path d="M7 8.75a.75.75 0 0 0 0 1.5h10a.75.75 0 0 0 0-1.5zM8.25 6A.75.75 0 0 1 9 5.25h6a.75.75 0 0 1 0 1.5H9A.75.75 0 0 1 8.25 6m.751 9.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 ReiconDiplomaDuotone(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 d="M2 8v4c0 2.828 0 4.243.879 5.121c.476.477 1.11.695 2.04.795c.075-.1.145-.179.195-.234c.116-.128.263-.273.406-.414l1.493-1.472l.551-.558a4.501 4.501 0 0 1 8.872 0l.551.558l1.493 1.472c.143.141.29.286.406.414c.05.055.12.134.194.234c.931-.1 1.565-.318 2.041-.795C22 16.243 22 14.828 22 12V8c0-2.828 0-4.243-.879-5.121C20.243 2 18.828 2 16 2H8c-2.828 0-4.243 0-5.121.879C2 3.757 2 5.172 2 8" opacity=".5"/><path d="M7 8.75a.75.75 0 0 0 0 1.5h10a.75.75 0 0 0 0-1.5zM8.25 6A.75.75 0 0 1 9 5.25h6a.75.75 0 0 1 0 1.5H9A.75.75 0 0 1 8.25 6m.751 9.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 d="M2 8v4c0 2.828 0 4.243.879 5.121c.476.477 1.11.695 2.04.795c.075-.1.145-.179.195-.234c.116-.128.263-.273.406-.414l1.493-1.472l.551-.558a4.501 4.501 0 0 1 8.872 0l.551.558l1.493 1.472c.143.141.29.286.406.414c.05.055.12.134.194.234c.931-.1 1.565-.318 2.041-.795C22 16.243 22 14.828 22 12V8c0-2.828 0-4.243-.879-5.121C20.243 2 18.828 2 16 2H8c-2.828 0-4.243 0-5.121.879C2 3.757 2 5.172 2 8" opacity=".5"/><path d="M7 8.75a.75.75 0 0 0 0 1.5h10a.75.75 0 0 0 0-1.5zM8.25 6A.75.75 0 0 1 9 5.25h6a.75.75 0 0 1 0 1.5H9A.75.75 0 0 1 8.25 6m.751 9.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-duotone {
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%20d%3D%22M2%208v4c0%202.828%200%204.243.879%205.121c.476.477%201.11.695%202.04.795c.075-.1.145-.179.195-.234c.116-.128.263-.273.406-.414l1.493-1.472l.551-.558a4.501%204.501%200%200%201%208.872%200l.551.558l1.493%201.472c.143.141.29.286.406.414c.05.055.12.134.194.234c.931-.1%201.565-.318%202.041-.795C22%2016.243%2022%2014.828%2022%2012V8c0-2.828%200-4.243-.879-5.121C20.243%202%2018.828%202%2016%202H8c-2.828%200-4.243%200-5.121.879C2%203.757%202%205.172%202%208%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M7%208.75a.75.75%200%200%200%200%201.5h10a.75.75%200%200%200%200-1.5zM8.25%206A.75.75%200%200%201%209%205.25h6a.75.75%200%200%201%200%201.5H9A.75.75%200%200%201%208.25%206m.751%209.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%20d%3D%22M2%208v4c0%202.828%200%204.243.879%205.121c.476.477%201.11.695%202.04.795c.075-.1.145-.179.195-.234c.116-.128.263-.273.406-.414l1.493-1.472l.551-.558a4.501%204.501%200%200%201%208.872%200l.551.558l1.493%201.472c.143.141.29.286.406.414c.05.055.12.134.194.234c.931-.1%201.565-.318%202.041-.795C22%2016.243%2022%2014.828%2022%2012V8c0-2.828%200-4.243-.879-5.121C20.243%202%2018.828%202%2016%202H8c-2.828%200-4.243%200-5.121.879C2%203.757%202%205.172%202%208%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M7%208.75a.75.75%200%200%200%200%201.5h10a.75.75%200%200%200%200-1.5zM8.25%206A.75.75%200%200%201%209%205.25h6a.75.75%200%200%201%200%201.5H9A.75.75%200%200%201%208.25%206m.751%209.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-duotone.svg?color=%231a73e8&size=48
