SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Mobile Music Ui
Duocolor Interface Line 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
6.37 KB
3.36 KB
-47%
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" ?> <!-- License: CC Attribution. Made by nixx design: https://dribbble.com/nixxdsgn --> <svg width="800px" height="800px" viewBox="0 0 6.3499998 6.3499998" id="svg8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs2"/><path d="M 4.7539063,0.79296867 A 0.26460978,0.26460978 0 0 0 4.6328126,0.82812492 L 2.515625,2.017578 A 0.26460978,0.26460978 0 0 0 2.3808594,2.2480468 v 2.3828125 a 0.26464841,0.26464841 0 1 0 0.5292968,0 V 2.4042968 L 4.4980468,1.5117187 v 2.4570312 a 0.26464855,0.26464855 0 1 0 0.5292971,0 V 1.0585937 A 0.26460978,0.26460978 0 0 0 4.7539063,0.79296867 Z" id="path2239" style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#00001d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.52916664;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"/><path d="m 2.1171875,3.9687499 c -0.1997471,0 -0.385764,0.059343 -0.5332031,0.169922 -0.1474391,0.1105792 -0.2617188,0.2872658 -0.2617188,0.4921874 0,0.2049217 0.1142797,0.3816083 0.2617188,0.4921875 0.1474391,0.1105794 0.333456,0.1679688 0.5332031,0.1679688 0.1997471,0 0.385764,-0.057389 0.5332031,-0.1679688 C 2.7978297,5.0124676 2.9101562,4.835781 2.9101562,4.6308593 2.9101562,4.4259377 2.7978297,4.2492511 2.6503906,4.1386719 2.5029515,4.0280925 2.3169346,3.9687499 2.1171875,3.9687499 Z m 0,0.5292971 c 0.092504,0 0.1707622,0.029439 0.2148437,0.0625 0.044082,0.033061 0.048828,0.056046 0.048828,0.070312 0,0.014266 -0.00475,0.035298 -0.048828,0.068359 -0.044081,0.033061 -0.1223401,0.0625 -0.2148437,0.0625 -0.092504,0 -0.1727153,-0.029439 -0.2167969,-0.0625 -0.044081,-0.033061 -0.048828,-0.054093 -0.048828,-0.068359 0,-0.014266 0.00475,-0.037251 0.048828,-0.070312 0.044082,-0.033061 0.1242933,-0.0625 0.2167969,-0.0625 z" id="path2237" style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff2876;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.52916664;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"/><path d="m 4.2324218,3.3066405 c -0.1997469,0 -0.3838108,0.059343 -0.5312499,0.169922 -0.1474391,0.1105791 -0.2617188,0.2872658 -0.2617188,0.4921874 0,0.2049216 0.1142797,0.3816083 0.2617188,0.4921877 0.1474391,0.1105791 0.331503,0.1699217 0.5312499,0.1699217 0.1997472,0 0.3857641,-0.059343 0.5332032,-0.1699217 C 4.913064,4.3503582 5.0273436,4.1736715 5.0273439,3.9687499 5.0273436,3.7638283 4.913064,3.5871416 4.765625,3.4765625 4.6181859,3.3659831 4.432169,3.3066405 4.2324218,3.3066405 Z m 0,0.529297 c 0.092503,0 0.1727155,0.031392 0.216797,0.064453 0.044081,0.033061 0.048828,0.054093 0.048828,0.068359 0,0.014266 -0.00475,0.035298 -0.048828,0.068359 -0.044082,0.033061 -0.1242934,0.064453 -0.216797,0.064453 -0.092504,0 -0.1707621,-0.031392 -0.2148438,-0.064453 -0.044081,-0.03306 -0.048828,-0.054092 -0.048828,-0.068358 0,-0.014266 0.00475,-0.035298 0.048828,-0.068359 0.044082,-0.033061 0.1223402,-0.064453 0.2148438,-0.064454 z" id="ellipse2241" style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff2876;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.52916664;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"/></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
6.37 KB
3.36 KB
-47%
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" ?> <!-- License: CC Attribution. Made by nixx design: https://dribbble.com/nixxdsgn --> <svg width="800px" height="800px" viewBox="0 0 6.3499998 6.3499998" id="svg8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs2"/><path d="M 4.7539063,0.79296867 A 0.26460978,0.26460978 0 0 0 4.6328126,0.82812492 L 2.515625,2.017578 A 0.26460978,0.26460978 0 0 0 2.3808594,2.2480468 v 2.3828125 a 0.26464841,0.26464841 0 1 0 0.5292968,0 V 2.4042968 L 4.4980468,1.5117187 v 2.4570312 a 0.26464855,0.26464855 0 1 0 0.5292971,0 V 1.0585937 A 0.26460978,0.26460978 0 0 0 4.7539063,0.79296867 Z" id="path2239" style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#00001d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.52916664;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"/><path d="m 2.1171875,3.9687499 c -0.1997471,0 -0.385764,0.059343 -0.5332031,0.169922 -0.1474391,0.1105792 -0.2617188,0.2872658 -0.2617188,0.4921874 0,0.2049217 0.1142797,0.3816083 0.2617188,0.4921875 0.1474391,0.1105794 0.333456,0.1679688 0.5332031,0.1679688 0.1997471,0 0.385764,-0.057389 0.5332031,-0.1679688 C 2.7978297,5.0124676 2.9101562,4.835781 2.9101562,4.6308593 2.9101562,4.4259377 2.7978297,4.2492511 2.6503906,4.1386719 2.5029515,4.0280925 2.3169346,3.9687499 2.1171875,3.9687499 Z m 0,0.5292971 c 0.092504,0 0.1707622,0.029439 0.2148437,0.0625 0.044082,0.033061 0.048828,0.056046 0.048828,0.070312 0,0.014266 -0.00475,0.035298 -0.048828,0.068359 -0.044081,0.033061 -0.1223401,0.0625 -0.2148437,0.0625 -0.092504,0 -0.1727153,-0.029439 -0.2167969,-0.0625 -0.044081,-0.033061 -0.048828,-0.054093 -0.048828,-0.068359 0,-0.014266 0.00475,-0.037251 0.048828,-0.070312 0.044082,-0.033061 0.1242933,-0.0625 0.2167969,-0.0625 z" id="path2237" style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff2876;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.52916664;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"/><path d="m 4.2324218,3.3066405 c -0.1997469,0 -0.3838108,0.059343 -0.5312499,0.169922 -0.1474391,0.1105791 -0.2617188,0.2872658 -0.2617188,0.4921874 0,0.2049216 0.1142797,0.3816083 0.2617188,0.4921877 0.1474391,0.1105791 0.331503,0.1699217 0.5312499,0.1699217 0.1997472,0 0.3857641,-0.059343 0.5332032,-0.1699217 C 4.913064,4.3503582 5.0273436,4.1736715 5.0273439,3.9687499 5.0273436,3.7638283 4.913064,3.5871416 4.765625,3.4765625 4.6181859,3.3659831 4.432169,3.3066405 4.2324218,3.3066405 Z m 0,0.529297 c 0.092503,0 0.1727155,0.031392 0.216797,0.064453 0.044081,0.033061 0.048828,0.054093 0.048828,0.068359 0,0.014266 -0.00475,0.035298 -0.048828,0.068359 -0.044082,0.033061 -0.1242934,0.064453 -0.216797,0.064453 -0.092504,0 -0.1707621,-0.031392 -0.2148438,-0.064453 -0.044081,-0.03306 -0.048828,-0.054092 -0.048828,-0.068358 0,-0.014266 0.00475,-0.035298 0.048828,-0.068359 0.044082,-0.033061 0.1223402,-0.064453 0.2148438,-0.064454 z" id="ellipse2241" style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff2876;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.52916664;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download