IconSearch logoIconsearch
Home/Libraries/Glyphs (Iconify)/playback-speed-outline
← Back to Search
Glyphs (Iconify)

PlaybackSpeedOutline

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 80 80"><g fill="none"><path fill="#818cf8" fill-opacity=".25" d="M14 40q0-.284.006-.567a2 2 0 0 0-3.999-.087a30 30 0 0 0 0 1.309a2 2 0 0 0 4-.088A26 26 0 0 1 14 40m-.821 8.284a2 2 0 0 0-1.14 2.59a30 30 0 0 0 .502 1.208a2 2 0 1 0 3.66-1.61a26 26 0 0 1-.433-1.049a2 2 0 0 0-2.59-1.139m.001-16.568a2 2 0 0 0 2.589-1.14a26 26 0 0 1 .434-1.047a2 2 0 1 0-3.661-1.611a29 29 0 0 0-.501 1.209a2 2 0 0 0 1.139 2.589m5.211 26.202a2 2 0 0 0-.06 2.827a30 30 0 0 0 .925.926a2 2 0 1 0 2.766-2.89a27 27 0 0 1-.803-.802a2 2 0 0 0-2.827-.061m-.001-35.836a2 2 0 0 0 2.828-.061a27 27 0 0 1 .803-.803a2 2 0 1 0-2.766-2.889a30 30 0 0 0-.926.926a2 2 0 0 0 .062 2.827m8.502 42.741a2 2 0 0 0 1.025 2.636a29 29 0 0 0 1.209.501a2 2 0 1 0 1.45-3.728a26 26 0 0 1-1.048-.434a2 2 0 0 0-2.637 1.025m.001-49.646a2 2 0 0 0 2.636 1.025a26 26 0 0 1 1.048-.434a2 2 0 0 0-1.45-3.728a30 30 0 0 0-1.21.5a2 2 0 0 0-1.025 2.637M37.39 12.05a2 2 0 0 0 2.043 1.956Q39.717 14 40 14a26 26 0 1 1-.567 51.994a2 2 0 0 0-.087 3.999Q39.673 70 40 70a30 30 0 1 0-.654-59.993a2 2 0 0 0-1.956 2.043"/><path fill="#818cf8" fill-opacity=".25" fill-rule="evenodd" d="M35.131 27.858c-2.665-1.454-5.915.475-5.915 3.511v17.262c0 3.036 3.25 4.965 5.915 3.511l15.824-8.63c2.779-1.517 2.779-5.507 0-7.024zm-1.915 3.511L49.039 40l-15.823 8.63z" clip-rule="evenodd"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M14 40q0-.284.006-.567a2 2 0 0 0-3.999-.087a30 30 0 0 0 0 1.309a2 2 0 0 0 4-.088A26 26 0 0 1 14 40m-.821 8.284a2 2 0 0 0-1.14 2.59a30 30 0 0 0 .502 1.208a2 2 0 1 0 3.66-1.61a26 26 0 0 1-.433-1.049a2 2 0 0 0-2.59-1.139m.001-16.568a2 2 0 0 0 2.589-1.14a26 26 0 0 1 .434-1.047a2 2 0 1 0-3.661-1.611a29 29 0 0 0-.501 1.209a2 2 0 0 0 1.139 2.589m5.211 26.202a2 2 0 0 0-.06 2.827a30 30 0 0 0 .925.926a2 2 0 1 0 2.766-2.89a27 27 0 0 1-.803-.802a2 2 0 0 0-2.827-.061m-.001-35.836a2 2 0 0 0 2.828-.061a27 27 0 0 1 .803-.803a2 2 0 1 0-2.766-2.889a30 30 0 0 0-.926.926a2 2 0 0 0 .062 2.827m8.502 42.741a2 2 0 0 0 1.025 2.636a29 29 0 0 0 1.209.501a2 2 0 1 0 1.45-3.728a26 26 0 0 1-1.048-.434a2 2 0 0 0-2.637 1.025m.001-49.646a2 2 0 0 0 2.636 1.025a26 26 0 0 1 1.048-.434a2 2 0 0 0-1.45-3.728a30 30 0 0 0-1.21.5a2 2 0 0 0-1.025 2.637M37.39 12.05a2 2 0 0 0 2.043 1.956Q39.717 14 40 14a26 26 0 1 1-.567 51.994a2 2 0 0 0-.087 3.999Q39.673 70 40 70a30 30 0 1 0-.654-59.993a2 2 0 0 0-1.956 2.043"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M35.131 27.858c-2.665-1.454-5.915.475-5.915 3.511v17.262c0 3.036 3.25 4.965 5.915 3.511l15.824-8.63c2.779-1.517 2.779-5.507 0-7.024zm-1.915 3.511L49.039 40l-15.823 8.63z" clip-rule="evenodd"/></g></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. PlaybackSpeedOutlineIcon.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.

Related Icons in Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →
a
a
a-bold
a-bold
a-duo
a-duo
a-outline
a-outline
accessible
accessible
accessible-bold
accessible-bold
accessible-duo
accessible-duo
accessible-outline
accessible-outline
activity
activity
activity-1
activity-1
activity-1-bold
activity-1-bold
activity-1-duo
activity-1-duo