SVG
Viewer
Dark mode
Light mode
Hide sidebar
Love
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
2.13 KB
1.27 KB
-40%
Prettify
Preferences
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="M8.275,23.754L27.964,4.065c0.235,0.248,0.457,0.496,0.647,0.768L8.967,24.476 C8.729,24.232,8.501,23.988,8.275,23.754z M12.26,27.769c0.232,0.231,0.468,0.467,0.708,0.706l16.91-16.91 c0.055-0.487,0.093-0.998,0.111-1.525L12.26,27.769z M10.262,25.767c0.226,0.228,0.47,0.472,0.706,0.708L29.807,7.636 c-0.08-0.353-0.168-0.742-0.306-1.108L10.262,25.767z M7.397,2.046C6.741,2.107,6.17,2.211,5.631,2.398L1.538,6.491 C1.285,7.146,1.14,7.788,1.063,8.38L7.397,2.046z M14.263,29.766c0.233,0.233,0.467,0.466,0.708,0.706l12.693-12.693 c0.596-0.941,1.073-1.888,1.429-2.843L14.263,29.766z M14.984,6.459c-0.139-0.276-0.303-0.588-0.507-0.907L2.925,17.104 c0.167,0.293,0.35,0.591,0.542,0.886L14.984,6.459z M10.948,2.495c-0.338-0.136-0.703-0.243-1.087-0.327l-8.8,8.8 c0.034,0.436,0.08,0.862,0.143,1.271L10.948,2.495z M26.507,2.937c-0.298-0.172-0.612-0.329-0.956-0.458L6.362,21.667 c0.216,0.243,0.44,0.49,0.672,0.742L26.507,2.937z M23.408,2.035C23.192,2.02,22.979,2,22.75,2c-0.268,0-0.508,0.012-0.758,0.037 L4.537,19.492c0.201,0.261,0.399,0.526,0.619,0.795L23.408,2.035z M13.328,4.115c-0.228-0.231-0.471-0.461-0.743-0.672L1.689,14.34 c0.111,0.35,0.236,0.697,0.376,1.038L13.328,4.115z"/> <path class="hatch_een" d="M30,9.25c0,7.855-3.549,10.799-14.5,21.75C4.549,20.049,1,17.104,1,9.25C1,6.733,2.661,2,8.25,2 s7.25,5.696,7.25,5.696S17.098,2,22.75,2C24.66,2,29.714,2.96,30,9.25z M15.5,5.293C14.246,3.226,11.902,1,8.25,1 C2.24,1,0,6.06,0,9.25c0,7.721,3.177,10.885,12.607,20.277c0.693,0.691,1.422,1.416,2.186,2.18C14.988,31.902,15.244,32,15.5,32 s0.512-0.098,0.707-0.293c0.764-0.764,1.493-1.49,2.186-2.18C27.823,20.135,31,16.971,31,9.25C31,6.06,28.651,1,22.75,1 C19.048,1,16.754,3.226,15.5,5.293z"/> </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
2.13 KB
1.27 KB
-40%
Prettify
Preferences
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="M8.275,23.754L27.964,4.065c0.235,0.248,0.457,0.496,0.647,0.768L8.967,24.476 C8.729,24.232,8.501,23.988,8.275,23.754z M12.26,27.769c0.232,0.231,0.468,0.467,0.708,0.706l16.91-16.91 c0.055-0.487,0.093-0.998,0.111-1.525L12.26,27.769z M10.262,25.767c0.226,0.228,0.47,0.472,0.706,0.708L29.807,7.636 c-0.08-0.353-0.168-0.742-0.306-1.108L10.262,25.767z M7.397,2.046C6.741,2.107,6.17,2.211,5.631,2.398L1.538,6.491 C1.285,7.146,1.14,7.788,1.063,8.38L7.397,2.046z M14.263,29.766c0.233,0.233,0.467,0.466,0.708,0.706l12.693-12.693 c0.596-0.941,1.073-1.888,1.429-2.843L14.263,29.766z M14.984,6.459c-0.139-0.276-0.303-0.588-0.507-0.907L2.925,17.104 c0.167,0.293,0.35,0.591,0.542,0.886L14.984,6.459z M10.948,2.495c-0.338-0.136-0.703-0.243-1.087-0.327l-8.8,8.8 c0.034,0.436,0.08,0.862,0.143,1.271L10.948,2.495z M26.507,2.937c-0.298-0.172-0.612-0.329-0.956-0.458L6.362,21.667 c0.216,0.243,0.44,0.49,0.672,0.742L26.507,2.937z M23.408,2.035C23.192,2.02,22.979,2,22.75,2c-0.268,0-0.508,0.012-0.758,0.037 L4.537,19.492c0.201,0.261,0.399,0.526,0.619,0.795L23.408,2.035z M13.328,4.115c-0.228-0.231-0.471-0.461-0.743-0.672L1.689,14.34 c0.111,0.35,0.236,0.697,0.376,1.038L13.328,4.115z"/> <path class="hatch_een" d="M30,9.25c0,7.855-3.549,10.799-14.5,21.75C4.549,20.049,1,17.104,1,9.25C1,6.733,2.661,2,8.25,2 s7.25,5.696,7.25,5.696S17.098,2,22.75,2C24.66,2,29.714,2.96,30,9.25z M15.5,5.293C14.246,3.226,11.902,1,8.25,1 C2.24,1,0,6.06,0,9.25c0,7.721,3.177,10.885,12.607,20.277c0.693,0.691,1.422,1.416,2.186,2.18C14.988,31.902,15.244,32,15.5,32 s0.512-0.098,0.707-0.293c0.764-0.764,1.493-1.49,2.186-2.18C27.823,20.135,31,16.971,31,9.25C31,6.06,28.651,1,22.75,1 C19.048,1,16.754,3.226,15.5,5.293z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download