SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Audio Media Multimedia 7
Audio And Media Filled Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
5.33 KB
1.57 KB
-70%
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" ?> <!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'> <!-- License: CC Attribution. Made by Ruslan Mullakaev: https://dribbble.com/ruslan_design/about --> <svg width="800px" height="800px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" id="Layer_1" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g> <path d=" M466.398,364.662v23.744c0,8.42-6.408,15.264-14.318,15.264H59.92c-7.911,0-14.318-6.844-14.318-15.264v-23.744 c0-8.434,6.408-15.264,14.318-15.264h138.722v4.936c0,7.109,5.417,12.871,12.087,12.871h97.103c6.669,0,12.087-5.762,12.087-12.871 v-4.936h132.16C459.99,349.398,466.398,356.229,466.398,364.662z" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M424.838,108.33v233.434H319.92v6.289c0,9.063-5.417,16.406-12.087,16.406H210.73c-6.67,0-12.087-7.344-12.087-16.406v-6.289 H87.161V108.33H424.838z" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="162.996" y2="162.996"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="196.162" y2="196.162"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="229.328" y2="229.328"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="295.662" y2="295.662"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="229.328" y2="229.328"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="295.662" y2="295.662"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="315.167" x2="368.5" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="315.167" x2="368.5" y1="295.662" y2="295.662"/> <path d=" M466.398,364.662v23.744c0,8.42-6.408,15.264-14.318,15.264H59.92c-7.911,0-14.318-6.844-14.318-15.264v-23.744 c0-8.434,6.408-15.264,14.318-15.264h138.722v4.936c0,7.109,5.417,12.871,12.087,12.871h97.103c6.669,0,12.087-5.762,12.087-12.871 v-4.936h132.16C459.99,349.398,466.398,356.229,466.398,364.662z" fill="#65A0D6" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M424.838,108.33v233.434H319.92v6.289c0,9.063-5.417,16.406-12.087,16.406H210.73c-6.67,0-12.087-7.344-12.087-16.406v-6.289 H87.161V108.33H424.838z" fill="#D9DCE1" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="162.996" y2="162.996"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="196.162" y2="196.162"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="229.328" y2="229.328"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="295.662" y2="295.662"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="229.328" y2="229.328"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="295.662" y2="295.662"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="315.167" x2="368.5" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="315.167" x2="368.5" y1="295.662" y2="295.662"/> </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
-1px x -1px
Change dimensions
Optimize
5.33 KB
1.57 KB
-70%
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" ?> <!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'> <!-- License: CC Attribution. Made by Ruslan Mullakaev: https://dribbble.com/ruslan_design/about --> <svg width="800px" height="800px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" id="Layer_1" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g> <path d=" M466.398,364.662v23.744c0,8.42-6.408,15.264-14.318,15.264H59.92c-7.911,0-14.318-6.844-14.318-15.264v-23.744 c0-8.434,6.408-15.264,14.318-15.264h138.722v4.936c0,7.109,5.417,12.871,12.087,12.871h97.103c6.669,0,12.087-5.762,12.087-12.871 v-4.936h132.16C459.99,349.398,466.398,356.229,466.398,364.662z" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M424.838,108.33v233.434H319.92v6.289c0,9.063-5.417,16.406-12.087,16.406H210.73c-6.67,0-12.087-7.344-12.087-16.406v-6.289 H87.161V108.33H424.838z" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="162.996" y2="162.996"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="196.162" y2="196.162"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="229.328" y2="229.328"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="295.662" y2="295.662"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="229.328" y2="229.328"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="295.662" y2="295.662"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="315.167" x2="368.5" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="315.167" x2="368.5" y1="295.662" y2="295.662"/> <path d=" M466.398,364.662v23.744c0,8.42-6.408,15.264-14.318,15.264H59.92c-7.911,0-14.318-6.844-14.318-15.264v-23.744 c0-8.434,6.408-15.264,14.318-15.264h138.722v4.936c0,7.109,5.417,12.871,12.087,12.871h97.103c6.669,0,12.087-5.762,12.087-12.871 v-4.936h132.16C459.99,349.398,466.398,356.229,466.398,364.662z" fill="#65A0D6" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M424.838,108.33v233.434H319.92v6.289c0,9.063-5.417,16.406-12.087,16.406H210.73c-6.67,0-12.087-7.344-12.087-16.406v-6.289 H87.161V108.33H424.838z" fill="#D9DCE1" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="162.996" y2="162.996"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="196.162" y2="196.162"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="229.328" y2="229.328"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="127.833" x2="181.167" y1="295.662" y2="295.662"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="229.328" y2="229.328"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="223.833" x2="277.167" y1="295.662" y2="295.662"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="315.167" x2="368.5" y1="262.494" y2="262.494"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="315.167" x2="368.5" y1="295.662" y2="295.662"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download