Home/Libraries/Web3 Icons Branded (Iconify)/gq

Web3 Icons Branded (Iconify)

Gq

License: MITCommercial 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 24 24"><g fill="none"><path fill="#818cf8" d="M18.044 4.765H5.849c-.641 0-1.16.52-1.16 1.16V18.26a1.16 1.16 0 0 0 1.16 1.161h12.195c.64 0 1.16-.52 1.16-1.16V5.924c0-.64-.52-1.16-1.16-1.16"/><path fill="#818cf8" d="M17.44 5.362H6.445c-.64 0-1.16.52-1.16 1.161V17.65c0 .64.52 1.16 1.16 1.16H17.44c.64 0 1.16-.52 1.16-1.16V6.523c0-.641-.52-1.16-1.16-1.16"/><path fill="#818cf8" d="M16.644 6.482H7.358c-.641 0-1.161.52-1.161 1.161v9.287c0 .641.52 1.16 1.16 1.16h9.287a1.16 1.16 0 0 0 1.161-1.16V7.643c0-.64-.52-1.16-1.16-1.16"/><path fill="#818cf8" d="M3.875 8.775v7.261c0 .285.157.546.407.685l7.487 4.185c.145.081.32.081.464 0l7.488-4.179a.8.8 0 0 0 .406-.69V8.774a6.36 6.36 0 0 0-2.38 1.858v4.213l-5.549 3.274a.39.39 0 0 1-.394 0l-5.549-3.28V10.62a6.36 6.36 0 0 0-2.374-1.857z"/><path fill="url(#SVGNlwdkbVI)" d="M18.177 10.127a3 3 0 0 0-.424.5v4.219L12.2 18.119a.39.39 0 0 1-.395 0l-5.549-3.28V10.62a3.2 3.2 0 0 0-.424-.499v4.957l5.758 3.39c.255.15.58.15.836 0l5.758-3.39V10.12z"/><path fill="url(#SVG7qVO1cgp)" d="M19.698 16.037a.37.37 0 0 1-.192.325l-7.482 4.179a.05.05 0 0 1-.046 0L4.49 16.36a.37.37 0 0 1-.185-.325V8.98a3 3 0 0 0-.43-.198v7.261c0 .285.157.546.407.685l7.487 4.185c.145.081.32.081.464 0l7.488-4.179a.8.8 0 0 0 .406-.69v-7.27a3 3 0 0 0-.43.198z"/><path fill="#818cf8" d="m4.16 17.93l6.024-4.139l1.004.929l-3.761 5.99a.68.68 0 0 1-1.033.087L4.1 18.574a.416.416 0 0 1 .058-.639z"/><path fill="url(#SVGGCCmjdTQ)" d="m3.474 17.58l6.037-4.132l1.492 1.115l-4.255 5.804a.684.684 0 0 1-1.033.093l-2.293-2.23a.42.42 0 0 1 .058-.637z"/><path fill="url(#SVGCTUi8cgJ)" d="m9.505 13.447l-6.03 4.133a.42.42 0 0 0-.058.644l.191.186a.418.418 0 0 1 .058-.65l6.072-4.156l-.233-.163z"/><path fill="url(#SVGG6979YtZ)" d="M3.41 17.645a.42.42 0 0 0 .012.58l2.293 2.229c.296.29.783.25 1.033-.093l4.254-5.804l-.278-.21l-3.988 5.434a.684.684 0 0 1-1.033.092L3.411 17.65z"/><path fill="#818cf8" d="m19.843 17.928l-6.025-4.132l-1.004.929l3.76 5.99a.68.68 0 0 0 1.034.087l2.293-2.224a.417.417 0 0 0-.058-.638z"/><path fill="url(#SVGpAjdT14S)" d="m20.527 17.58l-6.036-4.132l-1.492 1.115l4.255 5.804a.684.684 0 0 0 1.033.093l2.293-2.23a.42.42 0 0 0-.058-.637z"/><path fill="url(#SVGRTsrHdSK)" d="m14.497 13.447l6.03 4.133c.215.15.244.464.059.644l-.192.186a.42.42 0 0 0 .127-.34a.42.42 0 0 0-.185-.31l-6.071-4.156l.232-.163z"/><path fill="url(#SVGjLv2LdDi)" d="M20.591 17.645a.407.407 0 0 1-.012.58l-2.292 2.229a.684.684 0 0 1-1.033-.093l-4.255-5.804l.279-.21l3.987 5.434a.684.684 0 0 0 1.033.092l2.293-2.223z"/><path fill="#818cf8" fill-rule="evenodd" d="M12.001 15.189a3.482 3.482 0 1 0 0-6.964a3.482 3.482 0 0 0 0 6.964m0-1.161a2.322 2.322 0 1 0 0-4.643a2.322 2.322 0 0 0 0 4.643" clip-rule="evenodd"/><path fill="#818cf8" d="M12.001 13.442a1.741 1.741 0 1 0 0-3.483a1.741 1.741 0 0 0 0 3.483"/><path fill="url(#SVG26UqXBmb)" d="M12 12.862a1.16 1.16 0 1 0 0-2.322a1.16 1.16 0 0 0 0 2.322"/><path fill="#818cf8" d="M12.117 11.039c.052.168-.116.36-.365.43c-.244.069-.488 0-.534-.175c-.047-.162.116-.348.365-.424c.25-.07.488 0 .534.175z"/><path fill="#818cf8" d="M5.54 6.802L11.967 3l6.431 3.802l-1.788 1.433a.27.27 0 0 1-.313.024l-4.33-2.572l-4.33 2.572a.27.27 0 0 1-.313-.024z"/><defs><linearGradient id="SVGNlwdkbVI" x1="11.992" x2="11.992" y1=".134" y2="26.081" gradientUnits="userSpaceOnUse"><stop stop-color="#9fc3df"/><stop offset=".76" stop-color="#738fb7"/><stop offset="1" stop-color="#6981ae"/></linearGradient><linearGradient id="SVG7qVO1cgp" x1="12" x2="12" y1="3" y2="20.996" gradientUnits="userSpaceOnUse"><stop stop-color="#9fc3df"/><stop offset=".76" stop-color="#738fb7"/><stop offset="1" stop-color="#6981ae"/></linearGradient><linearGradient id="SVGGCCmjdTQ" x1="17.584" x2="4.83" y1="5.016" y2="15.308" gradientUnits="userSpaceOnUse"><stop stop-color="#243c49"/><stop offset="1" stop-color="#718fbb"/></linearGradient><linearGradient id="SVGCTUi8cgJ" x1="19.893" x2=".665" y1="4.766" y2="14.106" gradientUnits="userSpaceOnUse"><stop stop-color="#bdd3ec"/><stop offset=".31" stop-color="#ceeaff"/><stop offset="1" stop-color="#809dc2"/></linearGradient><linearGradient id="SVGG6979YtZ" x1="17.585" x2="3.525" y1="2.735" y2="12.653" gradientUnits="userSpaceOnUse"><stop stop-color="#021125"/><stop offset="1" stop-color="#365e81"/></linearGradient><linearGradient id="SVGpAjdT14S" x1="6.415" x2="19.169" y1="5.016" y2="15.308" gradientUnits="userSpaceOnUse"><stop stop-color="#243c49"/><stop offset="1" stop-color="#718fbb"/></linearGradient><linearGradient id="SVGRTsrHdSK" x1="4.107" x2="23.34" y1="4.766" y2="14.112" gradientUnits="userSpaceOnUse"><stop stop-color="#bdd3ec"/><stop offset=".31" stop-color="#ceeaff"/><stop offset="1" stop-color="#809dc2"/></linearGradient><linearGradient id="SVGjLv2LdDi" x1="6.413" x2="20.47" y1="2.735" y2="12.645" gradientUnits="userSpaceOnUse"><stop stop-color="#021125"/><stop offset="1" stop-color="#365e81"/></linearGradient><linearGradient id="SVG26UqXBmb" x1="8.473" x2="16.905" y1="3" y2="18.476" gradientUnits="userSpaceOnUse"><stop stop-color="#aedcf3"/><stop offset="1" stop-color="#56cae8"/></linearGradient></defs></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. GqIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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

Related Icons in Web3 Icons Branded (Iconify)

Browse all Web3 Icons Branded (Iconify) icons →

0x0

aag

aart

aave