SVG
Viewer
Dark mode
Light mode
Hide sidebar
Tatami Floor
Japan 10
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.8 KB
1.27 KB
-29%
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/299951/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"> <path style="fill:#EACA71;" d="M495.304,512H16.696C7.479,512,0,504.527,0,495.304V16.696C0,7.473,7.479,0,16.696,0h478.609 C504.521,0,512,7.473,512,16.696v478.609C512,504.527,504.521,512,495.304,512z"/> <path style="fill:#E1B762;" d="M495.304,0H256v512h239.304c9.217,0,16.696-7.473,16.696-16.696V16.696 C512,7.473,504.521,0,495.304,0z"/> <path style="fill:#D88329;" d="M50.087,478.609h411.826c9.22,0,16.696-7.475,16.696-16.696V50.087 c0-9.22-7.475-16.696-16.696-16.696H50.087c-9.22,0-16.696,7.475-16.696,16.696v411.826 C33.391,471.133,40.867,478.609,50.087,478.609z"/> <path style="fill:#CB6D25;" d="M461.913,33.391H256v445.217h205.913c9.22,0,16.696-7.475,16.696-16.696V50.087 C478.609,40.867,471.133,33.391,461.913,33.391z"/> <rect x="178.087" y="178.087" style="fill:#D88329;" width="155.826" height="155.826"/> <rect x="256" y="178.087" style="fill:#CB6D25;" width="77.913" height="155.826"/> <path style="fill:#E1B762;" d="M300.522,333.913h144.696V83.478c0-9.22-7.475-16.696-16.696-16.696h-128V333.913z"/> <g> <path style="fill:#EACA71;" d="M300.522,211.478H66.783v-128c0-9.22,7.475-16.696,16.696-16.696h217.043V211.478z"/> <path style="fill:#EACA71;" d="M178.087,300.522h267.13v128c0,9.22-7.475,16.696-16.696,16.696H178.087V300.522z"/> </g> <path style="fill:#E1B762;" d="M211.478,445.217h-128c-9.22,0-16.696-7.475-16.696-16.696V211.478h144.696V445.217z"/> </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.8 KB
1.27 KB
-29%
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/299951/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"> <path style="fill:#EACA71;" d="M495.304,512H16.696C7.479,512,0,504.527,0,495.304V16.696C0,7.473,7.479,0,16.696,0h478.609 C504.521,0,512,7.473,512,16.696v478.609C512,504.527,504.521,512,495.304,512z"/> <path style="fill:#E1B762;" d="M495.304,0H256v512h239.304c9.217,0,16.696-7.473,16.696-16.696V16.696 C512,7.473,504.521,0,495.304,0z"/> <path style="fill:#D88329;" d="M50.087,478.609h411.826c9.22,0,16.696-7.475,16.696-16.696V50.087 c0-9.22-7.475-16.696-16.696-16.696H50.087c-9.22,0-16.696,7.475-16.696,16.696v411.826 C33.391,471.133,40.867,478.609,50.087,478.609z"/> <path style="fill:#CB6D25;" d="M461.913,33.391H256v445.217h205.913c9.22,0,16.696-7.475,16.696-16.696V50.087 C478.609,40.867,471.133,33.391,461.913,33.391z"/> <rect x="178.087" y="178.087" style="fill:#D88329;" width="155.826" height="155.826"/> <rect x="256" y="178.087" style="fill:#CB6D25;" width="77.913" height="155.826"/> <path style="fill:#E1B762;" d="M300.522,333.913h144.696V83.478c0-9.22-7.475-16.696-16.696-16.696h-128V333.913z"/> <g> <path style="fill:#EACA71;" d="M300.522,211.478H66.783v-128c0-9.22,7.475-16.696,16.696-16.696h217.043V211.478z"/> <path style="fill:#EACA71;" d="M178.087,300.522h267.13v128c0,9.22-7.475,16.696-16.696,16.696H178.087V300.522z"/> </g> <path style="fill:#E1B762;" d="M211.478,445.217h-128c-9.22,0-16.696-7.475-16.696-16.696V211.478h144.696V445.217z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download