Sonarqube icon

logos:sonarqube

The Sonarqube icon (logos:sonarqube) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 125 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 × 125

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="125" viewBox="0 0 512 125"><path fill="#070707" d="M269.001 99.313c-8.397 5.705-19.864 3.517-25.574-4.88s-3.517-19.869 4.88-25.588c8.393-5.705 19.864-3.513 25.574 4.885c5.715 8.392 3.526 19.868-4.88 25.583M280.396 69.3c-8.154-12.016-24.514-15.125-36.518-6.962c-12.012 8.163-15.129 24.518-6.962 36.522c7.222 10.637 20.86 14.282 32.222 9.33l10.172 16.521l8.074-5.484l-10.169-16.522c8.79-8.742 10.416-22.78 3.181-33.405M0 106.127c3.781 2.044 9.606 3.577 16.147 3.577c14.307 0 21.563-6.847 21.563-16.249c-.102-7.256-3.985-12.059-13.49-15.33c-6.131-2.043-8.073-3.372-8.073-5.722c0-2.453 2.146-3.986 5.927-3.986c4.19 0 8.585 1.635 10.833 2.76l2.657-10.629c-3.066-1.533-8.176-2.964-14-2.964c-12.366 0-20.338 7.052-20.338 16.454c-.102 5.825 3.884 11.446 14.308 14.92c5.723 1.84 7.256 3.169 7.256 5.723c0 2.555-1.942 4.088-6.643 4.088c-4.599 0-10.526-1.941-13.388-3.679zm65.2 3.68c13.286 0 26.265-8.38 26.265-26.572c0-15.124-10.22-25.65-25.447-25.65c-16.147 0-26.775 10.321-26.775 26.468s11.242 25.753 25.856 25.753zm.205-11.14c-6.54 0-10.117-6.438-10.117-14.92c0-7.46 2.861-15.023 10.22-15.023c7.05 0 9.912 7.562 9.912 14.92c0 8.993-3.78 15.023-9.913 15.023zm30.557 10.015h15.533V79.863c0-1.43.103-2.861.511-3.883c1.125-2.862 3.68-5.826 7.972-5.826c5.62 0 7.869 4.395 7.869 10.833v27.695h15.534V79.148c0-14.717-7.665-21.564-17.885-21.564c-8.38 0-13.387 4.804-15.431 8.074h-.307l-.715-6.95h-13.49c.204 4.497.409 9.71.409 15.943zm96.37-29.534c0-11.753-5.212-21.564-21.87-21.564c-9.095 0-15.942 2.555-19.417 4.497l2.862 9.913c3.27-1.942 8.686-3.68 13.796-3.68c7.665 0 9.096 3.782 9.096 6.44v.612c-17.68 0-29.33 6.132-29.33 19.111c0 7.971 6.029 15.33 16.146 15.33c5.928 0 11.037-2.147 14.308-6.132h.306l.92 5.007h14c-.612-2.76-.817-7.358-.817-12.059zM177.31 90.49c0 .92-.103 1.84-.307 2.657c-1.022 3.169-4.292 5.723-8.074 5.723c-3.474 0-6.131-1.941-6.131-5.927c0-5.927 6.336-7.869 14.512-7.869zm22.278 18.191h15.534V83.44c0-1.329.102-2.453.307-3.475c1.021-4.905 4.905-7.869 10.628-7.869c1.737 0 2.964.205 4.19.409V57.89c-1.124-.204-1.84-.307-3.27-.307c-4.906 0-10.935 3.066-13.49 10.424h-.409l-.613-9.3h-13.286c.307 4.293.41 9.096.41 16.454zm132.06-49.185h-8.993v30.25c0 1.737-.306 3.372-.817 4.598c-1.635 4.088-5.825 8.278-11.855 8.278c-8.073 0-11.037-6.438-11.037-15.84V59.497h-8.993v28.921c0 17.271 9.3 21.665 17.066 21.665c8.79 0 14.103-5.212 16.352-9.197h.204l.511 8.073h7.971c-.306-3.883-.408-8.38-.408-13.592zm9.811 36.688c0 4.394-.102 9.402-.408 12.774h7.767l.51-8.175h.205c3.781 6.54 9.402 9.3 16.556 9.3c11.037 0 22.278-8.79 22.278-26.571c0-14.921-8.584-25.14-20.848-25.14c-7.97 0-13.694 3.474-16.862 8.993h-.204V36.4h-8.994zm8.994-15.943c0-1.43.204-2.657.51-3.78c1.738-6.746 7.46-11.038 13.593-11.038c9.606 0 14.716 8.482 14.716 18.497c0 11.344-5.519 19.009-15.023 19.009c-6.438 0-11.752-4.292-13.49-10.526a17 17 0 0 1-.306-3.27zm83.8 5.621c.205-1.022.307-2.35.307-4.19c0-9.095-4.19-23.3-20.337-23.3c-14.41 0-23.3 11.752-23.3 26.673c0 14.818 9.197 24.935 24.322 24.935c7.869 0 13.387-1.737 16.555-3.168l-1.635-6.438c-3.27 1.43-7.256 2.555-13.694 2.555c-8.993 0-16.658-5.008-16.862-17.067zm-34.542-6.438c.715-6.234 4.599-14.614 13.796-14.614c10.016 0 12.468 8.89 12.366 14.614z"/><path fill="#499cd2" d="M496.694 108.787h-6.286c0-50.625-41.772-91.81-93.113-91.81v-6.285c54.811 0 99.399 43.995 99.399 98.095m4.343-33.767c-7.541-31.757-33.278-58.264-65.546-67.53l1.448-5.037c34.057 9.78 61.22 37.782 69.19 71.354zm7.077-29.803c-7.775-16.956-21.035-31.744-37.306-41.636L472.984 0c16.99 10.33 30.808 25.758 38.932 43.467z"/></svg>

How to use the Sonarqube icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:sonarqube" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:sonarqube" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:sonarqube" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--sonarqube]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:sonarqube"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:sonarqube"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/sonarqube.svg" alt="Sonarqube icon" width="24" height="24">

Sonarqube icon in other icon sets

Sonarqube icon FAQ

Is the Sonarqube 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 Sonarqube icon in React?

Install @iconify/react and render <Icon icon="logos:sonarqube" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Sonarqube icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/sonarqube.svg" alt="Sonarqube icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →