Home/Libraries/Freehand free icons (Iconify)/multimedia-controls-button-next

Freehand free icons (Iconify)

MultimediaControlsButtonNext

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"><path fill="#818cf8" d="M23.878 10.383a10.54 10.54 0 0 0-1.8-4.692A11.94 11.94 0 0 0 12.763.33A12.44 12.44 0 0 0 2.76 4.531A11.78 11.78 0 0 0 .979 16.806c1.58 3.561 5.102 6.352 10.264 6.823c.925.08 1.856.08 2.781 0c.936-.08 1.86-.268 2.751-.56a.342.342 0 1 0-.21-.65c-.838.261-1.704.426-2.58.49q-1.334.088-2.662-.06c-4.782-.51-8.003-3.122-9.424-6.443A10.7 10.7 0 0 1 3.68 5.27a11.36 11.36 0 0 1 9.004-3.811a11 11 0 0 1 8.603 4.772a9.8 9.8 0 0 1 1.74 4.271a12.4 12.4 0 0 1-.18 4.682a11 11 0 0 1-.86 2.641a5.5 5.5 0 0 1-1.79 2.001a.3.3 0 0 0-.08.42a.31.31 0 0 0 .42.08a6.2 6.2 0 0 0 1.72-1.69a10.8 10.8 0 0 0 1.351-3.292c.406-1.621.498-3.306.27-4.962"/><path fill="#818cf8" d="M17.806 8.002a2.8 2.8 0 0 0-.26-.92a1.14 1.14 0 0 0-.5-.37a3.24 3.24 0 0 0-1.411-.19a1.45 1.45 0 0 0-1.36.82q-.096 1.456 0 2.911c.09 2.611.34 6.123.43 6.503a.79.79 0 0 0 .6.59c.41.075.83.075 1.24 0a.34.34 0 0 0 .31-.37a.34.34 0 0 0-.37-.31q-.294.015-.59 0a1 1 0 0 1-.37-.06h-.07c0-.25-.06-1.84-.08-3.612c-.06-6.002-.43-5.542 1-5.282h.17c0 .1.13.35.18.6c.13.83.26 2.121.34 3.462c.12 1.441.12 2.89 0 4.332a.32.32 0 0 0 .24.36a.3.3 0 0 0 .35-.25c.272-1.774.382-3.569.33-5.362a26 26 0 0 0-.18-2.852M6.341 10.453a.32.32 0 0 0-.32.29l-.32 3.912a4.6 4.6 0 0 0 .13 2a1 1 0 0 0 1.21.481a17.8 17.8 0 0 0 3.642-2.31a11.3 11.3 0 0 0 1.69-1.551c.201-.212.34-.475.4-.76a1.3 1.3 0 0 0-.2-.771a7.3 7.3 0 0 0-1.26-1.44a17.3 17.3 0 0 0-4.332-3.052a.66.66 0 0 0-.8.42a5 5 0 0 0-.12 1.941a.34.34 0 0 0 .36.32a.35.35 0 0 0 .33-.36a6.2 6.2 0 0 1 .06-1.31a.8.8 0 0 1 .07-.2a13.8 13.8 0 0 1 2.661 2a16 16 0 0 1 1.731 1.78q.203.226.38.471v.07c-.07.08-.2.18-.3.28q-.64.718-1.37 1.34c-.63.511-1.331 1.001-1.921 1.451q-.568.448-1.21.78c-.06 0-.11.07-.15 0a.64.64 0 0 1-.1-.32q-.033-.615 0-1.23l.08-3.911a.31.31 0 0 0-.34-.32"/><path fill="#818cf8" d="M11.653 12.364v.11c0-.02.02-.03 0-.04Z"/></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. MultimediaControlsButtonNextIcon.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.