SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Video Player Ui
Essentials 2
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
3.33 KB
2.58 KB
-22%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/182602/video-player-ui --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g transform="translate(0 1)"> <polygon style="fill:#F0F0F0;" points="36.571,497.286 512,497.286 512,332.714 36.571,332.714 "/> <polygon style="fill:#E0E0E0;" points="283.429,497.286 484.571,497.286 484.571,332.714 283.429,332.714 "/> <polygon style="fill:#EEEEEE;" points="0,497.286 201.143,497.286 201.143,332.714 0,332.714 "/> <polygon style="fill:#F0F0F0;" points="36.571,497.286 457.143,497.286 457.143,332.714 36.571,332.714 "/> <polygon style="fill:#E2E3E5;" points="36.571,332.714 512,332.714 512,12.714 36.571,12.714 "/> <polygon style="fill:#CCCCCC;" points="283.429,332.714 484.571,332.714 484.571,12.714 283.429,12.714 "/> <polygon style="fill:#FFFFFF;" points="9.143,332.714 210.286,332.714 210.286,12.714 9.143,12.714 "/> <polygon style="fill:#E2E3E5;" points="36.571,332.714 457.143,332.714 457.143,12.714 36.571,12.714 "/> <polygon style="fill:#E0E0E0;" points="201.143,232.143 201.143,168.143 201.143,104.143 301.714,168.143 "/> <path style="fill:#F0F0F0;" d="M265.143,168.143L198.4,125.171c0,2.743,0,6.4,0.914,9.143c5.486,23.771,0.914,53.943-1.829,76.8 L265.143,168.143z"/> <g> <path style="fill:#B6B6B6;" d="M201.143,241.286c-1.829,0-2.743,0-4.571-0.914c-2.743-1.829-4.571-4.571-4.571-8.229v-128 c0-3.657,1.829-6.4,4.571-8.229c2.743-1.829,6.4-1.829,9.143,0l100.571,64c2.743,1.829,4.571,4.571,4.571,7.314 c0,2.743-1.829,6.4-4.571,7.314l-100.571,64C204.8,240.371,202.971,241.286,201.143,241.286z M210.286,120.6v95.086l74.057-47.543 L210.286,120.6z"/> <path style="fill:#B6B6B6;" d="M484.571,341.857H9.143C3.657,341.857,0,338.2,0,332.714v-320c0-5.486,3.657-9.143,9.143-9.143 h475.429c5.486,0,9.143,3.657,9.143,9.143v320C493.714,338.2,490.057,341.857,484.571,341.857z M18.286,323.571h457.143V21.857 H18.286V323.571z"/> <path style="fill:#B6B6B6;" d="M429.714,424.143H155.429c-5.486,0-9.143-3.657-9.143-9.143c0-5.486,3.657-9.143,9.143-9.143 h274.286c5.486,0,9.143,3.657,9.143,9.143C438.857,420.486,435.2,424.143,429.714,424.143z"/> <path style="fill:#B6B6B6;" d="M201.143,451.571c-5.486,0-9.143-3.657-9.143-9.143v-54.857c0-5.486,3.657-9.143,9.143-9.143 s9.143,3.657,9.143,9.143v54.857C210.286,447.914,206.629,451.571,201.143,451.571z"/> <path style="fill:#B6B6B6;" d="M64,451.571c-5.486,0-9.143-3.657-9.143-9.143v-54.857c0-5.486,3.657-9.143,9.143-9.143 c5.486,0,9.143,3.657,9.143,9.143v54.857C73.143,447.914,69.486,451.571,64,451.571z"/> <path style="fill:#B6B6B6;" d="M100.571,451.571c-5.486,0-9.143-3.657-9.143-9.143v-54.857c0-5.486,3.657-9.143,9.143-9.143 s9.143,3.657,9.143,9.143v54.857C109.714,447.914,106.057,451.571,100.571,451.571z"/> <path style="fill:#B6B6B6;" d="M484.571,506.429H9.143c-5.486,0-9.143-3.657-9.143-9.143V332.714c0-5.486,3.657-9.143,9.143-9.143 h475.429c5.486,0,9.143,3.657,9.143,9.143v164.571C493.714,502.771,490.057,506.429,484.571,506.429z M18.286,488.143h457.143 V341.857H18.286V488.143z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
3.33 KB
2.58 KB
-22%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/182602/video-player-ui --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g transform="translate(0 1)"> <polygon style="fill:#F0F0F0;" points="36.571,497.286 512,497.286 512,332.714 36.571,332.714 "/> <polygon style="fill:#E0E0E0;" points="283.429,497.286 484.571,497.286 484.571,332.714 283.429,332.714 "/> <polygon style="fill:#EEEEEE;" points="0,497.286 201.143,497.286 201.143,332.714 0,332.714 "/> <polygon style="fill:#F0F0F0;" points="36.571,497.286 457.143,497.286 457.143,332.714 36.571,332.714 "/> <polygon style="fill:#E2E3E5;" points="36.571,332.714 512,332.714 512,12.714 36.571,12.714 "/> <polygon style="fill:#CCCCCC;" points="283.429,332.714 484.571,332.714 484.571,12.714 283.429,12.714 "/> <polygon style="fill:#FFFFFF;" points="9.143,332.714 210.286,332.714 210.286,12.714 9.143,12.714 "/> <polygon style="fill:#E2E3E5;" points="36.571,332.714 457.143,332.714 457.143,12.714 36.571,12.714 "/> <polygon style="fill:#E0E0E0;" points="201.143,232.143 201.143,168.143 201.143,104.143 301.714,168.143 "/> <path style="fill:#F0F0F0;" d="M265.143,168.143L198.4,125.171c0,2.743,0,6.4,0.914,9.143c5.486,23.771,0.914,53.943-1.829,76.8 L265.143,168.143z"/> <g> <path style="fill:#B6B6B6;" d="M201.143,241.286c-1.829,0-2.743,0-4.571-0.914c-2.743-1.829-4.571-4.571-4.571-8.229v-128 c0-3.657,1.829-6.4,4.571-8.229c2.743-1.829,6.4-1.829,9.143,0l100.571,64c2.743,1.829,4.571,4.571,4.571,7.314 c0,2.743-1.829,6.4-4.571,7.314l-100.571,64C204.8,240.371,202.971,241.286,201.143,241.286z M210.286,120.6v95.086l74.057-47.543 L210.286,120.6z"/> <path style="fill:#B6B6B6;" d="M484.571,341.857H9.143C3.657,341.857,0,338.2,0,332.714v-320c0-5.486,3.657-9.143,9.143-9.143 h475.429c5.486,0,9.143,3.657,9.143,9.143v320C493.714,338.2,490.057,341.857,484.571,341.857z M18.286,323.571h457.143V21.857 H18.286V323.571z"/> <path style="fill:#B6B6B6;" d="M429.714,424.143H155.429c-5.486,0-9.143-3.657-9.143-9.143c0-5.486,3.657-9.143,9.143-9.143 h274.286c5.486,0,9.143,3.657,9.143,9.143C438.857,420.486,435.2,424.143,429.714,424.143z"/> <path style="fill:#B6B6B6;" d="M201.143,451.571c-5.486,0-9.143-3.657-9.143-9.143v-54.857c0-5.486,3.657-9.143,9.143-9.143 s9.143,3.657,9.143,9.143v54.857C210.286,447.914,206.629,451.571,201.143,451.571z"/> <path style="fill:#B6B6B6;" d="M64,451.571c-5.486,0-9.143-3.657-9.143-9.143v-54.857c0-5.486,3.657-9.143,9.143-9.143 c5.486,0,9.143,3.657,9.143,9.143v54.857C73.143,447.914,69.486,451.571,64,451.571z"/> <path style="fill:#B6B6B6;" d="M100.571,451.571c-5.486,0-9.143-3.657-9.143-9.143v-54.857c0-5.486,3.657-9.143,9.143-9.143 s9.143,3.657,9.143,9.143v54.857C109.714,447.914,106.057,451.571,100.571,451.571z"/> <path style="fill:#B6B6B6;" d="M484.571,506.429H9.143c-5.486,0-9.143-3.657-9.143-9.143V332.714c0-5.486,3.657-9.143,9.143-9.143 h475.429c5.486,0,9.143,3.657,9.143,9.143v164.571C493.714,502.771,490.057,506.429,484.571,506.429z M18.286,488.143h457.143 V341.857H18.286V488.143z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download