2 Years of Cal ID Pro — FREE (#1   Free Calendly Alternative)

Team features worth $1440 free
12
Days
:
23
Hrs
:
41
Mins
:
06
Secs
100% OFF
Teams
$0
$1,440 Value
  • Remove "Powered By" Branding
  • Unlimited Everything
  • Accept Payments
Get Access Now

No credit card required

Playback Progress Icon SVG

Playback Progress


Playback progress SVG Icon Code | Customize color

You can get svg icon playback progress in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Playback progress

Download

Svg Code

<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="5" width="40" height="26" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 14L28 18L22 22V14Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 40H6" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 40H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 40C17 41.6569 15.6569 43 14 43C12.3431 43 11 41.6569 11 40C11 38.3431 12.3431 37 14 37C15.6569 37 17 38.3431 17 40Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>

Playback progress

Download

Svg Code

<?xml version="1.0" encoding="UTF-8"?><svg style='color: white' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="5" width="40" height="26" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 14L28 18L22 22V14Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 40H6" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 40H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 40C17 41.6569 15.6569 43 14 43C12.3431 43 11 41.6569 11 40C11 38.3431 12.3431 37 14 37C15.6569 37 17 38.3431 17 40Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>

Playback progress

Download

Svg Code

<?xml version="1.0" encoding="UTF-8"?><svg style='color: red' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="5" width="40" height="26" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 14L28 18L22 22V14Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 40H6" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 40H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 40C17 41.6569 15.6569 43 14 43C12.3431 43 11 41.6569 11 40C11 38.3431 12.3431 37 14 37C15.6569 37 17 38.3431 17 40Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>

Playback progress

Download

Svg Code

<?xml version="1.0" encoding="UTF-8"?><svg style='color: blue' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="5" width="40" height="26" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 14L28 18L22 22V14Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 40H6" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 40H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 40C17 41.6569 15.6569 43 14 43C12.3431 43 11 41.6569 11 40C11 38.3431 12.3431 37 14 37C15.6569 37 17 38.3431 17 40Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>

Playback progress

Download

Svg Code

<?xml version="1.0" encoding="UTF-8"?><svg style='color: #f3da35' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="5" width="40" height="26" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 14L28 18L22 22V14Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 40H6" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 40H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 40C17 41.6569 15.6569 43 14 43C12.3431 43 11 41.6569 11 40C11 38.3431 12.3431 37 14 37C15.6569 37 17 38.3431 17 40Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>


Advance Editor

You can edit playback progress as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content





Advertisements



Related Icons


Advertisements

You may like these icons


Looking For More Icons?