Ikon Sonarqube
logos:sonarqube
Ikon Sonarqube (logos:sonarqube) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 125. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 125
Kode SVG
<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>Cara memakai ikon Sonarqube
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/sonarqube.svg" alt="Ikon Sonarqube" width="24" height="24">Ikon Sonarqube di set ikon lain
FAQ Ikon Sonarqube
Apakah ikon Sonarqube gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Sonarqube di React?
Pasang @iconify/react lalu render <Icon icon="logos: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/logos/sonarqube.svg" alt="Ikon Sonarqube">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.