Quarkus icon
logos:quarkus
The Quarkus icon (logos:quarkus) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 77 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 77
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="77" viewBox="0 0 512 77"><path fill="#091313" d="M136.581 7.612q11.714 0 18.293 7.391q6.578 7.392 6.578 20.408q0 10.377-4.202 17.255a20.96 20.96 0 0 1-11.863 9.31l12.94 13.378h-9.178l-10.597-12.195l-2.047.076q-12.018 0-18.537-7.3q-6.517-7.3-6.526-20.6q0-13.192 6.546-20.452t18.593-7.271M510.626 10.6l-1.967 5.468q-6.74-2.804-13.093-2.804q-5.02 0-7.844 2.143t-2.828 5.95q0 2.803 1.041 4.599q1.042 1.794 3.514 3.289q2.475 1.494 7.568 3.309q8.557 3.028 11.77 6.502T512 48.119q0 7.13-5.208 11.122q-5.209 3.99-14.134 4.006q-9.667 0-14.875-2.476v-6.074a39 39 0 0 0 7.29 2.216a38.3 38.3 0 0 0 7.81.801q6.321 0 9.518-2.404t3.205-6.63q0-2.805-1.134-4.6t-3.79-3.308q-2.664-1.515-8.088-3.438q-7.589-2.691-10.841-6.41q-3.253-3.718-3.253-9.643q0-6.24 4.723-9.94q4.723-3.696 12.492-3.693a37.1 37.1 0 0 1 14.91 2.953m-322.14-2.128v35.255q0 6.763 3.718 10.38t10.933 3.606q6.876 0 10.597-3.638t3.718-10.408V8.473h6.322v34.955q0 9.234-5.61 14.523q-5.608 5.287-15.447 5.284q-9.819 0-15.192-5.325q-5.372-5.324-5.36-14.642V8.473zm234.014 0v35.255q0 6.763 3.718 10.38t10.933 3.606q6.88 0 10.6-3.638q3.723-3.637 3.718-10.44V8.473h6.322v34.955q0 9.234-5.608 14.523q-5.61 5.287-15.433 5.284q-9.815 0-15.191-5.325q-5.377-5.324-5.38-14.642V8.473zm-155.86-.22l21.382 54.245h-6.542l-6.77-17.187h-21.79l-6.695 17.187h-6.41l21.51-54.245zm52.911.22q10.016 0 14.78 3.806q4.762 3.806 4.779 11.454q0 10.712-10.933 14.487l14.759 24.278h-7.472L322.3 40.035l-11.338-.004v22.467h-6.326V8.473zm79.757-.008l-21.866 23.473l22.683 30.56h-7.44l-19.818-26.201l-5.69 5.024v21.177h-6.321V8.473h6.322v26.782l24.654-26.79zM136.58 13.241q-9.037 0-13.741 5.673q-4.703 5.672-4.703 16.497h-.008q0 10.974 4.703 16.646t13.665 5.67q9.038 0 13.65-5.654q4.61-5.652 4.61-16.662q.001-10.9-4.594-16.534t-13.582-5.636m127.303 1.883a69 69 0 0 1-2.343 7.796l-6.41 16.738l17.607.004l-6.322-16.742q-1.23-3.173-2.532-7.796m55.295-1.146h-8.217v20.656h8.661q6.694 0 9.82-2.644q3.125-2.644 3.12-7.924q0-5.357-3.176-7.72q-3.177-2.364-10.208-2.368"/><path fill="#4695eb" d="M63.9 0c7.007.024 12.68 5.7 12.7 12.708V63.9c-.02 7.01-5.698 12.688-12.708 12.708H56.28l-3.49-8.474H63.9a4.29 4.29 0 0 0 4.234-4.234V12.708A4.29 4.29 0 0 0 63.9 8.473H12.708a4.29 4.29 0 0 0-4.235 4.235V63.9a4.29 4.29 0 0 0 4.235 4.234H31.44l6.863-14.51l9.463 22.984h-35.06C5.698 76.588.02 70.91 0 63.9V12.708C.02 5.698 5.698.02 12.708 0ZM50.74 41.81v13.617L38.944 48.62zM25.867 28.191V41.81L14.074 35zm24.23-14.731v13.617l-11.794-6.81z"/><path fill="#ff004a" d="m25.868 41.81l11.795 6.81l-11.795 6.807zM50.74 28.191L62.534 35l-11.795 6.81zm-24.23-14.73l11.795 6.807l-11.795 6.81z"/><path fill="#091313" d="M25.868 28.192L37.663 35v13.62l-11.795-6.81zm24.871 0V41.81l-11.794 6.81V34.999zm-12.435-7.924l11.794 6.81l-11.794 6.811l-11.795-6.81z"/></svg>How to use the Quarkus icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:quarkus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:quarkus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:quarkus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--quarkus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:quarkus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:quarkus"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/quarkus.svg" alt="Quarkus icon" width="24" height="24">Related icons in SVG Logos
Quarkus icon in other icon sets
Quarkus icon FAQ
Is the Quarkus icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Quarkus icon in React?
Install @iconify/react and render <Icon icon="logos:quarkus" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Quarkus icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/quarkus.svg" alt="Quarkus icon">, or paste the SVG code inline to style it with CSS.