SVG
Viewer
Dark mode
Light mode
Hide sidebar
Drag
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.29 KB
1.17 KB
-49%
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 height="800px" width="800px" version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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="M27.198,12.196l0.707,0.707L22.807,18h-1.414l4-4H26v-0.607L27.198,12.196z M25.393,18H26v0.807 l3.905-3.905l-0.707-0.707L25.393,18z M18.807,26H18v-0.607l-3.803,3.803l0.707,0.707L18.807,26z M14,21.393v1.414l4-4V18h0.807 l4-4h-1.414L14,21.393z M18,22.807v-1.414l-4,4V26h-0.607l-1.196,1.196l0.707,0.707L18,22.807z M13.394,6H14v0.808l3.904-3.904 l-0.707-0.707L13.394,6z M6,18.808V18h0.808l4-4H9.394l-5.196,5.196l0.707,0.707L6,18.808z M14,9.394v1.414l4-4V6h0.808 l1.096-1.096l-0.707-0.707L14,9.394z M6.808,14H6v-0.606l-3.802,3.802l0.707,0.707L6.808,14z M18,13.393L13.393,18H14v0.808 L18.808,14H18V13.393z M14,13.394V14h-0.606l-4,4h1.414L18,10.808V9.394L14,13.394z"/> <path class="hatch_een" d="M21,6h-3v8h8v-3.002l5,5l-5,5V18h-8v8h3l-5,4.998L11,26h3v-8H6l0,2.998l-5-5l5-5L6,14h8V6h-3 l5.004-4.998L21,6z M16.004,0.002c-0.256,0-0.511,0.097-0.707,0.293l-5.004,4.998c-0.286,0.286-0.372,0.716-0.217,1.09 C10.231,6.756,10.595,7,11,7h2v6H7l0-2.002c0-0.404-0.244-0.769-0.617-0.924C6.259,10.023,6.129,9.998,6,9.998 c-0.26,0-0.516,0.102-0.707,0.293l-5,5c-0.391,0.391-0.391,1.024,0,1.414l5,5C5.484,21.897,5.74,21.998,6,21.998 c0.129,0,0.259-0.025,0.382-0.076C6.756,21.767,7,21.403,7,20.998L7,19h6v6h-2c-0.404,0-0.769,0.244-0.924,0.617 c-0.155,0.374-0.069,0.804,0.217,1.09l5,4.998c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293l5-4.998 c0.286-0.286,0.372-0.716,0.217-1.09C21.769,25.244,21.404,25,21,25h-2v-6h6v1.998c0,0.404,0.244,0.769,0.617,0.924 c0.124,0.051,0.254,0.076,0.382,0.076c0.26,0,0.516-0.102,0.707-0.293l5-5C31.895,16.518,32,16.263,32,15.998 c0-0.265-0.105-0.52-0.293-0.707l-5-5C26.516,10.1,26.26,9.998,26,9.998c-0.129,0-0.259,0.025-0.382,0.076 C25.244,10.229,25,10.594,25,10.998V13h-6V7h2c0.404,0,0.769-0.244,0.924-0.617c0.155-0.374,0.069-0.804-0.217-1.09l-4.996-4.998 C16.516,0.099,16.26,0.002,16.004,0.002L16.004,0.002z"/> </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.29 KB
1.17 KB
-49%
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 height="800px" width="800px" version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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="M27.198,12.196l0.707,0.707L22.807,18h-1.414l4-4H26v-0.607L27.198,12.196z M25.393,18H26v0.807 l3.905-3.905l-0.707-0.707L25.393,18z M18.807,26H18v-0.607l-3.803,3.803l0.707,0.707L18.807,26z M14,21.393v1.414l4-4V18h0.807 l4-4h-1.414L14,21.393z M18,22.807v-1.414l-4,4V26h-0.607l-1.196,1.196l0.707,0.707L18,22.807z M13.394,6H14v0.808l3.904-3.904 l-0.707-0.707L13.394,6z M6,18.808V18h0.808l4-4H9.394l-5.196,5.196l0.707,0.707L6,18.808z M14,9.394v1.414l4-4V6h0.808 l1.096-1.096l-0.707-0.707L14,9.394z M6.808,14H6v-0.606l-3.802,3.802l0.707,0.707L6.808,14z M18,13.393L13.393,18H14v0.808 L18.808,14H18V13.393z M14,13.394V14h-0.606l-4,4h1.414L18,10.808V9.394L14,13.394z"/> <path class="hatch_een" d="M21,6h-3v8h8v-3.002l5,5l-5,5V18h-8v8h3l-5,4.998L11,26h3v-8H6l0,2.998l-5-5l5-5L6,14h8V6h-3 l5.004-4.998L21,6z M16.004,0.002c-0.256,0-0.511,0.097-0.707,0.293l-5.004,4.998c-0.286,0.286-0.372,0.716-0.217,1.09 C10.231,6.756,10.595,7,11,7h2v6H7l0-2.002c0-0.404-0.244-0.769-0.617-0.924C6.259,10.023,6.129,9.998,6,9.998 c-0.26,0-0.516,0.102-0.707,0.293l-5,5c-0.391,0.391-0.391,1.024,0,1.414l5,5C5.484,21.897,5.74,21.998,6,21.998 c0.129,0,0.259-0.025,0.382-0.076C6.756,21.767,7,21.403,7,20.998L7,19h6v6h-2c-0.404,0-0.769,0.244-0.924,0.617 c-0.155,0.374-0.069,0.804,0.217,1.09l5,4.998c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293l5-4.998 c0.286-0.286,0.372-0.716,0.217-1.09C21.769,25.244,21.404,25,21,25h-2v-6h6v1.998c0,0.404,0.244,0.769,0.617,0.924 c0.124,0.051,0.254,0.076,0.382,0.076c0.26,0,0.516-0.102,0.707-0.293l5-5C31.895,16.518,32,16.263,32,15.998 c0-0.265-0.105-0.52-0.293-0.707l-5-5C26.516,10.1,26.26,9.998,26,9.998c-0.129,0-0.259,0.025-0.382,0.076 C25.244,10.229,25,10.594,25,10.998V13h-6V7h2c0.404,0,0.769-0.244,0.924-0.617c0.155-0.374,0.069-0.804-0.217-1.09l-4.996-4.998 C16.516,0.099,16.26,0.002,16.004,0.002L16.004,0.002z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download