SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Music
Gradient Website 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
2.69 KB
1.58 KB
-41%
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
<!-- License: PD. Made by Maria Mishchenko: https://www.behance.net/maria_mishchenko --> <svg width="125px" height="125px" viewBox="0 0 125 125" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="14" y="14" width="97" height="97" fill="white"/> <path d="M52.7586 89.8841C54.9655 90.9925 55.5172 83.8802 55.5172 80.1855V54.5536L85.1724 45.5478V66.3304V67.7159M50 76.7217V75.3362V42.7768L90 31V69.7942C89.9928 71.0718 89.8262 73.2681 89.5767 75.3362C89.3636 77.5531 88.8506 78.1073 88.6207 78.1073" stroke="#3F3F3F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M56 86C56 92.6274 50.6274 98 44 98C37.3726 98 32 92.6274 32 86C32 79.3726 37.3726 74 44 74C50.6274 74 56 79.3726 56 86Z" fill="white"/> <path d="M57 87C57 93.6274 51.6274 99 45 99C38.3726 99 33 93.6274 33 87C33 80.3726 38.3726 75 45 75C51.6274 75 57 80.3726 57 87Z" fill="url(#paint0_linear)"/> <path d="M41.0864 74.8324C43.3363 74.0745 45.7653 74.0298 48.0415 74.7044C50.3177 75.3789 52.3302 76.7398 53.8038 78.6012C55.2775 80.4625 56.1405 82.7335 56.275 85.1037C56.4094 87.474 55.8087 89.828 54.555 91.844C53.3012 93.86 51.4556 95.4398 49.2702 96.3674C47.0849 97.295 44.6664 97.5252 42.3453 97.0266C40.0242 96.528 37.9136 95.3249 36.302 93.5816C34.6904 91.8384 33.6563 89.64 33.3411 87.287" stroke="#3F3F3F" stroke-width="3" stroke-linecap="round"/> <path d="M91 76C91 82.6274 85.6274 88 79 88C72.3726 88 67 82.6274 67 76C67 69.3726 72.3726 64 79 64C85.6274 64 91 69.3726 91 76Z" fill="url(#paint1_linear)"/> <path d="M91 75C91 81.6274 85.6274 87 79 87C72.3726 87 67 81.6274 67 75C67 68.3726 72.3726 63 79 63C85.6274 63 91 68.3726 91 75Z" fill="url(#paint2_linear)"/> <path d="M75.0858 64.6317C77.3356 63.8737 79.7646 63.8288 82.0408 64.5032C84.3171 65.1777 86.3296 66.5384 87.8034 68.3997C89.2772 70.2609 90.1404 72.5318 90.275 74.9021C90.4096 77.2723 89.809 79.6263 88.5554 81.6424C87.3018 83.6586 85.4563 85.2384 83.271 86.1662C81.0857 87.0939 78.6672 87.3243 76.346 86.8259C74.0249 86.3274 71.9142 85.1244 70.3025 83.3813C68.6908 81.6381 67.6566 79.4399 67.3412 77.0868" stroke="#3F3F3F" stroke-width="3" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear" x1="64.5" y1="102.5" x2="41" y2="82.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#3AF0E5"/> <stop offset="1" stop-color="#46F1E7" stop-opacity="0"/> </linearGradient> <linearGradient id="paint1_linear" x1="84" y1="67.5" x2="72" y2="83" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="1" stop-color="white"/> </linearGradient> <linearGradient id="paint2_linear" x1="98.5" y1="90.5" x2="75" y2="70.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#3AF0E5"/> <stop offset="1" stop-color="#46F1E7" stop-opacity="0"/> </linearGradient> </defs> </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
2.69 KB
1.58 KB
-41%
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
<!-- License: PD. Made by Maria Mishchenko: https://www.behance.net/maria_mishchenko --> <svg width="125px" height="125px" viewBox="0 0 125 125" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="14" y="14" width="97" height="97" fill="white"/> <path d="M52.7586 89.8841C54.9655 90.9925 55.5172 83.8802 55.5172 80.1855V54.5536L85.1724 45.5478V66.3304V67.7159M50 76.7217V75.3362V42.7768L90 31V69.7942C89.9928 71.0718 89.8262 73.2681 89.5767 75.3362C89.3636 77.5531 88.8506 78.1073 88.6207 78.1073" stroke="#3F3F3F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M56 86C56 92.6274 50.6274 98 44 98C37.3726 98 32 92.6274 32 86C32 79.3726 37.3726 74 44 74C50.6274 74 56 79.3726 56 86Z" fill="white"/> <path d="M57 87C57 93.6274 51.6274 99 45 99C38.3726 99 33 93.6274 33 87C33 80.3726 38.3726 75 45 75C51.6274 75 57 80.3726 57 87Z" fill="url(#paint0_linear)"/> <path d="M41.0864 74.8324C43.3363 74.0745 45.7653 74.0298 48.0415 74.7044C50.3177 75.3789 52.3302 76.7398 53.8038 78.6012C55.2775 80.4625 56.1405 82.7335 56.275 85.1037C56.4094 87.474 55.8087 89.828 54.555 91.844C53.3012 93.86 51.4556 95.4398 49.2702 96.3674C47.0849 97.295 44.6664 97.5252 42.3453 97.0266C40.0242 96.528 37.9136 95.3249 36.302 93.5816C34.6904 91.8384 33.6563 89.64 33.3411 87.287" stroke="#3F3F3F" stroke-width="3" stroke-linecap="round"/> <path d="M91 76C91 82.6274 85.6274 88 79 88C72.3726 88 67 82.6274 67 76C67 69.3726 72.3726 64 79 64C85.6274 64 91 69.3726 91 76Z" fill="url(#paint1_linear)"/> <path d="M91 75C91 81.6274 85.6274 87 79 87C72.3726 87 67 81.6274 67 75C67 68.3726 72.3726 63 79 63C85.6274 63 91 68.3726 91 75Z" fill="url(#paint2_linear)"/> <path d="M75.0858 64.6317C77.3356 63.8737 79.7646 63.8288 82.0408 64.5032C84.3171 65.1777 86.3296 66.5384 87.8034 68.3997C89.2772 70.2609 90.1404 72.5318 90.275 74.9021C90.4096 77.2723 89.809 79.6263 88.5554 81.6424C87.3018 83.6586 85.4563 85.2384 83.271 86.1662C81.0857 87.0939 78.6672 87.3243 76.346 86.8259C74.0249 86.3274 71.9142 85.1244 70.3025 83.3813C68.6908 81.6381 67.6566 79.4399 67.3412 77.0868" stroke="#3F3F3F" stroke-width="3" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear" x1="64.5" y1="102.5" x2="41" y2="82.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#3AF0E5"/> <stop offset="1" stop-color="#46F1E7" stop-opacity="0"/> </linearGradient> <linearGradient id="paint1_linear" x1="84" y1="67.5" x2="72" y2="83" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="1" stop-color="white"/> </linearGradient> <linearGradient id="paint2_linear" x1="98.5" y1="90.5" x2="75" y2="70.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#3AF0E5"/> <stop offset="1" stop-color="#46F1E7" stop-opacity="0"/> </linearGradient> </defs> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download