Add icons to this collection by clicking the heart icon.
Tatami icon - also known as oriental, asian, japanese, arena, martial arts, floor, miscellaneous, and tatami. Created in a clean lineal color style with a white, gray, black, red, and teal finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-286.363a8 8 0 0 1-6.342-3.123l-97.357-126.581a8.005 8.005 0 0 1-1.659-4.877v-206.643c0-1.763.584-3.478 1.659-4.877l99.759-129.704H0a8 8 0 0 1 6.341 3.123l97.357 126.581a8.007 8.007 0 0 1 1.659 4.877v206.643a8.005 8.005 0 0 1-1.659 4.877L6.341-3.123A7.997 7.997 0 0 1 0 0"
transform="translate(399.18 493.902)"
fill="#465a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-206.641a8.001 8.001 0 0 0-1.659-4.878l-97.363-126.58a8.004 8.004 0 0 0-6.341-3.122h-18.207l101.424 131.86V2.721L-123.57 134.58h18.207a8 8 0 0 0 6.341-3.122L-1.659 4.878A7.999 7.999 0 0 0 0 0"
transform="translate(504.54 359.32)"
fill="#384a4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.854 40.119a7.994 7.994 0 0 1-6.34 3.123h-286.364a7.997 7.997 0 0 1-6.341-3.123l-97.357-126.581a7.996 7.996 0 0 1-1.659-4.877v-206.642c0-1.764.583-3.479 1.659-4.877l99.759-129.704h290.303a7.994 7.994 0 0 1 6.34 3.123l97.358 126.581a8.002 8.002 0 0 1 1.659 4.877v206.642a8.002 8.002 0 0 1-1.659 4.877l-45.132 58.68"
transform="translate(436.375 450.66)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-230.963a8 8 0 0 1-6.342-3.122l-78.262-101.756a7.994 7.994 0 0 1-1.659-4.877v-166.711c0-1.764.583-3.478 1.659-4.877l78.262-101.756a8.003 8.003 0 0 1 6.342-3.122H0a8.004 8.004 0 0 1 6.342 3.122l78.262 101.756a7.998 7.998 0 0 1 1.659 4.877v166.711a7.994 7.994 0 0 1-1.659 4.877L6.342-3.122A8.001 8.001 0 0 1 0 0"
transform="translate(371.48 449.11)"
fill="#f5f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-166.719a8 8 0 0 0-1.659-4.877l-78.26-101.751a8 8 0 0 0-6.341-3.123h-16.06L-20-169.439V2.721l-82.32 107.03h16.06a7.997 7.997 0 0 0 6.341-3.123L-1.659 4.877A7.996 7.996 0 0 0 0 0"
transform="translate(457.74 339.36)"
fill="#e8edf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-230.963a8 8 0 0 1-6.342-3.122l-78.262-101.756a7.994 7.994 0 0 1-1.659-4.877v-166.711c0-1.764.583-3.478 1.659-4.877l78.262-101.756a8.003 8.003 0 0 1 6.342-3.122H0a8.004 8.004 0 0 1 6.342 3.122l78.262 101.756a7.998 7.998 0 0 1 1.659 4.877v166.711a7.994 7.994 0 0 1-1.659 4.877L6.342-3.122A8.001 8.001 0 0 1 0 0Z"
transform="translate(371.48 449.11)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v23.4a4.737 4.737 0 0 0 4.736 4.738h77.112a4.737 4.737 0 0 0 4.736-4.738V0a4.736 4.736 0 0 0-4.736-4.737H4.736A4.737 4.737 0 0 0 0 0"
transform="translate(212.708 99.622)"
fill="#e94444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v23.4a4.737 4.737 0 0 0 4.736 4.738h77.112a4.737 4.737 0 0 0 4.736-4.738V0a4.736 4.736 0 0 0-4.736-4.737H4.736A4.737 4.737 0 0 0 0 0"
transform="translate(212.708 388.978)"
fill="#e94444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-23.399a4.733 4.733 0 0 0-4.73-4.731h-20c2.61 0 4.73 2.12 4.73 4.731V0c0 2.62-2.12 4.74-4.73 4.74h20C-2.12 4.74 0 2.62 0 0"
transform="translate(299.29 123.02)"
fill="#d83131"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-23.399a4.735 4.735 0 0 0-4.73-4.741h-20c2.61 0 4.73 2.12 4.73 4.741V0c0 2.61-2.12 4.73-4.73 4.73h20C-2.12 4.73 0 2.61 0 0"
transform="translate(299.29 412.38)"
fill="#d83131"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h23.401a4.736 4.736 0 0 0 4.736-4.736v-77.112a4.736 4.736 0 0 0-4.736-4.736H0a4.736 4.736 0 0 0-4.737 4.736v77.112A4.736 4.736 0 0 0 0 0"
transform="translate(99.622 299.292)"
fill="#e94444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h23.4a4.737 4.737 0 0 0 4.738-4.736v-77.112a4.737 4.737 0 0 0-4.738-4.736H0a4.736 4.736 0 0 0-4.737 4.736v77.112A4.736 4.736 0 0 0 0 0"
transform="translate(388.978 299.292)"
fill="#e94444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-77.119c0-2.61-2.12-4.731-4.73-4.731h-16.9a4.736 4.736 0 0 1 4.739 4.731V0c0 2.61-2.12 4.73-4.739 4.73h16.9C-2.12 4.73 0 2.61 0 0"
transform="translate(417.11 294.56)"
fill="#d83131"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-102.043a7.996 7.996 0 0 1-6.341-3.123l-33.827-43.981a7.995 7.995 0 0 1-1.659-4.876v-73.79c0-1.763.583-3.478 1.659-4.876l33.827-43.981a7.996 7.996 0 0 1 6.341-3.123H0a8 8 0 0 1 6.342 3.123l33.826 43.981a7.995 7.995 0 0 1 1.659 4.876v73.79a7.995 7.995 0 0 1-1.659 4.876L6.342-3.123A8 8 0 0 1 0 0"
transform="translate(307.022 344.875)"
fill="#7a8d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-73.779a8.002 8.002 0 0 0-1.658-4.877l-33.83-43.99a8.001 8.001 0 0 0-6.341-3.124H-57.89L-20-76.5V2.721L-57.89 51.99h16.061a8 8 0 0 0 6.341-3.123l33.83-43.99A8.002 8.002 0 0 0 0 0"
transform="translate(348.85 292.89)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h50.021a7.996 7.996 0 0 1 6.342 3.123l33.826 43.981a7.99 7.99 0 0 1 1.66 4.876v73.79a7.99 7.99 0 0 1-1.66 4.876l-33.826 43.981a7.996 7.996 0 0 1-6.342 3.123H-52.021a7.998 7.998 0 0 1-6.342-3.123l-33.827-43.981a7.995 7.995 0 0 1-1.659-4.876V51.98c0-1.763.583-3.478 1.659-4.876l33.827-43.981A7.998 7.998 0 0 1-52.021 0h16.771"
transform="translate(257 167.125)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-77.119c0-2.61-2.12-4.731-4.73-4.731h-16.9c2.62 0 4.74 2.121 4.74 4.731V0c0 2.61-2.12 4.73-4.74 4.73h16.9C-2.12 4.73 0 2.61 0 0"
transform="translate(127.76 294.56)"
fill="#d83131"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v23.4a4.737 4.737 0 0 0 4.736 4.738h77.112a4.737 4.737 0 0 0 4.736-4.738V0a4.736 4.736 0 0 0-4.736-4.737H4.736A4.737 4.737 0 0 0 0 0Z"
transform="translate(212.708 99.622)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v23.4a4.737 4.737 0 0 0 4.736 4.738h77.112a4.737 4.737 0 0 0 4.736-4.738V0a4.736 4.736 0 0 0-4.736-4.737H4.736A4.737 4.737 0 0 0 0 0Z"
transform="translate(212.708 388.978)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h23.401a4.736 4.736 0 0 0 4.736-4.736v-77.112a4.736 4.736 0 0 0-4.736-4.736H0a4.736 4.736 0 0 0-4.737 4.736v77.112A4.736 4.736 0 0 0 0 0Z"
transform="translate(99.622 299.292)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h23.4a4.737 4.737 0 0 0 4.738-4.736v-77.112a4.737 4.737 0 0 0-4.738-4.736H0a4.736 4.736 0 0 0-4.737 4.736v77.112A4.736 4.736 0 0 0 0 0Z"
transform="translate(388.978 299.292)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category