SVG
Viewer
Dark mode
Light mode
Hide sidebar
Tatami Floor
Japan 11
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
1.44 KB
650 bytes
-56%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/299987/tatami-floor --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M495.304,0H16.696C7.479,0,0,7.473,0,16.696v478.609C0,504.527,7.479,512,16.696,512h478.609 c9.217,0,16.696-7.473,16.696-16.696V16.696C512,7.473,504.521,0,495.304,0z M445.217,428.522c0,9.223-7.479,16.696-16.696,16.696 H83.478c-9.217,0-16.696-7.473-16.696-16.696V83.478c0-9.223,7.479-16.696,16.696-16.696h345.043 c9.217,0,16.696,7.473,16.696,16.696V428.522z"/> </g> </g> <g> <g> <polygon points="100.174,100.174 100.174,178.087 194.783,178.087 300.522,178.087 300.522,100.174 "/> </g> </g> <g> <g> <polygon points="333.913,100.174 333.913,194.783 333.913,300.522 411.826,300.522 411.826,100.174 "/> </g> </g> <g> <g> <rect x="211.478" y="211.478" width="89.043" height="89.043"/> </g> </g> <g> <g> <polygon points="100.174,211.478 100.174,411.826 178.087,411.826 178.087,317.217 178.087,211.478 "/> </g> </g> <g> <g> <polygon points="317.217,333.913 211.478,333.913 211.478,411.826 411.826,411.826 411.826,333.913 "/> </g> </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
Set Dimensions
Change dimensions
Optimize
1.44 KB
650 bytes
-56%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/299987/tatami-floor --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M495.304,0H16.696C7.479,0,0,7.473,0,16.696v478.609C0,504.527,7.479,512,16.696,512h478.609 c9.217,0,16.696-7.473,16.696-16.696V16.696C512,7.473,504.521,0,495.304,0z M445.217,428.522c0,9.223-7.479,16.696-16.696,16.696 H83.478c-9.217,0-16.696-7.473-16.696-16.696V83.478c0-9.223,7.479-16.696,16.696-16.696h345.043 c9.217,0,16.696,7.473,16.696,16.696V428.522z"/> </g> </g> <g> <g> <polygon points="100.174,100.174 100.174,178.087 194.783,178.087 300.522,178.087 300.522,100.174 "/> </g> </g> <g> <g> <polygon points="333.913,100.174 333.913,194.783 333.913,300.522 411.826,300.522 411.826,100.174 "/> </g> </g> <g> <g> <rect x="211.478" y="211.478" width="89.043" height="89.043"/> </g> </g> <g> <g> <polygon points="100.174,211.478 100.174,411.826 178.087,411.826 178.087,317.217 178.087,211.478 "/> </g> </g> <g> <g> <polygon points="317.217,333.913 211.478,333.913 211.478,411.826 411.826,411.826 411.826,333.913 "/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download