SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Urbanize
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.91 KB
1.12 KB
-41%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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="M5,17.414V16l9-9v1.414L5,17.414z M11,22l-2,2v1.414l2-2V22z M11,14l-4,4 c0.384,0,0.706,0.223,0.874,0.54L11,15.414V14z M8.874,21.54L11,19.414V18l-3,3C8.384,21,8.706,21.223,8.874,21.54z M5,8v1.414 l3.183-3.183L5.001,7.999L5,8z M23,30v1h0.414L30,24.414V23L23,30z M24.414,6L26,4.414V4h-1l-2,2H24.414z M11,26l-2,2v1.414l2-2V26 z M30,28.414V27l-4,4h1.414L30,28.414z M14,4.414V3l-9,9v1.414L14,4.414z M12,13h1.414L14,12.414V11L12,13z M19,14v1.414L24.414,10 H23L19,14z M21,8v1h0.414l2-2H22L21,8z M24,9h1.414l2-2H26L24,9z M11,30l-1,1h1V30z M19,10v1.414L20.414,10L19,10L19,10z M30,31 L30,31L30,31L30,31z M21,16h1c0.122,0,0.238,0.029,0.346,0.07L28.414,10H27L21,16z M23,26v1.414l7-7V19L23,26z M23,22v1.414l7-7V15 L23,22z M23,18v1.414l7-7V11L23,18z"/> <path class="hatch_een" d="M30,9h-1V7c0-0.552-0.448-1-1-1h-1V4c0-0.552-0.448-1-1-1h-1V0.5C25,0.224,24.776,0,24.5,0 S24,0.224,24,0.5V3h-1c-0.552,0-1,0.448-1,1v2h-1c-0.552,0-1,0.448-1,1v2h-1c-0.552,0-1,0.448-1,1v6h-1v-2c0-0.552-0.448-1-1-1h-1 V3c0-0.354-0.188-0.682-0.493-0.862C14.351,2.046,14.175,2,14,2c-0.167,0-0.334,0.042-0.486,0.126l-9,5C4.197,7.302,4,7.637,4,8v10 H2c-0.552,0-1,0.448-1,1v2c-0.552,0-1,0.448-1,1v9c0,0.552,0.448,1,1,1h29c0.552,0,1-0.448,1-1V10C31,9.448,30.552,9,30,9z M23,4h3 v2h-3V4z M21,7h7v2h-7V7z M2,19h5v2H2V19z M1,31v-9h7v9H1z M9,31v-9c0-0.552-0.448-1-1-1v-2c0-0.552-0.448-1-1-1H5V8l9-5v10h-2 c-0.552,0-1,0.448-1,1v17H9z M12,31V14h4v3h6v14H12z M30,31h-7V17c0-0.552-0.448-1-1-1h-3v-6h11V31z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1.91 KB
1.12 KB
-41%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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="M5,17.414V16l9-9v1.414L5,17.414z M11,22l-2,2v1.414l2-2V22z M11,14l-4,4 c0.384,0,0.706,0.223,0.874,0.54L11,15.414V14z M8.874,21.54L11,19.414V18l-3,3C8.384,21,8.706,21.223,8.874,21.54z M5,8v1.414 l3.183-3.183L5.001,7.999L5,8z M23,30v1h0.414L30,24.414V23L23,30z M24.414,6L26,4.414V4h-1l-2,2H24.414z M11,26l-2,2v1.414l2-2V26 z M30,28.414V27l-4,4h1.414L30,28.414z M14,4.414V3l-9,9v1.414L14,4.414z M12,13h1.414L14,12.414V11L12,13z M19,14v1.414L24.414,10 H23L19,14z M21,8v1h0.414l2-2H22L21,8z M24,9h1.414l2-2H26L24,9z M11,30l-1,1h1V30z M19,10v1.414L20.414,10L19,10L19,10z M30,31 L30,31L30,31L30,31z M21,16h1c0.122,0,0.238,0.029,0.346,0.07L28.414,10H27L21,16z M23,26v1.414l7-7V19L23,26z M23,22v1.414l7-7V15 L23,22z M23,18v1.414l7-7V11L23,18z"/> <path class="hatch_een" d="M30,9h-1V7c0-0.552-0.448-1-1-1h-1V4c0-0.552-0.448-1-1-1h-1V0.5C25,0.224,24.776,0,24.5,0 S24,0.224,24,0.5V3h-1c-0.552,0-1,0.448-1,1v2h-1c-0.552,0-1,0.448-1,1v2h-1c-0.552,0-1,0.448-1,1v6h-1v-2c0-0.552-0.448-1-1-1h-1 V3c0-0.354-0.188-0.682-0.493-0.862C14.351,2.046,14.175,2,14,2c-0.167,0-0.334,0.042-0.486,0.126l-9,5C4.197,7.302,4,7.637,4,8v10 H2c-0.552,0-1,0.448-1,1v2c-0.552,0-1,0.448-1,1v9c0,0.552,0.448,1,1,1h29c0.552,0,1-0.448,1-1V10C31,9.448,30.552,9,30,9z M23,4h3 v2h-3V4z M21,7h7v2h-7V7z M2,19h5v2H2V19z M1,31v-9h7v9H1z M9,31v-9c0-0.552-0.448-1-1-1v-2c0-0.552-0.448-1-1-1H5V8l9-5v10h-2 c-0.552,0-1,0.448-1,1v17H9z M12,31V14h4v3h6v14H12z M30,31h-7V17c0-0.552-0.448-1-1-1h-3v-6h11V31z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG