SVG
Viewer
Dark mode
Light mode
Hide sidebar
Tatami
Japanese Color Pack
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
998 bytes
505 bytes
-49%
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/75697/tatami --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 455 455" style="enable-background:new 0 0 455 455;" xml:space="preserve" width="512" height="512"> <g> <rect style="fill:#D19884;" width="455" height="455"/> <rect x="151.67" y="151.67" style="fill:#FFE3A1;" width="151.66" height="151.66"/> <polygon style="fill:#FFD572;" points="30,30 30,293.33 161.67,313.33 161.67,161.67 181.67,95.835 161.67,30 "/> <polygon style="fill:#FFC743;" points="30,293.33 30,425 293.33,425 313.33,293.33 "/> <polygon style="fill:#FFD572;" points="293.33,141.67 293.33,425 425,425 425,161.67 "/> <rect x="161.67" y="30" style="fill:#FFC743;" width="263.33" height="131.67"/> </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
998 bytes
505 bytes
-49%
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/75697/tatami --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 455 455" style="enable-background:new 0 0 455 455;" xml:space="preserve" width="512" height="512"> <g> <rect style="fill:#D19884;" width="455" height="455"/> <rect x="151.67" y="151.67" style="fill:#FFE3A1;" width="151.66" height="151.66"/> <polygon style="fill:#FFD572;" points="30,30 30,293.33 161.67,313.33 161.67,161.67 181.67,95.835 161.67,30 "/> <polygon style="fill:#FFC743;" points="30,293.33 30,425 293.33,425 313.33,293.33 "/> <polygon style="fill:#FFD572;" points="293.33,141.67 293.33,425 425,425 425,161.67 "/> <rect x="161.67" y="30" style="fill:#FFC743;" width="263.33" height="131.67"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download