Home/Libraries/SVG Logos (Iconify)/q

SVG Logos (Iconify)

Q

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 295"><path fill="#818cf8" d="M49.068 101.516c.036 30.473.08 60.946.038 91.418a50948 50948 0 0 1 79.022 45.758l78.984-45.673c-.036-30.473-.079-60.946-.038-91.419a48929 48929 0 0 1-79.022-45.757z"/><path fill="#818cf8" d="m128.413 78.985l-.046-.024l-.308-.173a27468 27468 0 0 1-59.254 34.204q-.008 34.26-.012 68.518a30252 30252 0 0 1 59.332 34.238c5.034-2.967 54.195-31.297 59.256-34.205l.021-68.518a19008 19008 0 0 1-58.989-34.04"/><path fill="#818cf8" d="m92.587 126.98l1.653 2.864l-3.134 1.809l4.455 7.713q.625 1.087 1.196 1.24q.57.152 1.656-.475a9 9 0 0 0 .675-.43q.314-.221.58-.455l1.914 3.315q-.49.402-1.136.815q-.645.414-1.279.778q-.994.575-1.96.952q-.968.377-1.872.377a3.2 3.2 0 0 1-1.713-.497q-.81-.496-1.488-1.672l-5.306-9.192l-2.592 1.498l-1.654-2.863l2.593-1.496l-2.697-4.67l4.279-2.472l2.697 4.67zm2.6-9.415l4.679 8.106l.09-.053q.032-1.825.941-3.173q.908-1.35 2.114-2.044q1.717-.993 3.087-1.16q1.37-.168 2.481.295q1.112.463 2.055 1.506q.941 1.043 1.777 2.489l5.532 9.582l-4.278 2.47l-5.08-8.798q-1.113-1.928-2.264-2.53q-1.152-.602-2.687.286q-1.748 1.008-1.931 2.5q-.183 1.493 1.19 3.874l4.716 8.166l-4.28 2.47l-12.422-21.516zm26.928 8.159q1.502.378 3.311-.667q1.296-.748 1.855-1.936q.562-1.186.354-2.032l3.766-2.174q.716 3.324-.458 5.608q-1.171 2.285-3.823 3.815q-1.84 1.061-3.654 1.326q-1.816.265-3.467-.229q-1.65-.492-3.079-1.677q-1.425-1.185-2.47-2.993q-1.009-1.748-1.307-3.585a8.8 8.8 0 0 1 .123-3.545a8.8 8.8 0 0 1 1.516-3.187q1.094-1.475 2.873-2.502q1.99-1.148 3.91-1.232a8 8 0 0 1 3.616.664q1.699.747 3.077 2.161t2.302 3.29l-11.24 6.49q1.29 2.028 2.795 2.405m.104-10.989q-1.255-.4-2.823.504q-1.025.592-1.502 1.33t-.59 1.484q-.11.748.055 1.417q.165.667.395 1.137l6.96-4.018q-1.24-1.454-2.495-1.854m8.336-9.675l1.252 2.171l.09-.053q.033-1.825.97-3.193a7.05 7.05 0 0 1 2.296-2.148q1.718-.991 3.087-1.16t2.481.297q1.111.462 2.054 1.506q.942 1.043 1.778 2.487l5.532 9.584l-4.278 2.47l-5.08-8.798q-1.113-1.93-2.265-2.53q-1.15-.602-2.687.284q-1.747 1.011-1.93 2.501q-.183 1.493 1.19 3.873l4.716 8.167l-4.28 2.47l-8.994-15.58z"/><path fill="#818cf8" d="M189.056 109.455a18918 18918 0 0 1-58.424-33.761c-.02-.01-.084-.048-.104-.058l-.304-.171a4.42 4.42 0 0 0-4.39.033a26580 26580 0 0 1-58.69 33.926a4.43 4.43 0 0 0-2.218 3.838l-.011 67.976c0 1.583.847 3.048 2.217 3.839a30568 30568 0 0 1 58.769 33.962a4.43 4.43 0 0 0 4.476-.016a990 990 0 0 1 8.782-5.107q3.115-1.792 6.223-3.602c2.107-1.23 27.62-15.94 28.634-16.532a7103 7103 0 0 1 15.015-8.667a4.43 4.43 0 0 0 2.223-3.84l.023-67.978a4.43 4.43 0 0 0-2.221-3.842m-6.664 69.254c-2.992 1.724-52.08 30.08-54.284 31.366a30156 30156 0 0 0-54.33-31.397l.01-62.854a26056 26056 0 0 0 54.274-31.374a19819 19819 0 0 0 54.351 31.409z"/><path fill="#818cf8" d="M4.895 76.045c.057 47.437.125 94.875.059 142.314c41.09 23.7 82.147 47.455 123.195 71.23q61.567-35.55 123.137-71.098c-.058-47.439-.126-94.876-.06-142.315a76985 76985 0 0 1-123.195-71.23zm123.622-19.752a25579 25579 0 0 0 78.595 45.351l-.03 91.291a8451 8451 0 0 0-20.207 11.651c-13.5-23.353-26.98-46.717-40.462-70.081l-38.53 22.21a99430 99430 0 0 0 40.46 70.084c-6.727 3.92-13.502 7.756-20.208 11.708a39961 39961 0 0 0-79.052-45.616l.015-91.291a35391 35391 0 0 0 78.948-45.572l.411.23z"/><path fill="#818cf8" d="M128.15 294.16a4.57 4.57 0 0 1-2.292-.616a75323 75323 0 0 0-123.19-71.225a4.57 4.57 0 0 1-2.286-3.968C.443 174.365.39 129.638.336 86.384L.323 76.049a4.57 4.57 0 0 1 2.287-3.963L125.746.986a4.58 4.58 0 0 1 4.576.004c36.6 21.197 79.858 46.236 123.19 71.227a4.57 4.57 0 0 1 2.288 3.966c-.063 43.743-.009 88.22.042 131.233l.015 11.07a4.58 4.58 0 0 1-2.286 3.965l-123.137 71.096a4.56 4.56 0 0 1-2.285.613M9.528 215.72a79099 79099 0 0 1 118.624 68.587l118.556-68.452l-.01-8.427c-.05-42.152-.102-85.71-.048-128.612a77895 77895 0 0 1-118.624-68.59L9.47 78.683l.01 7.692c.05 42.393.105 86.2.049 129.346m118.606 27.359a4.57 4.57 0 0 1-2.29-.616A39148 39148 0 0 0 46.8 196.855a4.58 4.58 0 0 1-2.29-3.964l.015-91.293c0-1.634.875-3.145 2.29-3.96a33623 33623 0 0 0 78.938-45.567a4.58 4.58 0 0 1 4.537-.027l.41.233a26301 26301 0 0 0 78.69 45.404a4.57 4.57 0 0 1 2.293 3.965l-.028 91.29a4.58 4.58 0 0 1-2.297 3.963c-6.74 3.872-13.47 7.758-20.198 11.644a4.57 4.57 0 0 1-6.245-1.669a104453 104453 0 0 1-38.18-66.127l-30.608 17.646A101142 101142 0 0 0 152.3 224.51a4.57 4.57 0 0 1-1.656 6.238a2056 2056 0 0 1-8.399 4.856a1338 1338 0 0 0-11.79 6.84a4.57 4.57 0 0 1-2.32.635m-74.48-52.83a40187 40187 0 0 1 74.463 42.967c3.18-1.859 6.372-3.697 9.564-5.536l4.418-2.547a101171 101171 0 0 1-38.178-66.132a4.573 4.573 0 0 1 1.677-6.246l38.53-22.21a4.57 4.57 0 0 1 6.243 1.675c12.72 22.044 25.44 44.086 38.173 66.12c4.654-2.686 9.308-5.374 13.968-8.052l.026-86a25993 25993 0 0 1-74.487-42.982a34192 34192 0 0 1-74.383 42.936z"/></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. QIcon.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.