openbadges logo
openbadges from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- openbadges
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the openbadges logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.43 18.584l-8.265-4.749l1.078-.641l.719-.411l.719.41l1.796 1.027l1.437.821l1.797 1.027l1.438.822l1.078.616zm-3.234 1.873l-8.24-4.774l1.797-1.027l8.24 4.75zm-3.209 1.848l-8.24-4.748l1.797-1.027l8.24 4.749zM3.03 14.246l8.24-4.748v2.079l-.719.41l-1.797 1.027l-1.438.821l-1.796 1.027l-1.437.822l-1.053.615v-2.054zm0-3.722l8.24-4.749v2.08l-8.24 4.723zm0-3.722l8.24-4.749v2.054L3.03 8.856zm9.677-4.749l1.797 1.027v9.523l-1.078-.616l-.719-.41V2.052zm3.209 1.848l1.796 1.027v9.523l-1.797-1.027V3.901zm3.234 1.875l1.796 1.026v9.523l-1.796-1.027zm3.26.205l-1.49-.822l-1.796-1.026l-1.412-.847l-1.797-1.027l-1.437-.822L12.68.411L11.962 0l-.719.411l-9.651 5.57v12.012l.718.41L11.987 24l1.438-.822l1.797-1.026l1.437-.821l1.797-1.027l1.437-.821l1.797-1.027l.718-.411Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsOpenbadges(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="m18.43 18.584l-8.265-4.749l1.078-.641l.719-.411l.719.41l1.796 1.027l1.437.821l1.797 1.027l1.438.822l1.078.616zm-3.234 1.873l-8.24-4.774l1.797-1.027l8.24 4.75zm-3.209 1.848l-8.24-4.748l1.797-1.027l8.24 4.749zM3.03 14.246l8.24-4.748v2.079l-.719.41l-1.797 1.027l-1.438.821l-1.796 1.027l-1.437.822l-1.053.615v-2.054zm0-3.722l8.24-4.749v2.08l-8.24 4.723zm0-3.722l8.24-4.749v2.054L3.03 8.856zm9.677-4.749l1.797 1.027v9.523l-1.078-.616l-.719-.41V2.052zm3.209 1.848l1.796 1.027v9.523l-1.797-1.027V3.901zm3.234 1.875l1.796 1.026v9.523l-1.796-1.027zm3.26.205l-1.49-.822l-1.796-1.026l-1.412-.847l-1.797-1.027l-1.437-.822L12.68.411L11.962 0l-.719.411l-9.651 5.57v12.012l.718.41L11.987 24l1.438-.822l1.797-1.026l1.437-.821l1.797-1.027l1.437-.821l1.797-1.027l.718-.411Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.43 18.584l-8.265-4.749l1.078-.641l.719-.411l.719.41l1.796 1.027l1.437.821l1.797 1.027l1.438.822l1.078.616zm-3.234 1.873l-8.24-4.774l1.797-1.027l8.24 4.75zm-3.209 1.848l-8.24-4.748l1.797-1.027l8.24 4.749zM3.03 14.246l8.24-4.748v2.079l-.719.41l-1.797 1.027l-1.438.821l-1.796 1.027l-1.437.822l-1.053.615v-2.054zm0-3.722l8.24-4.749v2.08l-8.24 4.723zm0-3.722l8.24-4.749v2.054L3.03 8.856zm9.677-4.749l1.797 1.027v9.523l-1.078-.616l-.719-.41V2.052zm3.209 1.848l1.796 1.027v9.523l-1.797-1.027V3.901zm3.234 1.875l1.796 1.026v9.523l-1.796-1.027zm3.26.205l-1.49-.822l-1.796-1.026l-1.412-.847l-1.797-1.027l-1.437-.822L12.68.411L11.962 0l-.719.411l-9.651 5.57v12.012l.718.41L11.987 24l1.438-.822l1.797-1.026l1.437-.821l1.797-1.027l1.437-.821l1.797-1.027l.718-.411Z"/></svg> </template>
CSS
.icon-openbadges {
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%22m18.43%2018.584l-8.265-4.749l1.078-.641l.719-.411l.719.41l1.796%201.027l1.437.821l1.797%201.027l1.438.822l1.078.616zm-3.234%201.873l-8.24-4.774l1.797-1.027l8.24%204.75zm-3.209%201.848l-8.24-4.748l1.797-1.027l8.24%204.749zM3.03%2014.246l8.24-4.748v2.079l-.719.41l-1.797%201.027l-1.438.821l-1.796%201.027l-1.437.822l-1.053.615v-2.054zm0-3.722l8.24-4.749v2.08l-8.24%204.723zm0-3.722l8.24-4.749v2.054L3.03%208.856zm9.677-4.749l1.797%201.027v9.523l-1.078-.616l-.719-.41V2.052zm3.209%201.848l1.796%201.027v9.523l-1.797-1.027V3.901zm3.234%201.875l1.796%201.026v9.523l-1.796-1.027zm3.26.205l-1.49-.822l-1.796-1.026l-1.412-.847l-1.797-1.027l-1.437-.822L12.68.411L11.962%200l-.719.411l-9.651%205.57v12.012l.718.41L11.987%2024l1.438-.822l1.797-1.026l1.437-.821l1.797-1.027l1.437-.821l1.797-1.027l.718-.411Z%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%22m18.43%2018.584l-8.265-4.749l1.078-.641l.719-.411l.719.41l1.796%201.027l1.437.821l1.797%201.027l1.438.822l1.078.616zm-3.234%201.873l-8.24-4.774l1.797-1.027l8.24%204.75zm-3.209%201.848l-8.24-4.748l1.797-1.027l8.24%204.749zM3.03%2014.246l8.24-4.748v2.079l-.719.41l-1.797%201.027l-1.438.821l-1.796%201.027l-1.437.822l-1.053.615v-2.054zm0-3.722l8.24-4.749v2.08l-8.24%204.723zm0-3.722l8.24-4.749v2.054L3.03%208.856zm9.677-4.749l1.797%201.027v9.523l-1.078-.616l-.719-.41V2.052zm3.209%201.848l1.796%201.027v9.523l-1.797-1.027V3.901zm3.234%201.875l1.796%201.026v9.523l-1.796-1.027zm3.26.205l-1.49-.822l-1.796-1.026l-1.412-.847l-1.797-1.027l-1.437-.822L12.68.411L11.962%200l-.719.411l-9.651%205.57v12.012l.718.41L11.987%2024l1.438-.822l1.797-1.026l1.437-.821l1.797-1.027l1.437-.821l1.797-1.027l.718-.411Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/openbadges.svg?color=%231a73e8&size=48
