SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Video Player
Interaction Assets 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
2.48 KB
1.42 KB
-43%
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 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/23775/video-player --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <g> <g> <g> <rect x="1" y="4" style="fill:#8697CB;" width="56" height="44"/> <path style="fill:#535D73;" d="M58,49H0V3h58V49z M2,47h54V5H2V47z"/> </g> <polygon style="fill:#FFFFFF;" points="25,33 25,25.954 25,19 36,26 "/> <g> <rect x="1" y="4" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M12,16H0V3h12V16z M2,14h8V5H2V14z"/> </g> <g> <rect x="1" y="15" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M12,27H0V14h12V27z M2,25h8v-9H2V25z"/> </g> <g> <rect x="1" y="26" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M12,38H0V25h12V38z M2,36h8v-9H2V36z"/> </g> <g> <rect x="1" y="37" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M12,49H0V36h12V49z M2,47h8v-9H2V47z"/> </g> <g> <rect x="47" y="4" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M58,16H46V3h12V16z M48,14h8V5h-8V14z"/> </g> <g> <rect x="47" y="15" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M58,27H46V14h12V27z M48,25h8v-9h-8V25z"/> </g> <g> <rect x="47" y="26" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M58,38H46V25h12V38z M48,36h8v-9h-8V36z"/> </g> <g> <rect x="47" y="37" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M58,49H46V36h12V49z M48,47h8v-9h-8V47z"/> </g> </g> <g> <rect x="40" y="41" style="fill:#B1D3EF;" width="20" height="16"/> <path style="fill:#556080;" d="M53,48c0-1.657-1.343-3-3-3s-3,1.343-3,3c0,1.317,0.854,2.424,2.035,2.827 C49.024,50.885,49,50.939,49,51v2c0,0.552,0.448,1,1,1s1-0.448,1-1v-2c0-0.061-0.024-0.115-0.035-0.173 C52.146,50.424,53,49.317,53,48z"/> <path style="fill:#BDC3C7;" d="M45,39c0-2.757,2.243-5,5-5s5,2.243,5,5v2h2v-2c0-3.86-3.14-7-7-7s-7,3.14-7,7v2h2V39z"/> </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
2.48 KB
1.42 KB
-43%
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 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/23775/video-player --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <g> <g> <g> <rect x="1" y="4" style="fill:#8697CB;" width="56" height="44"/> <path style="fill:#535D73;" d="M58,49H0V3h58V49z M2,47h54V5H2V47z"/> </g> <polygon style="fill:#FFFFFF;" points="25,33 25,25.954 25,19 36,26 "/> <g> <rect x="1" y="4" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M12,16H0V3h12V16z M2,14h8V5H2V14z"/> </g> <g> <rect x="1" y="15" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M12,27H0V14h12V27z M2,25h8v-9H2V25z"/> </g> <g> <rect x="1" y="26" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M12,38H0V25h12V38z M2,36h8v-9H2V36z"/> </g> <g> <rect x="1" y="37" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M12,49H0V36h12V49z M2,47h8v-9H2V47z"/> </g> <g> <rect x="47" y="4" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M58,16H46V3h12V16z M48,14h8V5h-8V14z"/> </g> <g> <rect x="47" y="15" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M58,27H46V14h12V27z M48,25h8v-9h-8V25z"/> </g> <g> <rect x="47" y="26" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M58,38H46V25h12V38z M48,36h8v-9h-8V36z"/> </g> <g> <rect x="47" y="37" style="fill:#687492;" width="10" height="11"/> <path style="fill:#535D73;" d="M58,49H46V36h12V49z M48,47h8v-9h-8V47z"/> </g> </g> <g> <rect x="40" y="41" style="fill:#B1D3EF;" width="20" height="16"/> <path style="fill:#556080;" d="M53,48c0-1.657-1.343-3-3-3s-3,1.343-3,3c0,1.317,0.854,2.424,2.035,2.827 C49.024,50.885,49,50.939,49,51v2c0,0.552,0.448,1,1,1s1-0.448,1-1v-2c0-0.061-0.024-0.115-0.035-0.173 C52.146,50.424,53,49.317,53,48z"/> <path style="fill:#BDC3C7;" d="M45,39c0-2.757,2.243-5,5-5s5,2.243,5,5v2h2v-2c0-3.86-3.14-7-7-7s-7,3.14-7,7v2h2V39z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download