SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Concern
Duotone Music 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
1.25 KB
774 bytes
-40%
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: MIT. Made by IconPark: https://github.com/bytedance/IconPark --> <svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="48" height="48" fill="white" fill-opacity="0.01"/> <path d="M10.8579 9.85791C7.23858 13.4772 5 18.4772 5 24C5 29.5229 7.23858 34.5229 10.8579 38.1422" stroke="black" stroke-width="4" stroke-linecap="round"/> <path d="M39.1421 38.1422C42.7614 34.5229 45 29.5229 45 24C45 18.4772 42.7614 13.4772 39.1421 9.85791" stroke="black" stroke-width="4" stroke-linecap="round"/> <path d="M34.8994 33.8996C37.4329 31.3661 38.9999 27.8661 38.9999 24.0001C38.9999 20.1341 37.4329 16.6341 34.8994 14.1006" stroke="black" stroke-width="4" stroke-linecap="round"/> <path d="M15.1005 14.1006C12.567 16.6341 11 20.1341 11 24.0001C11 27.8661 12.567 31.3661 15.1005 33.8996" stroke="black" stroke-width="4" stroke-linecap="round"/> <path d="M28.1818 20C30.2905 20 32 21.6118 32 23.6C32 26.1882 29.4545 28.4 28.1818 29.6C27.3333 30.4 26.2727 31.2 25 32C23.7273 31.2 22.6667 30.4 21.8182 29.6C20.5455 28.4 18 26.1882 18 23.6C18 21.6118 19.7095 20 21.8182 20C23.1463 20 24.316 20.6393 25 21.6093C25.684 20.6393 26.8537 20 28.1818 20Z" fill="#2F88FF" stroke="black" stroke-width="3.5" stroke-linejoin="round"/> </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
1.25 KB
774 bytes
-40%
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: MIT. Made by IconPark: https://github.com/bytedance/IconPark --> <svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="48" height="48" fill="white" fill-opacity="0.01"/> <path d="M10.8579 9.85791C7.23858 13.4772 5 18.4772 5 24C5 29.5229 7.23858 34.5229 10.8579 38.1422" stroke="black" stroke-width="4" stroke-linecap="round"/> <path d="M39.1421 38.1422C42.7614 34.5229 45 29.5229 45 24C45 18.4772 42.7614 13.4772 39.1421 9.85791" stroke="black" stroke-width="4" stroke-linecap="round"/> <path d="M34.8994 33.8996C37.4329 31.3661 38.9999 27.8661 38.9999 24.0001C38.9999 20.1341 37.4329 16.6341 34.8994 14.1006" stroke="black" stroke-width="4" stroke-linecap="round"/> <path d="M15.1005 14.1006C12.567 16.6341 11 20.1341 11 24.0001C11 27.8661 12.567 31.3661 15.1005 33.8996" stroke="black" stroke-width="4" stroke-linecap="round"/> <path d="M28.1818 20C30.2905 20 32 21.6118 32 23.6C32 26.1882 29.4545 28.4 28.1818 29.6C27.3333 30.4 26.2727 31.2 25 32C23.7273 31.2 22.6667 30.4 21.8182 29.6C20.5455 28.4 18 26.1882 18 23.6C18 21.6118 19.7095 20 21.8182 20C23.1463 20 24.316 20.6393 25 21.6093C25.684 20.6393 26.8537 20 28.1818 20Z" fill="#2F88FF" stroke="black" stroke-width="3.5" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download