SVG
Viewer
Dark mode
Light mode
Hide sidebar
Attend
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.19 KB
1.42 KB
-35%
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="M10,10.978l-3,3v-1.414l3-3V10.978z M10,13.564l-3,3v1.414l3-3V13.564z M12.801,2.763L7,8.564v1.414 l6.392-6.392C13.149,3.348,12.949,3.071,12.801,2.763z M10,17.564l-3,3v1.414l3-3V17.564z M9.564,2L7,4.564v1.414L10.978,2H9.564z M10,21.564l-3,3v1.414l3-3V21.564z M17.978,7l5-5h-1.414l-5,5H17.978z M18.455,2c-0.048,0.281-0.146,0.544-0.27,0.792L18.978,2 H18.455z M13.978,7l2.874-2.874c-0.407,0.204-0.863,0.328-1.352,0.328c-0.122,0-0.239-0.018-0.358-0.032L12.564,7H13.978z M13.564,26l-5,5h1.414l5-5H13.564z M21,19.978l3-3v-1.414l-3,3V19.978z M21,11.978l3-3V7.564l-3,3V11.978z M21,15.978l3-3v-1.414 l-3,3V15.978z M10.117,25.447L7,28.564v1.414l3.982-3.982C10.601,25.989,10.28,25.766,10.117,25.447z M20.447,7.117 c0.319,0.162,0.542,0.483,0.55,0.864L24,4.978V3.564L20.447,7.117z M17.564,26l-2.594,2.594c0.172-0.03,0.349-0.047,0.53-0.047 c0.283,0,0.551,0.049,0.81,0.121L18.978,26H17.564z M21,23.978l3-3v-1.414l-3,3V23.978z M21.978,31L24,28.978v-1.414L20.564,31 H21.978z M18.355,30.623L24,24.978v-1.414l-6.133,6.133C18.083,29.972,18.248,30.284,18.355,30.623z"/> <path class="hatch_een" d="M24,31h-5.545c-0.238-1.392-1.469-2.453-2.955-2.453S12.783,29.608,12.545,31H7V2h5.545 c0.238,1.392,1.469,2.453,2.955,2.453S18.217,3.392,18.455,2H24V31z M18.455,1c-0.487,0-0.903,0.351-0.986,0.831 c-0.161,0.94-0.989,1.622-1.969,1.622s-1.808-0.682-1.969-1.622C13.448,1.351,13.032,1,12.545,1H7C6.448,1,6,1.448,6,2v29 c0,0.552,0.448,1,1,1h5.545c0.487,0,0.903-0.351,0.986-0.831c0.161-0.94,0.989-1.622,1.969-1.622s1.808,0.682,1.969,1.622 C17.552,31.649,17.968,32,18.455,32H24c0.552,0,1-0.448,1-1V2c0-0.552-0.448-1-1-1H18.455z M20,7h-9c-0.552,0-1,0.448-1,1v17 c0,0.552,0.448,1,1,1h9c0.552,0,1-0.448,1-1V8C21,7.448,20.552,7,20,7z M20,8v8h-9V8H20z M11,25v-8h9v8H11z"/> </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.19 KB
1.42 KB
-35%
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="M10,10.978l-3,3v-1.414l3-3V10.978z M10,13.564l-3,3v1.414l3-3V13.564z M12.801,2.763L7,8.564v1.414 l6.392-6.392C13.149,3.348,12.949,3.071,12.801,2.763z M10,17.564l-3,3v1.414l3-3V17.564z M9.564,2L7,4.564v1.414L10.978,2H9.564z M10,21.564l-3,3v1.414l3-3V21.564z M17.978,7l5-5h-1.414l-5,5H17.978z M18.455,2c-0.048,0.281-0.146,0.544-0.27,0.792L18.978,2 H18.455z M13.978,7l2.874-2.874c-0.407,0.204-0.863,0.328-1.352,0.328c-0.122,0-0.239-0.018-0.358-0.032L12.564,7H13.978z M13.564,26l-5,5h1.414l5-5H13.564z M21,19.978l3-3v-1.414l-3,3V19.978z M21,11.978l3-3V7.564l-3,3V11.978z M21,15.978l3-3v-1.414 l-3,3V15.978z M10.117,25.447L7,28.564v1.414l3.982-3.982C10.601,25.989,10.28,25.766,10.117,25.447z M20.447,7.117 c0.319,0.162,0.542,0.483,0.55,0.864L24,4.978V3.564L20.447,7.117z M17.564,26l-2.594,2.594c0.172-0.03,0.349-0.047,0.53-0.047 c0.283,0,0.551,0.049,0.81,0.121L18.978,26H17.564z M21,23.978l3-3v-1.414l-3,3V23.978z M21.978,31L24,28.978v-1.414L20.564,31 H21.978z M18.355,30.623L24,24.978v-1.414l-6.133,6.133C18.083,29.972,18.248,30.284,18.355,30.623z"/> <path class="hatch_een" d="M24,31h-5.545c-0.238-1.392-1.469-2.453-2.955-2.453S12.783,29.608,12.545,31H7V2h5.545 c0.238,1.392,1.469,2.453,2.955,2.453S18.217,3.392,18.455,2H24V31z M18.455,1c-0.487,0-0.903,0.351-0.986,0.831 c-0.161,0.94-0.989,1.622-1.969,1.622s-1.808-0.682-1.969-1.622C13.448,1.351,13.032,1,12.545,1H7C6.448,1,6,1.448,6,2v29 c0,0.552,0.448,1,1,1h5.545c0.487,0,0.903-0.351,0.986-0.831c0.161-0.94,0.989-1.622,1.969-1.622s1.808,0.682,1.969,1.622 C17.552,31.649,17.968,32,18.455,32H24c0.552,0,1-0.448,1-1V2c0-0.552-0.448-1-1-1H18.455z M20,7h-9c-0.552,0-1,0.448-1,1v17 c0,0.552,0.448,1,1,1h9c0.552,0,1-0.448,1-1V8C21,7.448,20.552,7,20,7z M20,8v8h-9V8H20z M11,25v-8h9v8H11z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download