Home/Libraries/Logos free icons (Iconify)/qq-logo

Logos free icons (Iconify)

QqLogo

License: CC-BY-4.0

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 24 24"><g fill="none" stroke="#818cf8" stroke-linejoin="round"><path d="M12 9.5c1.2 0 2.667-.5 3.5-1c0 0-1.5-1-3.5-1s-3.5 1-3.5 1c.833.5 2.3 1 3.5 1Z"/><path stroke-linecap="round" d="M10 4.5v1m3.5 0h1m4 3.5s-.11-1.242-.11-1.377a6.26 6.26 0 0 0-6.393-6.122a6.26 6.26 0 0 0-6.39 6.122C5.607 7.76 5.5 9 5.5 9c-.435.656-3.756 5.814-2.693 7.17c.304.386.987.182 1.68-.183a.23.23 0 0 1 .33.161a6.8 6.8 0 0 0 1.557 3.238a.23.23 0 0 1-.11.37c-.942.273-1.56.723-1.56 1.235c0 .832 1.633 1.506 3.651 1.506a6.5 6.5 0 0 0 2.845-.567a.23.23 0 0 1 .125-.024a7.5 7.5 0 0 0 1.354 0a.24.24 0 0 1 .125.024a6.5 6.5 0 0 0 2.845.567c2.014 0 3.651-.674 3.651-1.506c0-.512-.617-.964-1.56-1.236a.23.23 0 0 1-.158-.264a.23.23 0 0 1 .048-.101a6.8 6.8 0 0 0 1.558-3.244a.227.227 0 0 1 .332-.162c.692.365 1.377.57 1.681.183C22.24 14.829 18.931 9.657 18.5 9"/><path stroke-linecap="round" d="M18.5 9c-.833.667-3.3 2-6.5 2S6.333 9.667 5.5 9m14 2c-.833.667-4.3 2.5-7.5 2.5S5.333 11.667 4.5 11"/><path stroke-linecap="round" d="M8 13v3h2.5v-2.5m-4.13 5.881c1.138 1.107 3.272 2.232 4.94 2.516m6.341-2.516c-1.139 1.107-3.273 2.232-4.94 2.516"/></g></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. QqLogoIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.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.