SVG
Viewer
Dark mode
Light mode
Hide sidebar
Sunset Afternoon Dusktwilight
Weather Forecast Bold 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.08 KB
523 bytes
-53%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Yoga Wpy: https://www.casawarna.com/ --> <svg width="800px" height="800px" viewBox="0 0 24 24" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css"> .st0{opacity:0.2;fill:none;stroke:#000000;stroke-width:5.000000e-02;stroke-miterlimit:10;} .st1{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} </style> <g id="Layer_1"/> <g id="Layer_2"> <g> <path d="M21,12h-3c0-1.3-0.4-2.5-1.1-3.5l0.8-0.8c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-0.8,0.8c-0.7-0.5-1.6-0.9-2.5-1V5 c0-0.6-0.4-1-1-1s-1,0.4-1,1v1.1c-0.9,0.2-1.7,0.5-2.5,1L7.7,6.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l0.8,0.8C6.4,9.5,6,10.7,6,12 H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h4.1h9.8H21c0.6,0,1-0.4,1-1S21.6,12,21,12z M8,12c0-2.2,1.8-4,4-4s4,1.8,4,4H8z"/> <path d="M15,15H9c-0.6,0-1,0.4-1,1s0.4,1,1,1h6c0.6,0,1-0.4,1-1S15.6,15,15,15z"/> </g> <g> <path d="M13,20h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S13.6,20,13,20z"/> </g> </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
1.08 KB
523 bytes
-53%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Yoga Wpy: https://www.casawarna.com/ --> <svg width="800px" height="800px" viewBox="0 0 24 24" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css"> .st0{opacity:0.2;fill:none;stroke:#000000;stroke-width:5.000000e-02;stroke-miterlimit:10;} .st1{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} </style> <g id="Layer_1"/> <g id="Layer_2"> <g> <path d="M21,12h-3c0-1.3-0.4-2.5-1.1-3.5l0.8-0.8c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-0.8,0.8c-0.7-0.5-1.6-0.9-2.5-1V5 c0-0.6-0.4-1-1-1s-1,0.4-1,1v1.1c-0.9,0.2-1.7,0.5-2.5,1L7.7,6.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l0.8,0.8C6.4,9.5,6,10.7,6,12 H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h4.1h9.8H21c0.6,0,1-0.4,1-1S21.6,12,21,12z M8,12c0-2.2,1.8-4,4-4s4,1.8,4,4H8z"/> <path d="M15,15H9c-0.6,0-1,0.4-1,1s0.4,1,1,1h6c0.6,0,1-0.4,1-1S15.6,15,15,15z"/> </g> <g> <path d="M13,20h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S13.6,20,13,20z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download