quarkus logo
quarkus from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- quarkus
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the quarkus logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.981 0A3.993 3.993 0 0 0 0 3.981V20.02A3.993 3.993 0 0 0 3.981 24h10.983L12 16.8l-2.15 4.546H3.98c-.72 0-1.327-.608-1.327-1.327V3.98c0-.72.608-1.327 1.327-1.327h16.04c.72 0 1.327.608 1.327 1.327v16.04c0 .72-.608 1.327-1.327 1.327h-3.48L17.63 24h2.388A3.993 3.993 0 0 0 24 20.019V3.98A3.993 3.993 0 0 0 20.019 0zm4.324 4.217v3.858l3.341-1.93zm7.39 0l-3.341 1.929l3.34 1.929zM12 6.35L8.305 8.483L12 10.617l3.695-2.134zM8.104 8.832v4.266l3.695 2.133v-4.266zm7.792 0L12.2 10.965v4.266l3.695-2.133zm-8.146.204l-3.34 1.93l3.34 1.928zm8.5 0v3.858l3.34-1.929zm-8.146 4.47v3.859l3.341-1.93zm7.792 0l-3.341 1.93l3.34 1.929z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsQuarkus(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="M3.981 0A3.993 3.993 0 0 0 0 3.981V20.02A3.993 3.993 0 0 0 3.981 24h10.983L12 16.8l-2.15 4.546H3.98c-.72 0-1.327-.608-1.327-1.327V3.98c0-.72.608-1.327 1.327-1.327h16.04c.72 0 1.327.608 1.327 1.327v16.04c0 .72-.608 1.327-1.327 1.327h-3.48L17.63 24h2.388A3.993 3.993 0 0 0 24 20.019V3.98A3.993 3.993 0 0 0 20.019 0zm4.324 4.217v3.858l3.341-1.93zm7.39 0l-3.341 1.929l3.34 1.929zM12 6.35L8.305 8.483L12 10.617l3.695-2.134zM8.104 8.832v4.266l3.695 2.133v-4.266zm7.792 0L12.2 10.965v4.266l3.695-2.133zm-8.146.204l-3.34 1.93l3.34 1.928zm8.5 0v3.858l3.34-1.929zm-8.146 4.47v3.859l3.341-1.93zm7.792 0l-3.341 1.93l3.34 1.929z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.981 0A3.993 3.993 0 0 0 0 3.981V20.02A3.993 3.993 0 0 0 3.981 24h10.983L12 16.8l-2.15 4.546H3.98c-.72 0-1.327-.608-1.327-1.327V3.98c0-.72.608-1.327 1.327-1.327h16.04c.72 0 1.327.608 1.327 1.327v16.04c0 .72-.608 1.327-1.327 1.327h-3.48L17.63 24h2.388A3.993 3.993 0 0 0 24 20.019V3.98A3.993 3.993 0 0 0 20.019 0zm4.324 4.217v3.858l3.341-1.93zm7.39 0l-3.341 1.929l3.34 1.929zM12 6.35L8.305 8.483L12 10.617l3.695-2.134zM8.104 8.832v4.266l3.695 2.133v-4.266zm7.792 0L12.2 10.965v4.266l3.695-2.133zm-8.146.204l-3.34 1.93l3.34 1.928zm8.5 0v3.858l3.34-1.929zm-8.146 4.47v3.859l3.341-1.93zm7.792 0l-3.341 1.93l3.34 1.929z"/></svg> </template>
CSS
.icon-quarkus {
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%22M3.981%200A3.993%203.993%200%200%200%200%203.981V20.02A3.993%203.993%200%200%200%203.981%2024h10.983L12%2016.8l-2.15%204.546H3.98c-.72%200-1.327-.608-1.327-1.327V3.98c0-.72.608-1.327%201.327-1.327h16.04c.72%200%201.327.608%201.327%201.327v16.04c0%20.72-.608%201.327-1.327%201.327h-3.48L17.63%2024h2.388A3.993%203.993%200%200%200%2024%2020.019V3.98A3.993%203.993%200%200%200%2020.019%200zm4.324%204.217v3.858l3.341-1.93zm7.39%200l-3.341%201.929l3.34%201.929zM12%206.35L8.305%208.483L12%2010.617l3.695-2.134zM8.104%208.832v4.266l3.695%202.133v-4.266zm7.792%200L12.2%2010.965v4.266l3.695-2.133zm-8.146.204l-3.34%201.93l3.34%201.928zm8.5%200v3.858l3.34-1.929zm-8.146%204.47v3.859l3.341-1.93zm7.792%200l-3.341%201.93l3.34%201.929z%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%22M3.981%200A3.993%203.993%200%200%200%200%203.981V20.02A3.993%203.993%200%200%200%203.981%2024h10.983L12%2016.8l-2.15%204.546H3.98c-.72%200-1.327-.608-1.327-1.327V3.98c0-.72.608-1.327%201.327-1.327h16.04c.72%200%201.327.608%201.327%201.327v16.04c0%20.72-.608%201.327-1.327%201.327h-3.48L17.63%2024h2.388A3.993%203.993%200%200%200%2024%2020.019V3.98A3.993%203.993%200%200%200%2020.019%200zm4.324%204.217v3.858l3.341-1.93zm7.39%200l-3.341%201.929l3.34%201.929zM12%206.35L8.305%208.483L12%2010.617l3.695-2.134zM8.104%208.832v4.266l3.695%202.133v-4.266zm7.792%200L12.2%2010.965v4.266l3.695-2.133zm-8.146.204l-3.34%201.93l3.34%201.928zm8.5%200v3.858l3.34-1.929zm-8.146%204.47v3.859l3.341-1.93zm7.792%200l-3.341%201.93l3.34%201.929z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/quarkus.svg?color=%231a73e8&size=48
