ICONYZ
Bahasa Indonesia
Ikon Sonarqube dari theSVG Color

Ikon Sonarqube

thesvg-color:sonarqube

Ikon Sonarqube (thesvg-color:sonarqube) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 99 × 91. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
theSVG Color
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
99 × 91
Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/sonarqube.svg" alt="Ikon Sonarqube" width="24" height="24">

Ikon terkait di theSVG Color

Ikon Sonarqube di set ikon lain

FAQ Ikon Sonarqube

Apakah ikon Sonarqube gratis untuk penggunaan komersial?

Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Sonarqube di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:sonarqube" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Sonarqube ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/sonarqube.svg" alt="Ikon Sonarqube">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →