Home/Libraries/Devicon Plain (Iconify)/quasar

Devicon Plain (Iconify)

Quasar

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 128 128"><path fill="#818cf8" d="M73.273 64a9.274 9.274 0 1 1-18.548-.001A9.274 9.274 0 0 1 73.273 64m31.891-23.773a47 47 0 0 0-7.289-9.528l-10.727 6.188a35.9 35.9 0 0 0-11.187-6.489a44 44 0 0 0-8.66 12.364C79.238 41.949 91.562 46.273 103 55.21l6.75-3.898a47.3 47.3 0 0 0-4.586-11.086ZM64 111.523a47.6 47.6 0 0 0 11.887-1.546V97.602a35.7 35.7 0 0 0 11.215-6.454a44.2 44.2 0 0 0-6.375-13.687c-5.266 10.738-15.165 19.25-28.625 24.687v7.79A46.2 46.2 0 0 0 64 111.522ZM22.836 40.238a47.2 47.2 0 0 0-4.598 11.075L28.961 57.5c-.793 4.273-.8 8.66-.023 12.938a44 44 0 0 0 15.039 1.324C37.3 61.836 34.887 49 36.898 34.625l-6.75-3.898a47 47 0 0 0-7.312 9.511M64 .125C28.723.125.125 28.723.125 64S28.723 127.875 64 127.875S127.875 99.277 127.875 64S99.277.125 64 .125m0 8.176c30.71 0 55.7 24.988 55.7 55.699S94.71 119.7 64 119.7S8.3 94.71 8.3 64S33.29 8.3 64 8.3Zm0 8.16a47.8 47.8 0 0 0-11.887 1.55v12.376a35.6 35.6 0 0 0-11.215 6.449a44.1 44.1 0 0 0 6.375 13.687c5.266-10.734 15.164-19.25 28.625-24.687V18.05A47.2 47.2 0 0 0 64 16.46ZM89.09 56.1a45 45 0 0 0-5.05.137c6.67 9.926 9.085 22.762 7.073 37.137l6.75 3.898a48 48 0 0 0 7.301-9.511c2-3.473 3.535-7.2 4.598-11.075L99.05 70.5c.8-4.324.8-8.7.023-12.938a44 44 0 0 0-9.984-1.46ZM25 72.774l-6.75 3.903a48.2 48.2 0 0 0 4.586 11.086a47 47 0 0 0 7.289 9.527l10.727-6.187a35.8 35.8 0 0 0 11.187 6.484a44 44 0 0 0 8.66-12.36C48.762 86.04 36.438 81.712 25 72.774m0 0"/></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. QuasarIcon.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.