gbadge icon
gbadge from Material Symbols by Google · Regular · Apache-2.0 Free for personal and commercial use.
- Name
- gbadge
- Set
- Material Symbols
- Style
- Regular
- Viewbox
- 24×24
- License
- Apache 2.0
Use the gbadge icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 19.5V18h8v1.5ZM6 23q-.825 0-1.412-.587Q4 21.825 4 21V5q0-.825.588-1.413Q5.175 3 6 3h4V1.5q0-.425.288-.713Q10.575.5 11 .5h2q.425 0 .713.287q.287.288.287.713V3h4q.825 0 1.413.587Q20 4.175 20 5v16q0 .825-.587 1.413Q18.825 23 18 23Zm0-2h12V5h-4q0 .425-.287.713Q13.425 6 13 6h-2q-.425 0-.712-.287Q10 5.425 10 5H6Zm6-9q-.825 0-1.412-.588Q10 10.825 10 10t.588-1.413Q11.175 8 12 8t1.413.587Q14 9.175 14 10q0 .825-.587 1.412Q12.825 12 12 12Zm-4 4v-.575q0-.6.325-1.1q.325-.5.9-.75q.65-.275 1.337-.425Q11.25 13 12 13t1.438.15q.687.15 1.337.425q.575.25.9.75q.325.5.325 1.1V16Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsGbadge(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 19.5V18h8v1.5ZM6 23q-.825 0-1.412-.587Q4 21.825 4 21V5q0-.825.588-1.413Q5.175 3 6 3h4V1.5q0-.425.288-.713Q10.575.5 11 .5h2q.425 0 .713.287q.287.288.287.713V3h4q.825 0 1.413.587Q20 4.175 20 5v16q0 .825-.587 1.413Q18.825 23 18 23Zm0-2h12V5h-4q0 .425-.287.713Q13.425 6 13 6h-2q-.425 0-.712-.287Q10 5.425 10 5H6Zm6-9q-.825 0-1.412-.588Q10 10.825 10 10t.588-1.413Q11.175 8 12 8t1.413.587Q14 9.175 14 10q0 .825-.587 1.412Q12.825 12 12 12Zm-4 4v-.575q0-.6.325-1.1q.325-.5.9-.75q.65-.275 1.337-.425Q11.25 13 12 13t1.438.15q.687.15 1.337.425q.575.25.9.75q.325.5.325 1.1V16Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 19.5V18h8v1.5ZM6 23q-.825 0-1.412-.587Q4 21.825 4 21V5q0-.825.588-1.413Q5.175 3 6 3h4V1.5q0-.425.288-.713Q10.575.5 11 .5h2q.425 0 .713.287q.287.288.287.713V3h4q.825 0 1.413.587Q20 4.175 20 5v16q0 .825-.587 1.413Q18.825 23 18 23Zm0-2h12V5h-4q0 .425-.287.713Q13.425 6 13 6h-2q-.425 0-.712-.287Q10 5.425 10 5H6Zm6-9q-.825 0-1.412-.588Q10 10.825 10 10t.588-1.413Q11.175 8 12 8t1.413.587Q14 9.175 14 10q0 .825-.587 1.412Q12.825 12 12 12Zm-4 4v-.575q0-.6.325-1.1q.325-.5.9-.75q.65-.275 1.337-.425Q11.25 13 12 13t1.438.15q.687.15 1.337.425q.575.25.9.75q.325.5.325 1.1V16Z"/></svg> </template>
CSS
.icon-gbadge {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2019.5V18h8v1.5ZM6%2023q-.825%200-1.412-.587Q4%2021.825%204%2021V5q0-.825.588-1.413Q5.175%203%206%203h4V1.5q0-.425.288-.713Q10.575.5%2011%20.5h2q.425%200%20.713.287q.287.288.287.713V3h4q.825%200%201.413.587Q20%204.175%2020%205v16q0%20.825-.587%201.413Q18.825%2023%2018%2023Zm0-2h12V5h-4q0%20.425-.287.713Q13.425%206%2013%206h-2q-.425%200-.712-.287Q10%205.425%2010%205H6Zm6-9q-.825%200-1.412-.588Q10%2010.825%2010%2010t.588-1.413Q11.175%208%2012%208t1.413.587Q14%209.175%2014%2010q0%20.825-.587%201.412Q12.825%2012%2012%2012Zm-4%204v-.575q0-.6.325-1.1q.325-.5.9-.75q.65-.275%201.337-.425Q11.25%2013%2012%2013t1.438.15q.687.15%201.337.425q.575.25.9.75q.325.5.325%201.1V16Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2019.5V18h8v1.5ZM6%2023q-.825%200-1.412-.587Q4%2021.825%204%2021V5q0-.825.588-1.413Q5.175%203%206%203h4V1.5q0-.425.288-.713Q10.575.5%2011%20.5h2q.425%200%20.713.287q.287.288.287.713V3h4q.825%200%201.413.587Q20%204.175%2020%205v16q0%20.825-.587%201.413Q18.825%2023%2018%2023Zm0-2h12V5h-4q0%20.425-.287.713Q13.425%206%2013%206h-2q-.425%200-.712-.287Q10%205.425%2010%205H6Zm6-9q-.825%200-1.412-.588Q10%2010.825%2010%2010t.588-1.413Q11.175%208%2012%208t1.413.587Q14%209.175%2014%2010q0%20.825-.587%201.412Q12.825%2012%2012%2012Zm-4%204v-.575q0-.6.325-1.1q.325-.5.9-.75q.65-.275%201.337-.425Q11.25%2013%2012%2013t1.438.15q.687.15%201.337.425q.575.25.9.75q.325.5.325%201.1V16Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/gbadge.svg?color=%231a73e8&size=48
