Add icons to this collection by clicking the heart icon.
Tile icon - also known as traditional, decoration, adornment, mosaic, tile, and art and design. Created in a clean lineal style, 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="512"
height="512"
viewBox="0 0 512 512"
>
<g>
<line
x1="211"
y1="442.375"
x2="7.5"
y2="442.375"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="504.5"
y1="442.375"
x2="7.5"
y2="442.375"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M7.5,489.5v-467c0-8.284,6.716-15,15-15h467c8.284,0,15,6.716,15,15v467c0,8.284-6.716,15-15,15h-467 C14.216,504.5,7.5,497.784,7.5,489.5z"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="442.375"
y1="7.5"
x2="442.375"
y2="504.5"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="7.5"
y="193.875"
transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 512 5.684342e-14)"
width="497"
height="124.25"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="7.5"
y1="69.625"
x2="504.5"
y2="69.625"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="7.5"
y="193.875"
width="497"
height="124.25"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polyline
points="69.625,193.875 193.875,193.875 193.875,318.125 69.625,318.125"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polyline
points="349,69.625 69.625,69.625 69.625,244"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="442.375"
y1="69.625"
x2="384"
y2="69.625"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="69.625"
y1="279"
x2="69.625"
y2="442.375"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<g>
<rect
x="193.875"
y="69.625"
width="124.25"
height="124.25"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polygon
points="193.875,69.625 256,131.75 318.125,69.625"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polygon
points="318.125,193.875 256,131.75 193.875,193.875"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<line
x1="318.125"
y1="318.125"
x2="318.125"
y2="442.375"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polyline
points="193.875,442.375 193.875,318.125 318.125,318.125"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polygon
points="193.875,318.125 256,380.25 318.125,318.125"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polyline
points="267,442.375 318.125,442.375 256,380.25 193.875,442.375 232,442.375"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<polygon
points="193.875,193.875 131.75,256 193.875,318.125"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polyline
points="69.625,318.125 131.75,256 69.625,193.875"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<polygon
points="442.375,193.875 380.25,256 442.375,318.125"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polygon
points="318.125,318.125 380.25,256 318.125,193.875"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<line
x1="69.625"
y1="151"
x2="69.625"
y2="7.5"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="69.625"
y1="504.5"
x2="69.625"
y2="346"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</svg>
More icons in the same style and category