Home/Libraries/Freehand free icons (Iconify)/multimedia-controls-single-track

Freehand free icons (Iconify)

MultimediaControlsSingleTrack

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="M5.498 8.66a.36.36 0 0 0 0-.5c-.571-.692-3.155-2.785-4.006-3.877l-.06-.12c.13-.1.33-.23.48-.37C2.914 2.94 4.416 1.579 5.207.928l.44-.34a.3.3 0 0 0 .171-.34s-.21-.391-.51-.19l-.19.12c-.341.22-1.063.68-1.834 1.211c-.77.53-1.832 1.282-2.403 1.753c-.304.22-.543.517-.691.861a1 1 0 0 0 .12.6c.204.34.457.647.751.912C2.223 6.617 4.436 8.07 4.977 8.63a.35.35 0 0 0 .52.03m18.158 10.746a3.3 3.3 0 0 0-.751-.911c-1.152-1.082-3.365-2.534-3.926-3.095a.35.35 0 1 0-.521.47c.56.692 3.155 2.785 4.006 3.877l.06.12c-.14.1-.33.23-.49.37a121 121 0 0 1-3.286 2.865c-.2.16-.34.29-.42.34a.3.3 0 0 0-.14.31s.2.391.51.19l.18-.12a54 54 0 0 0 1.843-1.211c.772-.531 1.833-1.282 2.404-1.753c.303-.229.541-.532.691-.881a.9.9 0 0 0-.16-.571"/><path d="M3.134 4.434a.31.31 0 0 0 .39.21a34 34 0 0 1 6.77-.26c.952 0 1.924 0 2.875.09c1.562 0 3.065.12 4.307.21q1.193.077 2.363.32c.15 0 .27 0 .31.09c.317.707.451 1.482.391 2.254c.08 1.352 0 2.924 0 4.006a.36.36 0 0 0 .34.37a.35.35 0 0 0 .361-.34c.08-1.262.22-3.225.17-4.717a4.2 4.2 0 0 0-.52-2.263a4.8 4.8 0 0 0-2.294-.711a44 44 0 0 0-4.867-.34c-4.216-.081-9.014.27-10.426.74a.31.31 0 0 0-.17.34m16.475 15.594a.38.38 0 0 0 .21-.24a.35.35 0 0 0-.12-.34c-.24-.211-1.142.1-1.733.11c-1.612 0-4.256 0-6.83-.11c-1.632-.051-3.245-.091-4.537-.151q-1.217-.045-2.413-.27a9 9 0 0 1-.3-1.673c-.171-1.502-.261-3.455-.311-4.747a.37.37 0 0 0-.506-.323a.34.34 0 0 0-.205.333c0 1.312 0 3.295.07 4.817a7.4 7.4 0 0 0 .36 2.213a.73.73 0 0 0 .24.27c.28.145.58.24.892.281q1.804.26 3.625.3c1.112 0 2.354.06 3.586 0c2.924 0 5.838-.24 7.16-.4q.41.013.812-.07"/><path d="M10.365 15.25h2.323c.641 0 1.262-.11 1.893-.18a.36.36 0 0 0 0-.711c-.54-.07-1.071-.18-1.612-.24c.06-1.002.15-1.934.17-2.915V9.722a8 8 0 0 0-.15-1.493c-.08-.28-.22-.54-.41-.76a.66.66 0 0 0-.692-.231c-.24.087-.458.223-.64.4q-.21.225-.391.471a6 6 0 0 0-.471.761q-.18.253-.29.541a.38.38 0 0 0 .08.35a.32.32 0 0 0 .32.12a.31.31 0 0 0 .29-.31c.09 0 .18-.29.2-.32s.271-.34.421-.5q.208-.222.451-.401q.015.16 0 .32c.05.41 0 .861.06 1.202l.27 4.286h-.77l-1.162.32l-.4.13c-.181 0-.181.151-.121.281c.25.37.14.36.63.36"/></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. MultimediaControlsSingleTrackIcon.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.