SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Music Player
Music Icons 4
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.33 KB
1.76 KB
-24%
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/268475/music-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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect x="59.08" y="91.9" style="fill:#D4CBF6;" width="393.85" height="262.56"/> <rect x="256" y="91.9" style="fill:#AB99EC;" width="196.92" height="262.56"/> <path style="fill:#5B699C;" d="M452.923,374.154H59.077c-10.875,0-19.692-8.817-19.692-19.692V91.897 c0-10.875,8.817-19.692,19.692-19.692h393.846c10.874,0,19.692,8.817,19.692,19.692v262.564 C472.615,365.337,463.797,374.154,452.923,374.154z M78.769,334.769h354.462V111.59H78.769V334.769z"/> <path style="fill:#F4C514;" d="M137.846,295.385c-10.875,0-19.692-8.817-19.692-19.692V223.18c0-10.875,8.817-19.692,19.692-19.692 c10.874,0,19.692,8.817,19.692,19.692v52.513C157.538,286.568,148.72,295.385,137.846,295.385z"/> <path style="fill:#E9D535;" d="M216.615,295.385c-10.875,0-19.692-8.817-19.692-19.692v-91.897c0-10.875,8.817-19.692,19.692-19.692 c10.874,0,19.692,8.817,19.692,19.692v91.897C236.308,286.568,227.489,295.385,216.615,295.385z"/> <path style="fill:#AF6D00;" d="M295.385,295.385c-10.875,0-19.692-8.817-19.692-19.692V170.667c0-10.875,8.817-19.692,19.692-19.692 c10.874,0,19.692,8.817,19.692,19.692v105.026C315.077,286.568,306.259,295.385,295.385,295.385z"/> <path style="fill:#DA50A1;" d="M374.154,295.385c-10.875,0-19.692-8.817-19.692-19.692v-65.641c0-10.875,8.817-19.692,19.692-19.692 c10.874,0,19.692,8.817,19.692,19.692v65.641C393.846,286.568,385.028,295.385,374.154,295.385z"/> <path style="fill:#2D4175;" d="M452.923,72.205H256v39.385h177.231v223.179H256v39.385h196.923c10.874,0,19.692-8.817,19.692-19.692 V91.897C472.615,81.022,463.797,72.205,452.923,72.205z"/> <path style="fill:#9E8CEC;" d="M492.308,334.769H19.692C8.817,334.769,0,343.586,0,354.462c0,47.053,38.281,85.333,85.333,85.333 h341.333c47.053,0,85.333-38.281,85.333-85.333C512,343.586,503.182,334.769,492.308,334.769z"/> <path style="fill:#6A56CF;" d="M492.308,334.769H256v105.026h170.667c47.053,0,85.333-38.281,85.333-85.333 C512,343.586,503.182,334.769,492.308,334.769z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.33 KB
1.76 KB
-24%
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/268475/music-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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect x="59.08" y="91.9" style="fill:#D4CBF6;" width="393.85" height="262.56"/> <rect x="256" y="91.9" style="fill:#AB99EC;" width="196.92" height="262.56"/> <path style="fill:#5B699C;" d="M452.923,374.154H59.077c-10.875,0-19.692-8.817-19.692-19.692V91.897 c0-10.875,8.817-19.692,19.692-19.692h393.846c10.874,0,19.692,8.817,19.692,19.692v262.564 C472.615,365.337,463.797,374.154,452.923,374.154z M78.769,334.769h354.462V111.59H78.769V334.769z"/> <path style="fill:#F4C514;" d="M137.846,295.385c-10.875,0-19.692-8.817-19.692-19.692V223.18c0-10.875,8.817-19.692,19.692-19.692 c10.874,0,19.692,8.817,19.692,19.692v52.513C157.538,286.568,148.72,295.385,137.846,295.385z"/> <path style="fill:#E9D535;" d="M216.615,295.385c-10.875,0-19.692-8.817-19.692-19.692v-91.897c0-10.875,8.817-19.692,19.692-19.692 c10.874,0,19.692,8.817,19.692,19.692v91.897C236.308,286.568,227.489,295.385,216.615,295.385z"/> <path style="fill:#AF6D00;" d="M295.385,295.385c-10.875,0-19.692-8.817-19.692-19.692V170.667c0-10.875,8.817-19.692,19.692-19.692 c10.874,0,19.692,8.817,19.692,19.692v105.026C315.077,286.568,306.259,295.385,295.385,295.385z"/> <path style="fill:#DA50A1;" d="M374.154,295.385c-10.875,0-19.692-8.817-19.692-19.692v-65.641c0-10.875,8.817-19.692,19.692-19.692 c10.874,0,19.692,8.817,19.692,19.692v65.641C393.846,286.568,385.028,295.385,374.154,295.385z"/> <path style="fill:#2D4175;" d="M452.923,72.205H256v39.385h177.231v223.179H256v39.385h196.923c10.874,0,19.692-8.817,19.692-19.692 V91.897C472.615,81.022,463.797,72.205,452.923,72.205z"/> <path style="fill:#9E8CEC;" d="M492.308,334.769H19.692C8.817,334.769,0,343.586,0,354.462c0,47.053,38.281,85.333,85.333,85.333 h341.333c47.053,0,85.333-38.281,85.333-85.333C512,343.586,503.182,334.769,492.308,334.769z"/> <path style="fill:#6A56CF;" d="M492.308,334.769H256v105.026h170.667c47.053,0,85.333-38.281,85.333-85.333 C512,343.586,503.182,334.769,492.308,334.769z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG