Home/Libraries/SVG Logos (Iconify)/sonarcloud-icon

SVG Logos (Iconify)

SonarcloudIcon

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 232"><path fill="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SonarcloudIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.