SVG
Viewer
Dark mode
Light mode
Hide sidebar
Medicate
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.42 KB
917 bytes
-37%
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="M17.42,19.12l0.705,0.709l-8.972,8.972c-0.49,0.136-0.978,0.219-1.483,0.219 c-0.046,0-0.107,0.004-0.153,0.003L17.42,19.12z M4.476,28.064c0.29,0.2,0.588,0.372,0.903,0.511L16.124,17.83l-0.707-0.707 L4.476,28.064z M2.072,22.468c-0.102,0.494-0.095,0.973-0.061,1.475L12.124,13.83l-0.707-0.707L2.072,22.468z M2.601,25.939 c0.148,0.307,0.339,0.586,0.547,0.867L14.124,15.83l-0.707-0.707L2.601,25.939z"/> <path class="hatch_een" d="M27.095,3.96C25.819,2.683,24.169,2,22.414,2c-1.755,0-3.405,0.683-4.646,1.924L2.924,18.768 c-2.562,2.562-2.562,6.73,0,9.291C4.201,29.336,5.85,30,7.605,30s3.405-0.664,4.646-1.905l14.844-14.844 C29.657,10.689,29.657,6.521,27.095,3.96z M11.544,27.388c-1.088,1.088-2.513,1.631-3.939,1.631s-2.754-0.447-3.974-1.667 c-2.198-2.198-2.175-5.702,0-7.877l7.069-7.069l7.912,7.913L11.544,27.388z M26.388,12.544l-7.069,7.069L11.407,11.7l7.068-7.068 C19.563,3.544,20.989,3,22.414,3c1.425,0,2.759,0.452,3.974,1.667C28.54,6.819,28.563,10.369,26.388,12.544z"/> </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.42 KB
917 bytes
-37%
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="M17.42,19.12l0.705,0.709l-8.972,8.972c-0.49,0.136-0.978,0.219-1.483,0.219 c-0.046,0-0.107,0.004-0.153,0.003L17.42,19.12z M4.476,28.064c0.29,0.2,0.588,0.372,0.903,0.511L16.124,17.83l-0.707-0.707 L4.476,28.064z M2.072,22.468c-0.102,0.494-0.095,0.973-0.061,1.475L12.124,13.83l-0.707-0.707L2.072,22.468z M2.601,25.939 c0.148,0.307,0.339,0.586,0.547,0.867L14.124,15.83l-0.707-0.707L2.601,25.939z"/> <path class="hatch_een" d="M27.095,3.96C25.819,2.683,24.169,2,22.414,2c-1.755,0-3.405,0.683-4.646,1.924L2.924,18.768 c-2.562,2.562-2.562,6.73,0,9.291C4.201,29.336,5.85,30,7.605,30s3.405-0.664,4.646-1.905l14.844-14.844 C29.657,10.689,29.657,6.521,27.095,3.96z M11.544,27.388c-1.088,1.088-2.513,1.631-3.939,1.631s-2.754-0.447-3.974-1.667 c-2.198-2.198-2.175-5.702,0-7.877l7.069-7.069l7.912,7.913L11.544,27.388z M26.388,12.544l-7.069,7.069L11.407,11.7l7.068-7.068 C19.563,3.544,20.989,3,22.414,3c1.425,0,2.759,0.452,3.974,1.667C28.54,6.819,28.563,10.369,26.388,12.544z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download