quarkus logo
quarkus from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- quarkus
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- 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 32 32"><path fill="currentColor" d="m17.052 21.287l5.161-2.984v-5.959l-5.161 2.979zm.489.281l4.672 2.697v-5.391l-4.672 2.699zm4.391-10.281V5.896L17.26 8.588l4.672 2.693zm-5.161-2.412l-5.167 2.98l5.167 2.984l5.161-2.984zm-.495-.287l-4.672-2.692v5.391zm6.432 4.043v5.385l4.667-2.693l-4.667-2.697zm-6.219 8.656v-5.964l-5.167-2.979v5.959zm-5.661-8.662l-4.667 2.697l4.667 2.693zm.495 6.25v5.391l4.672-2.697zM26.677.177H5.306C2.385.177-.001 2.536-.001 5.416v21.111c0 2.885 2.385 5.239 5.307 5.239h14.631l-3.948-9.473l-2.864 5.984H5.306c-.957 0-1.771-.803-1.771-1.749V5.417c0-.943.813-1.744 1.771-1.744h21.371c.959 0 1.771.801 1.771 1.744v21.111c0 .947-.812 1.749-1.771 1.749h-4.636l1.453 3.489h3.183c2.916 0 5.307-2.353 5.307-5.239V5.416c0-2.88-2.391-5.239-5.307-5.239"/></svg>
React
import type { SVGProps } from "react";
export function CibQuarkus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m17.052 21.287l5.161-2.984v-5.959l-5.161 2.979zm.489.281l4.672 2.697v-5.391l-4.672 2.699zm4.391-10.281V5.896L17.26 8.588l4.672 2.693zm-5.161-2.412l-5.167 2.98l5.167 2.984l5.161-2.984zm-.495-.287l-4.672-2.692v5.391zm6.432 4.043v5.385l4.667-2.693l-4.667-2.697zm-6.219 8.656v-5.964l-5.167-2.979v5.959zm-5.661-8.662l-4.667 2.697l4.667 2.693zm.495 6.25v5.391l4.672-2.697zM26.677.177H5.306C2.385.177-.001 2.536-.001 5.416v21.111c0 2.885 2.385 5.239 5.307 5.239h14.631l-3.948-9.473l-2.864 5.984H5.306c-.957 0-1.771-.803-1.771-1.749V5.417c0-.943.813-1.744 1.771-1.744h21.371c.959 0 1.771.801 1.771 1.744v21.111c0 .947-.812 1.749-1.771 1.749h-4.636l1.453 3.489h3.183c2.916 0 5.307-2.353 5.307-5.239V5.416c0-2.88-2.391-5.239-5.307-5.239"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m17.052 21.287l5.161-2.984v-5.959l-5.161 2.979zm.489.281l4.672 2.697v-5.391l-4.672 2.699zm4.391-10.281V5.896L17.26 8.588l4.672 2.693zm-5.161-2.412l-5.167 2.98l5.167 2.984l5.161-2.984zm-.495-.287l-4.672-2.692v5.391zm6.432 4.043v5.385l4.667-2.693l-4.667-2.697zm-6.219 8.656v-5.964l-5.167-2.979v5.959zm-5.661-8.662l-4.667 2.697l4.667 2.693zm.495 6.25v5.391l4.672-2.697zM26.677.177H5.306C2.385.177-.001 2.536-.001 5.416v21.111c0 2.885 2.385 5.239 5.307 5.239h14.631l-3.948-9.473l-2.864 5.984H5.306c-.957 0-1.771-.803-1.771-1.749V5.417c0-.943.813-1.744 1.771-1.744h21.371c.959 0 1.771.801 1.771 1.744v21.111c0 .947-.812 1.749-1.771 1.749h-4.636l1.453 3.489h3.183c2.916 0 5.307-2.353 5.307-5.239V5.416c0-2.88-2.391-5.239-5.307-5.239"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.052%2021.287l5.161-2.984v-5.959l-5.161%202.979zm.489.281l4.672%202.697v-5.391l-4.672%202.699zm4.391-10.281V5.896L17.26%208.588l4.672%202.693zm-5.161-2.412l-5.167%202.98l5.167%202.984l5.161-2.984zm-.495-.287l-4.672-2.692v5.391zm6.432%204.043v5.385l4.667-2.693l-4.667-2.697zm-6.219%208.656v-5.964l-5.167-2.979v5.959zm-5.661-8.662l-4.667%202.697l4.667%202.693zm.495%206.25v5.391l4.672-2.697zM26.677.177H5.306C2.385.177-.001%202.536-.001%205.416v21.111c0%202.885%202.385%205.239%205.307%205.239h14.631l-3.948-9.473l-2.864%205.984H5.306c-.957%200-1.771-.803-1.771-1.749V5.417c0-.943.813-1.744%201.771-1.744h21.371c.959%200%201.771.801%201.771%201.744v21.111c0%20.947-.812%201.749-1.771%201.749h-4.636l1.453%203.489h3.183c2.916%200%205.307-2.353%205.307-5.239V5.416c0-2.88-2.391-5.239-5.307-5.239%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.052%2021.287l5.161-2.984v-5.959l-5.161%202.979zm.489.281l4.672%202.697v-5.391l-4.672%202.699zm4.391-10.281V5.896L17.26%208.588l4.672%202.693zm-5.161-2.412l-5.167%202.98l5.167%202.984l5.161-2.984zm-.495-.287l-4.672-2.692v5.391zm6.432%204.043v5.385l4.667-2.693l-4.667-2.697zm-6.219%208.656v-5.964l-5.167-2.979v5.959zm-5.661-8.662l-4.667%202.697l4.667%202.693zm.495%206.25v5.391l4.672-2.697zM26.677.177H5.306C2.385.177-.001%202.536-.001%205.416v21.111c0%202.885%202.385%205.239%205.307%205.239h14.631l-3.948-9.473l-2.864%205.984H5.306c-.957%200-1.771-.803-1.771-1.749V5.417c0-.943.813-1.744%201.771-1.744h21.371c.959%200%201.771.801%201.771%201.744v21.111c0%20.947-.812%201.749-1.771%201.749h-4.636l1.453%203.489h3.183c2.916%200%205.307-2.353%205.307-5.239V5.416c0-2.88-2.391-5.239-5.307-5.239%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/quarkus.svg?color=%231a73e8&size=48
