SVG
Viewer
Dark mode
Light mode
Hide sidebar
Switch On Control
Line Interface 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
651 bytes
522 bytes
-20%
Prettify
Preferences
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by efeaco: https://dribbble.com/efeaco --> <svg width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#231f20;}</style> </defs> <g data-name="switch on" id="switch_on"> <path class="cls-1" d="M24.16,21H7.84A4.84,4.84,0,0,1,3,16.16v-.32A4.84,4.84,0,0,1,7.84,11H24.16A4.84,4.84,0,0,1,29,15.84v.32A4.84,4.84,0,0,1,24.16,21ZM7.84,13A2.85,2.85,0,0,0,5,15.84v.32A2.85,2.85,0,0,0,7.84,19H24.16A2.85,2.85,0,0,0,27,16.16v-.32A2.85,2.85,0,0,0,24.16,13Z"/> <path class="cls-1" d="M24,18a2,2,0,1,1,2-2A2,2,0,0,1,24,18Zm0-2Z"/> </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
651 bytes
522 bytes
-20%
Prettify
Preferences
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by efeaco: https://dribbble.com/efeaco --> <svg width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#231f20;}</style> </defs> <g data-name="switch on" id="switch_on"> <path class="cls-1" d="M24.16,21H7.84A4.84,4.84,0,0,1,3,16.16v-.32A4.84,4.84,0,0,1,7.84,11H24.16A4.84,4.84,0,0,1,29,15.84v.32A4.84,4.84,0,0,1,24.16,21ZM7.84,13A2.85,2.85,0,0,0,5,15.84v.32A2.85,2.85,0,0,0,7.84,19H24.16A2.85,2.85,0,0,0,27,16.16v-.32A2.85,2.85,0,0,0,24.16,13Z"/> <path class="cls-1" d="M24,18a2,2,0,1,1,2-2A2,2,0,0,1,24,18Zm0-2Z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download