SVG
Viewer
Dark mode
Light mode
Hide sidebar
Design
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.54 KB
1.46 KB
-42%
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;} .st0{fill:#333B3A;} </style> <g> <path class="hatch_twee" d="M12.002,26.015L8.017,30H8v-1.397l4.011-4.011L12.002,26.015z M10.603,30h1.414l4.766-4.766 l-0.656-0.758L10.603,30z M9.401,16.617l-0.656-0.758L8,16.603v1.414L9.401,16.617z M14.603,30h1.414l2.645-2.645l-0.656-0.758 L14.603,30z M18.603,30h1.414l0.525-0.525l-0.656-0.758L18.603,30z M24.824,5.193c-0.394-0.116-0.81-0.177-1.228-0.186 l-4.586,4.586c0.009,0.422,0.088,0.823,0.205,1.209L24.824,5.193z M22.685,13.918C22.95,13.966,23.221,14,23.5,14 c0.187,0,0.373-0.018,0.558-0.041L26,12.017v-1.414L22.685,13.918z M20.138,12.464c0.222,0.251,0.465,0.481,0.737,0.677L26,8.017 V6.603L20.138,12.464z M14.027,23.99l-1.036,0.012L13,25.017L14.027,23.99z M11.231,18.786l-0.657-0.757L8,20.603v1.414 L11.231,18.786z M13.07,20.947l-0.652-0.762L8,24.603v1.414L13.07,20.947z M14.825,22.994l-0.568-0.648l-0.66,0.66L14.825,22.994z" /> <path class="hatch_een" d="M15.5,9h-5C10.224,9,10,8.776,10,8.5S10.224,8,10.5,8h5C15.776,8,16,8.224,16,8.5S15.776,9,15.5,9z M16,10.5c0-0.276-0.224-0.5-0.5-0.5h-5c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h5C15.776,11,16,10.776,16,10.5z M16,12.5 c0-0.276-0.224-0.5-0.5-0.5h-5c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h5C15.776,13,16,12.776,16,12.5z M27,2v23.333 c0,0.253-0.096,0.497-0.268,0.682l-4.35,4.667C22.192,30.885,21.927,31,21.65,31H8c-0.552,0-1-0.448-1-1V2c0-0.552,0.448-1,1-1h18 C26.552,1,27,1.448,27,2z M20.996,30l-5.314-6C15.669,24.001,13,24,13,24l0,2.503C12.998,26.778,12.774,27,12.5,27 c-0.276,0-0.502-0.227-0.5-0.503l0-3c0.002-0.273,0.223-0.495,0.497-0.497h2.33L8,15v15H20.996z M26,25h-4v4.444L26,25z M26,5.727 C25.296,5.271,24.401,5,23.5,5C21.015,5,19,7.015,19,9.5s2.015,4.5,4.5,4.5c0.901,0,1.796-0.271,2.5-0.727V5.727z M26,2H8v11.465 l7,8.256v-1.195c0.002-0.274,0.382-0.525,0.656-0.526H18v-2.5c0.001-0.274,0.238-0.496,0.513-0.498c0,0,2.986-0.002,2.987-0.002 c0.275,0,0.499,0.211,0.5,0.486c0.001,0.276-0.222,0.512-0.498,0.514H19v2.519c-0.001,0.274-0.224,0.48-0.498,0.481H16v1.868 l5,5.604V25c0-0.552,0.448-1,1-1h4v-9.621C25.223,14.779,24.372,15,23.5,15c-3.033,0-5.5-2.467-5.5-5.5S20.467,4,23.5,4 c0.872,0,1.723,0.221,2.5,0.621V2z"/> </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.54 KB
1.46 KB
-42%
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;} .st0{fill:#333B3A;} </style> <g> <path class="hatch_twee" d="M12.002,26.015L8.017,30H8v-1.397l4.011-4.011L12.002,26.015z M10.603,30h1.414l4.766-4.766 l-0.656-0.758L10.603,30z M9.401,16.617l-0.656-0.758L8,16.603v1.414L9.401,16.617z M14.603,30h1.414l2.645-2.645l-0.656-0.758 L14.603,30z M18.603,30h1.414l0.525-0.525l-0.656-0.758L18.603,30z M24.824,5.193c-0.394-0.116-0.81-0.177-1.228-0.186 l-4.586,4.586c0.009,0.422,0.088,0.823,0.205,1.209L24.824,5.193z M22.685,13.918C22.95,13.966,23.221,14,23.5,14 c0.187,0,0.373-0.018,0.558-0.041L26,12.017v-1.414L22.685,13.918z M20.138,12.464c0.222,0.251,0.465,0.481,0.737,0.677L26,8.017 V6.603L20.138,12.464z M14.027,23.99l-1.036,0.012L13,25.017L14.027,23.99z M11.231,18.786l-0.657-0.757L8,20.603v1.414 L11.231,18.786z M13.07,20.947l-0.652-0.762L8,24.603v1.414L13.07,20.947z M14.825,22.994l-0.568-0.648l-0.66,0.66L14.825,22.994z" /> <path class="hatch_een" d="M15.5,9h-5C10.224,9,10,8.776,10,8.5S10.224,8,10.5,8h5C15.776,8,16,8.224,16,8.5S15.776,9,15.5,9z M16,10.5c0-0.276-0.224-0.5-0.5-0.5h-5c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h5C15.776,11,16,10.776,16,10.5z M16,12.5 c0-0.276-0.224-0.5-0.5-0.5h-5c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h5C15.776,13,16,12.776,16,12.5z M27,2v23.333 c0,0.253-0.096,0.497-0.268,0.682l-4.35,4.667C22.192,30.885,21.927,31,21.65,31H8c-0.552,0-1-0.448-1-1V2c0-0.552,0.448-1,1-1h18 C26.552,1,27,1.448,27,2z M20.996,30l-5.314-6C15.669,24.001,13,24,13,24l0,2.503C12.998,26.778,12.774,27,12.5,27 c-0.276,0-0.502-0.227-0.5-0.503l0-3c0.002-0.273,0.223-0.495,0.497-0.497h2.33L8,15v15H20.996z M26,25h-4v4.444L26,25z M26,5.727 C25.296,5.271,24.401,5,23.5,5C21.015,5,19,7.015,19,9.5s2.015,4.5,4.5,4.5c0.901,0,1.796-0.271,2.5-0.727V5.727z M26,2H8v11.465 l7,8.256v-1.195c0.002-0.274,0.382-0.525,0.656-0.526H18v-2.5c0.001-0.274,0.238-0.496,0.513-0.498c0,0,2.986-0.002,2.987-0.002 c0.275,0,0.499,0.211,0.5,0.486c0.001,0.276-0.222,0.512-0.498,0.514H19v2.519c-0.001,0.274-0.224,0.48-0.498,0.481H16v1.868 l5,5.604V25c0-0.552,0.448-1,1-1h4v-9.621C25.223,14.779,24.372,15,23.5,15c-3.033,0-5.5-2.467-5.5-5.5S20.467,4,23.5,4 c0.872,0,1.723,0.221,2.5,0.621V2z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download