quarkus logo

quarkus from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: quarkus
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

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 128 128"><path fill="#4695eb" d="M81.98 26.121L64 36.504l17.98 10.379Zm0 0"/><path fill="#ff004a" d="M46.02 26.121v20.766L64 36.504Zm0 0"/><path fill="#091313" d="M81.98 46.887L64 36.504L46.02 46.883L64 57.27Zm0 0"/><path fill="#4695eb" d="m27.059 58.965l17.98 10.379V48.582Zm0 0"/><path fill="#ff004a" d="m45.04 90.11l17.983-10.383L45.04 69.344Zm0 0"/><path fill="#091313" d="M45.04 48.582v20.762l17.983 10.383V58.965Zm0 0"/><path fill="#4695eb" d="M82.96 90.11V69.343L64.978 79.727Zm0 0"/><path fill="#ff004a" d="m100.941 58.965l-17.98-10.383v20.762Zm0 0"/><path fill="#091313" d="M64.977 79.727L82.96 69.344V48.582L64.977 58.965Zm0 0"/><path fill="#4695eb" d="M103.023 5.602H24.977c-10.66 0-19.375 8.714-19.375 19.375v78.046c0 10.66 8.714 19.375 19.375 19.375h53.449L64 87.355l-10.469 22.13H24.977c-3.5 0-6.461-2.962-6.461-6.462V24.977c0-3.5 2.96-6.461 6.46-6.461h78.051c3.5 0 6.461 2.96 6.461 6.46v78.047c0 3.5-2.96 6.461-6.46 6.461H86.09l5.316 12.914h11.617c10.66 0 19.375-8.714 19.375-19.375V24.977c0-10.66-8.714-19.375-19.375-19.375m0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconQuarkus(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#4695eb" d="M81.98 26.121L64 36.504l17.98 10.379Zm0 0"/><path fill="#ff004a" d="M46.02 26.121v20.766L64 36.504Zm0 0"/><path fill="#091313" d="M81.98 46.887L64 36.504L46.02 46.883L64 57.27Zm0 0"/><path fill="#4695eb" d="m27.059 58.965l17.98 10.379V48.582Zm0 0"/><path fill="#ff004a" d="m45.04 90.11l17.983-10.383L45.04 69.344Zm0 0"/><path fill="#091313" d="M45.04 48.582v20.762l17.983 10.383V58.965Zm0 0"/><path fill="#4695eb" d="M82.96 90.11V69.343L64.978 79.727Zm0 0"/><path fill="#ff004a" d="m100.941 58.965l-17.98-10.383v20.762Zm0 0"/><path fill="#091313" d="M64.977 79.727L82.96 69.344V48.582L64.977 58.965Zm0 0"/><path fill="#4695eb" d="M103.023 5.602H24.977c-10.66 0-19.375 8.714-19.375 19.375v78.046c0 10.66 8.714 19.375 19.375 19.375h53.449L64 87.355l-10.469 22.13H24.977c-3.5 0-6.461-2.962-6.461-6.462V24.977c0-3.5 2.96-6.461 6.46-6.461h78.051c3.5 0 6.461 2.96 6.461 6.46v78.047c0 3.5-2.96 6.461-6.46 6.461H86.09l5.316 12.914h11.617c10.66 0 19.375-8.714 19.375-19.375V24.977c0-10.66-8.714-19.375-19.375-19.375m0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#4695eb" d="M81.98 26.121L64 36.504l17.98 10.379Zm0 0"/><path fill="#ff004a" d="M46.02 26.121v20.766L64 36.504Zm0 0"/><path fill="#091313" d="M81.98 46.887L64 36.504L46.02 46.883L64 57.27Zm0 0"/><path fill="#4695eb" d="m27.059 58.965l17.98 10.379V48.582Zm0 0"/><path fill="#ff004a" d="m45.04 90.11l17.983-10.383L45.04 69.344Zm0 0"/><path fill="#091313" d="M45.04 48.582v20.762l17.983 10.383V58.965Zm0 0"/><path fill="#4695eb" d="M82.96 90.11V69.343L64.978 79.727Zm0 0"/><path fill="#ff004a" d="m100.941 58.965l-17.98-10.383v20.762Zm0 0"/><path fill="#091313" d="M64.977 79.727L82.96 69.344V48.582L64.977 58.965Zm0 0"/><path fill="#4695eb" d="M103.023 5.602H24.977c-10.66 0-19.375 8.714-19.375 19.375v78.046c0 10.66 8.714 19.375 19.375 19.375h53.449L64 87.355l-10.469 22.13H24.977c-3.5 0-6.461-2.962-6.461-6.462V24.977c0-3.5 2.96-6.461 6.46-6.461h78.051c3.5 0 6.461 2.96 6.461 6.46v78.047c0 3.5-2.96 6.461-6.46 6.461H86.09l5.316 12.914h11.617c10.66 0 19.375-8.714 19.375-19.375V24.977c0-10.66-8.714-19.375-19.375-19.375m0 0"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%234695eb%22%20d%3D%22M81.98%2026.121L64%2036.504l17.98%2010.379Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23ff004a%22%20d%3D%22M46.02%2026.121v20.766L64%2036.504Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23091313%22%20d%3D%22M81.98%2046.887L64%2036.504L46.02%2046.883L64%2057.27Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%234695eb%22%20d%3D%22m27.059%2058.965l17.98%2010.379V48.582Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23ff004a%22%20d%3D%22m45.04%2090.11l17.983-10.383L45.04%2069.344Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23091313%22%20d%3D%22M45.04%2048.582v20.762l17.983%2010.383V58.965Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%234695eb%22%20d%3D%22M82.96%2090.11V69.343L64.978%2079.727Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23ff004a%22%20d%3D%22m100.941%2058.965l-17.98-10.383v20.762Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23091313%22%20d%3D%22M64.977%2079.727L82.96%2069.344V48.582L64.977%2058.965Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%234695eb%22%20d%3D%22M103.023%205.602H24.977c-10.66%200-19.375%208.714-19.375%2019.375v78.046c0%2010.66%208.714%2019.375%2019.375%2019.375h53.449L64%2087.355l-10.469%2022.13H24.977c-3.5%200-6.461-2.962-6.461-6.462V24.977c0-3.5%202.96-6.461%206.46-6.461h78.051c3.5%200%206.461%202.96%206.461%206.46v78.047c0%203.5-2.96%206.461-6.46%206.461H86.09l5.316%2012.914h11.617c10.66%200%2019.375-8.714%2019.375-19.375V24.977c0-10.66-8.714-19.375-19.375-19.375m0%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%234695eb%22%20d%3D%22M81.98%2026.121L64%2036.504l17.98%2010.379Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23ff004a%22%20d%3D%22M46.02%2026.121v20.766L64%2036.504Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23091313%22%20d%3D%22M81.98%2046.887L64%2036.504L46.02%2046.883L64%2057.27Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%234695eb%22%20d%3D%22m27.059%2058.965l17.98%2010.379V48.582Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23ff004a%22%20d%3D%22m45.04%2090.11l17.983-10.383L45.04%2069.344Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23091313%22%20d%3D%22M45.04%2048.582v20.762l17.983%2010.383V58.965Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%234695eb%22%20d%3D%22M82.96%2090.11V69.343L64.978%2079.727Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23ff004a%22%20d%3D%22m100.941%2058.965l-17.98-10.383v20.762Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23091313%22%20d%3D%22M64.977%2079.727L82.96%2069.344V48.582L64.977%2058.965Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%234695eb%22%20d%3D%22M103.023%205.602H24.977c-10.66%200-19.375%208.714-19.375%2019.375v78.046c0%2010.66%208.714%2019.375%2019.375%2019.375h53.449L64%2087.355l-10.469%2022.13H24.977c-3.5%200-6.461-2.962-6.461-6.462V24.977c0-3.5%202.96-6.461%206.46-6.461h78.051c3.5%200%206.461%202.96%206.461%206.46v78.047c0%203.5-2.96%206.461-6.46%206.461H86.09l5.316%2012.914h11.617c10.66%200%2019.375-8.714%2019.375-19.375V24.977c0-10.66-8.714-19.375-19.375-19.375m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/quarkus.svg?color=%231a73e8&size=48