SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Audio Media Multimedia 3
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
7.57 KB
2.38 KB
-69%
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=" M410.495,293.495c0,33.32-27.011,60.34-60.33,60.34c-25.15,0-46.71-15.39-55.771-37.26c-2.939-7.11-4.569-14.91-4.569-23.08 c0-33.32,27.02-60.33,60.34-60.33c2.63,0,5.22,0.17,7.76,0.49C387.585,237.465,410.495,262.805,410.495,293.495z" fill="#65A0D6" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M222.175,293.495c0,33.32-27.011,60.34-60.33,60.34c-25.15,0-46.71-15.39-55.771-37.26c-2.939-7.11-4.569-14.91-4.569-23.08 c0-33.32,27.02-60.33,60.34-60.33c2.63,0,5.22,0.17,7.76,0.49C199.265,237.465,222.175,262.805,222.175,293.495z" fill="#65A0D6" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 163.255,316.575 163.255,293.495 160.425,293.495 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M160.425,233.235c0.94-0.051,1.88-0.07,2.83-0.07c33.32,0,60.34,27.01,60.34,60.33c0,8.17-1.62,15.97-4.57,23.08" 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="197.255" x2="163.255" y1="293.495" y2="293.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="160.425" x2="129.255" y1="293.495" y2="293.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="163.255" x2="163.255" y1="327.495" y2="316.575"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="163.255" x2="163.255" y1="293.495" y2="259.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="349.996" x2="350.33" y1="264.665" y2="264.665"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="350.163" x2="350.497" y1="317.665" y2="317.665"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="318.091" x2="318.425" y1="293.499" y2="293.499"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="380.591" x2="380.925" y1="293.499" y2="293.499"/> <path d=" M357.925,233.146v0.51c-2.54-0.32-5.13-0.49-7.76-0.49c-33.32,0-60.34,27.01-60.34,60.33c0,8.17,1.63,15.97,4.569,23.08h-75.37 c2.95-7.11,4.57-14.91,4.57-23.08c0-33.32-27.02-60.33-60.34-60.33c-0.95,0-1.89,0.02-2.83,0.07v-0.09H357.925z" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 160.425,293.495 163.255,293.495 163.255,316.575 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 163.255,316.575 163.255,293.495 160.425,293.495 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M160.425,233.235c0.94-0.051,1.88-0.07,2.83-0.07c33.32,0,60.34,27.01,60.34,60.33c0,8.17-1.62,15.97-4.57,23.08" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M410.495,293.495c0,33.32-27.011,60.34-60.33,60.34c-25.15,0-46.71-15.39-55.771-37.26c-2.939-7.11-4.569-14.91-4.569-23.08 c0-33.32,27.02-60.33,60.34-60.33c2.63,0,5.22,0.17,7.76,0.49C387.585,237.465,410.495,262.805,410.495,293.495z" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M259.175,233.235c0-41.494,33.576-75.07,75.07-75.07" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 163.255,316.575 163.255,293.495 160.425,293.495 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M160.425,233.235c0.94-0.051,1.88-0.07,2.83-0.07c33.32,0,60.34,27.01,60.34,60.33c0,8.17-1.62,15.97-4.57,23.08" 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="197.255" x2="163.255" y1="293.495" y2="293.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="160.425" x2="129.255" y1="293.495" y2="293.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="163.255" x2="163.255" y1="327.495" y2="316.575"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="163.255" x2="163.255" y1="293.495" y2="259.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="349.996" x2="350.33" y1="264.665" y2="264.665"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="350.163" x2="350.497" y1="317.665" y2="317.665"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="318.091" x2="318.425" y1="293.499" y2="293.499"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="380.591" x2="380.925" y1="293.499" y2="293.499"/> <path d=" M357.925,233.146v0.51c-2.54-0.32-5.13-0.49-7.76-0.49c-33.32,0-60.34,27.01-60.34,60.33c0,8.17,1.63,15.97,4.569,23.08h-75.37 c2.95-7.11,4.57-14.91,4.57-23.08c0-33.32-27.02-60.33-60.34-60.33c-0.95,0-1.89,0.02-2.83,0.07v-0.09H357.925z" fill="#D9DCE1" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 160.425,293.495 163.255,293.495 163.255,316.575 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 163.255,316.575 163.255,293.495 160.425,293.495 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M222.175,293.495c0,33.32-27.011,60.34-60.33,60.34c-25.15,0-46.71-15.39-55.771-37.26c-2.939-7.11-4.569-14.91-4.569-23.08 c0-33.32,27.02-60.33,60.34-60.33c2.63,0,5.22,0.17,7.76,0.49C199.265,237.465,222.175,262.805,222.175,293.495z" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M259.175,233.235c0-41.494,33.576-75.07,75.07-75.07" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> </g> </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
-1px x -1px
Change dimensions
Optimize
7.57 KB
2.38 KB
-69%
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=" M410.495,293.495c0,33.32-27.011,60.34-60.33,60.34c-25.15,0-46.71-15.39-55.771-37.26c-2.939-7.11-4.569-14.91-4.569-23.08 c0-33.32,27.02-60.33,60.34-60.33c2.63,0,5.22,0.17,7.76,0.49C387.585,237.465,410.495,262.805,410.495,293.495z" fill="#65A0D6" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M222.175,293.495c0,33.32-27.011,60.34-60.33,60.34c-25.15,0-46.71-15.39-55.771-37.26c-2.939-7.11-4.569-14.91-4.569-23.08 c0-33.32,27.02-60.33,60.34-60.33c2.63,0,5.22,0.17,7.76,0.49C199.265,237.465,222.175,262.805,222.175,293.495z" fill="#65A0D6" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 163.255,316.575 163.255,293.495 160.425,293.495 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M160.425,233.235c0.94-0.051,1.88-0.07,2.83-0.07c33.32,0,60.34,27.01,60.34,60.33c0,8.17-1.62,15.97-4.57,23.08" 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="197.255" x2="163.255" y1="293.495" y2="293.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="160.425" x2="129.255" y1="293.495" y2="293.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="163.255" x2="163.255" y1="327.495" y2="316.575"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="163.255" x2="163.255" y1="293.495" y2="259.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="349.996" x2="350.33" y1="264.665" y2="264.665"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="350.163" x2="350.497" y1="317.665" y2="317.665"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="318.091" x2="318.425" y1="293.499" y2="293.499"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="380.591" x2="380.925" y1="293.499" y2="293.499"/> <path d=" M357.925,233.146v0.51c-2.54-0.32-5.13-0.49-7.76-0.49c-33.32,0-60.34,27.01-60.34,60.33c0,8.17,1.63,15.97,4.569,23.08h-75.37 c2.95-7.11,4.57-14.91,4.57-23.08c0-33.32-27.02-60.33-60.34-60.33c-0.95,0-1.89,0.02-2.83,0.07v-0.09H357.925z" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 160.425,293.495 163.255,293.495 163.255,316.575 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 163.255,316.575 163.255,293.495 160.425,293.495 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M160.425,233.235c0.94-0.051,1.88-0.07,2.83-0.07c33.32,0,60.34,27.01,60.34,60.33c0,8.17-1.62,15.97-4.57,23.08" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M410.495,293.495c0,33.32-27.011,60.34-60.33,60.34c-25.15,0-46.71-15.39-55.771-37.26c-2.939-7.11-4.569-14.91-4.569-23.08 c0-33.32,27.02-60.33,60.34-60.33c2.63,0,5.22,0.17,7.76,0.49C387.585,237.465,410.495,262.805,410.495,293.495z" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M259.175,233.235c0-41.494,33.576-75.07,75.07-75.07" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 163.255,316.575 163.255,293.495 160.425,293.495 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M160.425,233.235c0.94-0.051,1.88-0.07,2.83-0.07c33.32,0,60.34,27.01,60.34,60.33c0,8.17-1.62,15.97-4.57,23.08" 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="197.255" x2="163.255" y1="293.495" y2="293.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="160.425" x2="129.255" y1="293.495" y2="293.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="163.255" x2="163.255" y1="327.495" y2="316.575"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="163.255" x2="163.255" y1="293.495" y2="259.495"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="349.996" x2="350.33" y1="264.665" y2="264.665"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="350.163" x2="350.497" y1="317.665" y2="317.665"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="318.091" x2="318.425" y1="293.499" y2="293.499"/> <line fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20" x1="380.591" x2="380.925" y1="293.499" y2="293.499"/> <path d=" M357.925,233.146v0.51c-2.54-0.32-5.13-0.49-7.76-0.49c-33.32,0-60.34,27.01-60.34,60.33c0,8.17,1.63,15.97,4.569,23.08h-75.37 c2.95-7.11,4.57-14.91,4.57-23.08c0-33.32-27.02-60.33-60.34-60.33c-0.95,0-1.89,0.02-2.83,0.07v-0.09H357.925z" fill="#D9DCE1" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 160.425,293.495 163.255,293.495 163.255,316.575 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <polyline fill="none" points=" 163.255,316.575 163.255,293.495 160.425,293.495 " stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M222.175,293.495c0,33.32-27.011,60.34-60.33,60.34c-25.15,0-46.71-15.39-55.771-37.26c-2.939-7.11-4.569-14.91-4.569-23.08 c0-33.32,27.02-60.33,60.34-60.33c2.63,0,5.22,0.17,7.76,0.49C199.265,237.465,222.175,262.805,222.175,293.495z" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> <path d=" M259.175,233.235c0-41.494,33.576-75.07,75.07-75.07" fill="none" stroke="#3B3A3E" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="20"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG