IconSearch logoIconsearch
Home/Libraries/PrestaShop Icons (Iconify)/spotify
← Back to Search
PrestaShop Icons (Iconify)

Spotify

License: CC-BY-NC-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 472 488"><path fill="#818cf8" d="M88 408q59-85 162-85q92 0 151 71q67-67 67-162T400.5 69.5T237 2Q142 2 74.5 69.5T7 232q0 105 81 176m273-107q-5 11-17 6q-47-22-101-22q-55 0-103 23q-10 6-14-7q-3-11 5-17q53-25 112-25q62 0 111 25q12 5 7 17m19-59q-3 6-10 6q-3 0-4-1q-60-26-123-26q-64 0-122 26l-1 1h-3q-5 0-11-6l-2-8q0-6 5-9q63-29 134-29q72 0 135 29q5 3 5 9zM92 149q72-29 151-29t151 29q10 5 10 17q0 8-5.5 13.5T385 185q-3 0-4-1q-66-26-138-26q-73 0-137 26q-1 1-4 1q-8 0-14-5.5T82 166q0-10 10-17m158 250q-60 0-96 48q39 15 83 15q54 0 102-23q-35-40-89-40"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. SpotifyIcon.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-NC-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.

Related Icons in PrestaShop Icons (Iconify)

Browse all PrestaShop Icons (Iconify) icons →
30-80
30-80
40-105
40-105
50-120
50-120
60-140
60-140
70-160
70-160
95-200
95-200
aim
aim
aim-alt
aim-alt
airplane
airplane
align-centered
align-centered
align-justified
align-justified
align-left
align-left