Ícone Sonarqube
thesvg-color:sonarqube
O ícone Sonarqube (thesvg-color:sonarqube) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 99 × 91. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 99 × 91
Código SVG
<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>Como usar o ícone Sonarqube
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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sonarqube.svg" alt="Ícone Sonarqube" width="24" height="24">Ícones relacionados em theSVG Color
O ícone Sonarqube em outras coleções
Perguntas frequentes sobre Ícone Sonarqube
O ícone Sonarqube é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sonarqube no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:sonarqube" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sonarqube a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/sonarqube.svg" alt="Ícone Sonarqube">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.