Sonarcloud Icon icon
logos:sonarcloud-icon
The Sonarcloud Icon icon (logos:sonarcloud-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 232 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
- 256 × 232
- Tags
- sonarcloudicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="232" viewBox="0 0 256 232"><path fill="#f3702a" d="M239 104.178a75.6 75.6 0 0 0-36.027-25.141v-.915C202.973 35.082 169.31 0 127.81 0C86.28 0 52.6 35.005 52.6 78.137v1.067C22.2 89.16 0 118.768 0 153.698c0 43.04 33.694 78.137 75.195 78.137a73.67 73.67 0 0 0 52.828-22.489a73.44 73.44 0 0 0 52.767 22.489c41.424 0 75.21-35.006 75.21-78.137c0-17.991-6.099-35.585-17-49.52m-58.21 107.898c-30.965 0-56.182-26.194-56.182-58.394a9.71 9.71 0 0 0-9.499-9.849a9.666 9.666 0 0 0-9.513 9.865a80.4 80.4 0 0 0 10.611 39.975a55 55 0 0 1-41.012 18.494c-30.98 0-56.213-26.208-56.213-58.393c0-32.17 25.232-58.378 56.213-58.378c6.708 0 13.233 1.25 19.484 3.567c.077 0 .138.077.214.077c2.165.762 5.214 2.24 6.16 3.064a9.15 9.15 0 0 0 13.324-1.067a10.047 10.047 0 0 0-1.036-13.874c-4.147-3.644-10.612-6.13-12.197-6.708a72.7 72.7 0 0 0-25.873-4.727c-1.205 0-2.394 0-3.598.076c1.28-31.102 25.949-55.969 56.213-55.969c30.965 0 56.182 26.193 56.182 58.394a59.4 59.4 0 0 1-23.632 47.598a10.11 10.11 0 0 0-2.24 13.692c1.829 2.652 4.802 4.147 7.76 4.147c1.905 0 3.811-.58 5.503-1.83a78.73 78.73 0 0 0 28.892-42.873c21.71 8.37 36.79 30.173 36.79 54.81c-.077 32.11-25.294 58.303-56.35 58.303"/></svg>How to use the Sonarcloud Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:sonarcloud-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:sonarcloud-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:sonarcloud-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--sonarcloud-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:sonarcloud-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:sonarcloud-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/sonarcloud-icon.svg" alt="Sonarcloud Icon icon" width="24" height="24">Related icons in SVG Logos
Sonarcloud Icon icon FAQ
Is the Sonarcloud Icon 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 Sonarcloud Icon icon in React?
Install @iconify/react and render <Icon icon="logos:sonarcloud-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sonarcloud Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/sonarcloud-icon.svg" alt="Sonarcloud Icon icon">, or paste the SVG code inline to style it with CSS.