Sonarqube icon
thesvg-color:sonarqube
The Sonarqube icon (thesvg-color:sonarqube) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 99 × 91 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 99 × 91
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="99" height="91" viewBox="0 0 99 91"><mask id="SVGbBHYdckz" width="99" height="91" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M99 0H0v90.514h99z"/></mask><g fill="none" mask="url(#SVGbBHYdckz)"><path fill="#d3121d" d="M76.646 39.364c0-7.352-1.334-14.41-3.981-20.994c-.52.226-.95.43-1.222.565c-1.199.611-1.878 1.923-1.72 3.258c.317 2.737.521 5.927.521 8.8c0 13.439-4.344 26.333-12.216 36.31c-7.443 9.434-17.442 15.474-28.324 17.216c.022 0 .068.045.09.045c6.357 3.62 14.14 3.846 20.7.634c15.361-7.556 26.175-25.27 26.175-45.857h-.023z"/><path fill="#d3121d" d="M79.655 17.012a16.3 16.3 0 0 0-2.85.181c2.737 6.968 4.14 14.434 4.14 22.17c0 23.076-12.872 43.595-31.65 51.06c.95.069 1.9.091 2.874.091h.135c9.05 0 17.646-4.163 23.324-11.198c7.194-8.914 11.606-20.881 11.606-34.048c0-10.18-2.602-19.93-7.556-28.256z"/><path fill="#d3121d" d="M97.391 45.269a45.1 45.1 0 0 0-3.438-17.352c-1.018-2.466-2.443-4.728-4.344-6.606c-1.063-1.04-2.194-1.923-3.416-2.556a18 18 0 0 0-.95-.453c4.095 8.167 6.267 17.442 6.267 26.967c0 13.37-4.344 26.242-12.081 36.106c10.927-8.257 17.985-21.356 17.985-36.106z"/><path fill="#290042" d="M84.61 13.732C76.375 5.272 64.883 0 52.146 0C27.126 0 6.63 20.723 6.9 45.721c.068 6.108 1.335 11.945 3.597 17.239a12.4 12.4 0 0 0-2.24-.091c-2.035.09-4.886-.633-6.198-.995c-1.267-.362-2.466.678-1.923 1.9v.045c4.502 10.293 14.456 16.99 23.958 16.968c.633 0 1.267-.046 1.9-.091c22.261-1.697 39.93-23.324 39.93-49.657q0-2.478-.204-4.955c-.068-.905-1.222-1.221-1.765-.497c-6.153 8.144-15.27 22.487-26.695 15.021c-4.366-2.873-6.741-9.026-5.407-15.316C34.23 14.026 47.373 6.628 53.142 8.936c.452.181 2.081.837 2.624 2.308c.837 2.262-1.697 4.14-3.009 8.144c-1.403 4.343-.61 8.958.385 9.14c1.086.226 2.94-3.801 7.488-7.489c3.303-2.647 5.791-3.416 7.352-6.221c1.516-2.715-1.176-5.656-.271-5.905c.927-.271 1.764 2.919 4.48 4.48c2.261 1.312 4.297.497 7.284.384c0 0 1.267-.045 3.325.25c0 0 .588.09 1.516.27c.317.069.543-.339.317-.565zM50.88 48.617c.339-.385.972-1.131 2.058-1.245c.204 0 1.29-.113 2.013.566c1.064 1.018.77 2.986-.18 4.117c-.883 1.041-2.602 1.742-3.824.95c-1.018-.656-1.063-2.058-1.063-2.171c0-1.086.633-1.833.973-2.217z"/></g></svg>How to use the Sonarqube icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sonarqube" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sonarqube" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sonarqube" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sonarqube]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sonarqube"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sonarqube"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/sonarqube.svg" alt="Sonarqube icon" width="24" height="24">Related icons in theSVG Color
Sonarqube icon in other icon sets
Sonarqube icon FAQ
Is the Sonarqube icon free for commercial use?
Yes. theSVG Color icons are released under the MIT 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="thesvg-color: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/thesvg-color/sonarqube.svg" alt="Sonarqube icon">, or paste the SVG code inline to style it with CSS.