SVG
Viewer
Dark mode
Light mode
Hide sidebar
Erase
Hatch Action 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.09 KB
545 bytes
-51%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Carol Liao: https://dribbble.com/thecarolizer --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .hatch_een{fill:#265AA5;} .hatch_twee{fill:#FFC5BB;} </style> <g> <path class="hatch_twee" d="M18.365,19.057l0.707,0.707l-9.135,9.135L9.23,28.192L18.365,19.057z M7.23,26.192l0.707,0.707 l9.127-9.127l-0.707-0.707L7.23,26.192z M3.23,22.192l0.707,0.707l9.131-9.131l-0.707-0.707L3.23,22.192z M5.23,24.192l0.707,0.707 l9.127-9.127l-0.707-0.707L5.23,24.192z"/> <path class="hatch_een" d="M30.707,10.393l-9.1-9.1C21.412,1.098,21.156,1,20.9,1s-0.512,0.098-0.707,0.293l-18.9,18.9 c-0.391,0.391-0.391,1.024,0,1.414l9.1,9.1C10.588,30.902,10.844,31,11.1,31s0.512-0.098,0.707-0.293l18.9-18.9 C31.098,11.417,31.098,10.783,30.707,10.393z M11.1,30L2,20.9l9.096-9.096l9.1,9.1L11.1,30z M20.904,20.196l-9.1-9.1L20.9,2 l9.1,9.1L20.904,20.196z"/> </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.09 KB
545 bytes
-51%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Carol Liao: https://dribbble.com/thecarolizer --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .hatch_een{fill:#265AA5;} .hatch_twee{fill:#FFC5BB;} </style> <g> <path class="hatch_twee" d="M18.365,19.057l0.707,0.707l-9.135,9.135L9.23,28.192L18.365,19.057z M7.23,26.192l0.707,0.707 l9.127-9.127l-0.707-0.707L7.23,26.192z M3.23,22.192l0.707,0.707l9.131-9.131l-0.707-0.707L3.23,22.192z M5.23,24.192l0.707,0.707 l9.127-9.127l-0.707-0.707L5.23,24.192z"/> <path class="hatch_een" d="M30.707,10.393l-9.1-9.1C21.412,1.098,21.156,1,20.9,1s-0.512,0.098-0.707,0.293l-18.9,18.9 c-0.391,0.391-0.391,1.024,0,1.414l9.1,9.1C10.588,30.902,10.844,31,11.1,31s0.512-0.098,0.707-0.293l18.9-18.9 C31.098,11.417,31.098,10.783,30.707,10.393z M11.1,30L2,20.9l9.096-9.096l9.1,9.1L11.1,30z M20.904,20.196l-9.1-9.1L20.9,2 l9.1,9.1L20.904,20.196z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download