Home/Libraries/Freehand free icons (Iconify)/paginate-filter-music

Freehand free icons (Iconify)

PaginateFilterMusic

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="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.48 6.54c-.07-1.598-.17-2.996-.31-3.995a3.17 3.17 0 0 0-.59-1.539a2.14 2.14 0 0 0-1.479-.779a65 65 0 0 0-8.81-.14c-1.988.05-3.965.294-5.904.73a3.65 3.65 0 0 0-1.569 1.048c-.3.35-.496.775-.57 1.229a37 37 0 0 0 0 5.794c.086 2.87.34 5.732.76 8.571c.116.5.42.937.85 1.22c.554.36 1.188.579 1.847.638c1.28.086 2.566.086 3.846 0c2.997-.11 6.603-.41 8.821-.529a.33.33 0 0 0 .32-.35a.32.32 0 0 0-.218-.304a.3.3 0 0 0-.132-.015c-2.218.09-5.864.32-8.81.38c-1.24.046-2.482.013-3.717-.1a3.4 3.4 0 0 1-1.229-.38a1.2 1.2 0 0 1-.58-.74a69 69 0 0 1-.638-6.992a45 45 0 0 1 0-6.993c.057-.312.215-.596.45-.81c.25-.255.553-.453.888-.579a29 29 0 0 1 5.634-.69a67 67 0 0 1 8.652 0a1.13 1.13 0 0 1 .829.42c.22.293.36.637.41 1c.17.998.299 2.367.399 3.935c.22 3.347.32 7.383.41 9.32c.02.456-.072.91-.27 1.32a1.11 1.11 0 0 1-.88.719a.29.29 0 0 0-.27.186a.3.3 0 0 0 .28.404a1.56 1.56 0 0 0 1.25-.74c.369-.57.557-1.239.539-1.918c-.05-1.868-.07-5.964-.21-9.32"/><path d="M19.463 20.416a.34.34 0 0 0-.38.29a7 7 0 0 1-.21.999c-.1.34-.18.55-.329.6a32.4 32.4 0 0 1-6.144.619c-3.11.134-6.227.074-9.33-.18a1.14 1.14 0 0 1-.79-.43a2.24 2.24 0 0 1-.389-.999c-.21-1.328-.35-3.326-.47-5.474c-.18-3.127-.31-6.503-.409-8.242a3 3 0 0 1 .25-1.358a1.12 1.12 0 0 1 .889-.76a.3.3 0 0 0 .267-.412a.29.29 0 0 0-.277-.177a1.58 1.58 0 0 0-1.269.76a3.37 3.37 0 0 0-.56 1.997c0 1.998 0 6.184.13 9.65c.07 1.659.19 3.147.34 4.176c.075.544.28 1.062.6 1.509a2.2 2.2 0 0 0 1.568.859a66 66 0 0 0 7.922.07a39 39 0 0 0 7.882-.93a1.1 1.1 0 0 0 .63-.649c.195-.489.32-1.004.369-1.528a.34.34 0 0 0-.29-.39"/><path d="M16.446 9.268a2.76 2.76 0 0 0-1.868 1.248a1.85 1.85 0 0 0 .05 1.889a2.24 2.24 0 0 0 1.588.999q.34.03.68 0q.353-.034.69-.15a2.46 2.46 0 0 0 1.617-1.908a11 11 0 0 0-.21-3.207l-.21-1.858s-.07-2.278-.339-2.278a9.25 9.25 0 0 0-3.996.34c-1.171.31-2.292.788-3.326 1.418a1.4 1.4 0 0 0-.45.45a1.9 1.9 0 0 0-.18.68q-.03.413 0 .828c.107 1.058.304 2.104.59 3.127h-.29a2.5 2.5 0 0 0-1.518.46a2.76 2.76 0 0 0-1 1.238a2.57 2.57 0 0 0-.05 1.808a1.62 1.62 0 0 0 1 1q.277.109.569.17q.3.068.61.08a1.89 1.89 0 0 0 1.498-.61a3.1 3.1 0 0 0 .64-2.048a9 9 0 0 0-.18-1.698a27 27 0 0 1-.76-3.577a4 4 0 0 1-.06-.699a.7.7 0 0 1 0-.25s.28-.23.55-.39a13.2 13.2 0 0 1 3.296-1.378a7.8 7.8 0 0 1 2.728-.28q-.068 1.786.07 3.567c0 .41 0 .859.06 1.308a2.5 2.5 0 0 0-1.799-.28m-5.254 4.805a.84.84 0 0 1-.77.43h-.42a3 3 0 0 1-.439-.11a.76.76 0 0 1-.51-.56a1.83 1.83 0 0 1 0-.999c.12-.365.346-.685.65-.919a1.86 1.86 0 0 1 1.059-.4h.45c0 .15.05.3.07.44q.078.496.08.999a2.3 2.3 0 0 1-.17 1.119m6.913-3.826a.26.26 0 0 0 .16.09a5 5 0 0 1-.12.779a1.45 1.45 0 0 1-.95 1.089q-.197.075-.41.09q-.225.021-.449 0a1.08 1.08 0 0 1-.819-.47a.88.88 0 0 1-.09-.889a1.9 1.9 0 0 1 1.209-.9a1.53 1.53 0 0 1 1.468.21"/></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. PaginateFilterMusicIcon.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.