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 color 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"
>
<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-467c-8.284 0-15-6.716-15-15z"
fill="#fed2a4"
/>
<path
d="M489.5 7.5H459c8.284 0 15 6.716 15 15v467c0 8.284-6.716 15-15 15h30.5c8.284 0 15-6.716 15-15v-467c0-8.284-6.716-15-15-15z"
fill="#ffbd86"
/>
<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-467c-8.284 0-15-6.716-15-15z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M47.5 47.5h417v417h-417z"
transform="rotate(90 256 256)"
fill="#fff3de"
/>
<path d="M434 114.5h30.5v283H434z" fill="#ffe5c2" />
<path
d="M464.5 397.5V296M296 464.5h101.5M114.5 464.5H216M47.5 296v101.5M464.5 216V114.5M397.5 47.5H296M47.5 114.5V140M216 47.5H114.5M47.5 175v41"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M434.5 186h-69.191v22.238c0 1.603.624 3.109 1.757 4.242l40.691 40.691a4.006 4.006 0 0 1 0 5.657l-40.691 40.691a5.96 5.96 0 0 0-1.757 4.242V326H434.5l70-70-70-70zM208.238 146.691a5.959 5.959 0 0 0 4.242-1.757l40.691-40.691c.756-.756 1.76-1.172 2.829-1.172s2.073.416 2.829 1.172l40.691 40.691a5.959 5.959 0 0 0 4.242 1.757H326V77.5l-70-70-70 70v69.191h22.238zM146.691 303.763a5.959 5.959 0 0 0-1.757-4.242l-40.691-40.691a4.006 4.006 0 0 1 0-5.657l40.691-40.691a5.96 5.96 0 0 0 1.757-4.242V186H77.5l-70 70 70 70h69.191v-22.237zM303.762 365.309a5.959 5.959 0 0 0-4.242 1.757l-40.691 40.691c-.756.756-1.76 1.172-2.829 1.172s-2.073-.416-2.829-1.172l-40.691-40.691a5.959 5.959 0 0 0-4.242-1.757H186V434.5l70 70 70-70v-69.191h-22.238z"
fill="#2abcc8"
/>
<path
d="M146.691 303.763a5.959 5.959 0 0 0-1.757-4.242l-3.52-3.521H77.5l-55-55-15 15 70 70h69.191v-22.237zM489.5 241l-55 55h-63.914l-3.521 3.521a5.96 5.96 0 0 0-1.757 4.242V326H434.5l70-70-15-15zM296 141.415l3.52 3.52a5.959 5.959 0 0 0 4.242 1.757H326V77.5l-70-70-15 15 55 55v63.915zM303.762 365.309a5.959 5.959 0 0 0-4.242 1.757l-3.52 3.52V434.5l-55 55 15 15 70-70v-69.191h-22.238z"
fill="#0cacba"
/>
<path
d="M145.691 303.763a5.004 5.004 0 0 0-1.464-3.536l-40.691-40.691a5 5 0 0 1 0-7.071l40.691-40.691a4.998 4.998 0 0 0 1.464-3.536V186H77.5l-70 70 70 70h68.191v-22.237zM208.238 145.692a5.004 5.004 0 0 0 3.536-1.464l40.691-40.691a5 5 0 0 1 7.071 0l40.691 40.691a4.998 4.998 0 0 0 3.536 1.464H326V77.5l-70-70-70 70v68.192h22.238zM434.5 186h-68.191v22.238c0 1.326.527 2.598 1.464 3.536l40.691 40.691a5 5 0 0 1 0 7.071l-40.691 40.691a4.998 4.998 0 0 0-1.464 3.536V326H434.5l70-70-70-70zM186 366.308V434.5l70 70 70-70v-68.192"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M208.238 366.308h-57.546a5 5 0 0 1-5-5v-57.545a5.004 5.004 0 0 0-1.464-3.536l-40.691-40.691a5 5 0 0 1 0-7.071l40.691-40.691a4.998 4.998 0 0 0 1.464-3.536v-57.546a5 5 0 0 1 5-5h57.546a5.004 5.004 0 0 0 3.536-1.464l40.691-40.691a5 5 0 0 1 7.071 0l40.691 40.691a4.998 4.998 0 0 0 3.536 1.464h57.546a5 5 0 0 1 5 5v57.546c0 1.326.527 2.598 1.464 3.536l40.691 40.691a5 5 0 0 1 0 7.071l-40.691 40.691a4.998 4.998 0 0 0-1.464 3.536v57.545a5 5 0 0 1-5 5h-57.546a5.004 5.004 0 0 0-3.536 1.464l-40.691 40.691a5 5 0 0 1-7.071 0l-40.691-40.691a5.006 5.006 0 0 0-3.536-1.464z"
fill="#fed2a4"
/>
<path
d="m408.464 252.465-40.691-40.691a4.998 4.998 0 0 1-1.464-3.536v-57.546a5 5 0 0 0-5-5h-31.071a5 5 0 0 1 5 5v57.546c0 1.326.527 2.598 1.464 3.536l40.691 40.691a5 5 0 0 1 0 7.071l-40.691 40.691a4.998 4.998 0 0 0-1.464 3.536v57.545a5 5 0 0 1-5 5h31.071a5 5 0 0 0 5-5v-57.545c0-1.326.527-2.598 1.464-3.536l40.691-40.691a5 5 0 0 0 0-7.071z"
fill="#ffbd86"
/>
<path
d="m243.875 399.874 8.59 8.59a5 5 0 0 0 7.071 0l40.691-40.691a5 5 0 0 1 3.536-1.465h57.546a5 5 0 0 0 5-5v-57.545c0-1.326.527-2.598 1.464-3.536l40.691-40.691a5 5 0 0 0 0-7.071l-40.691-40.691a4.998 4.998 0 0 1-1.464-3.536v-57.546a5 5 0 0 0-5-5h-57.546a5.004 5.004 0 0 1-3.536-1.464l-40.691-40.691a5 5 0 0 0-7.071 0l-40.691 40.691a4.998 4.998 0 0 1-3.536 1.464h-57.546a5 5 0 0 0-5 5v57.546a5.004 5.004 0 0 1-1.464 3.536l-40.691 40.691a5 5 0 0 0 0 7.071l40.691 40.691a4.998 4.998 0 0 1 1.464 3.536v57.545a5 5 0 0 0 5 5h57.546c1.326 0 2.598.527 3.536 1.465l7.353 7.353"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M221.492 336.309h-42.801a3 3 0 0 1-3-3v-42.801c0-.796-.316-1.559-.879-2.121l-30.265-30.265a3 3 0 0 1 0-4.243l30.265-30.264a3 3 0 0 0 .879-2.121v-42.802a3 3 0 0 1 3-3h42.801c.796 0 1.559-.316 2.121-.879l30.265-30.265a3 3 0 0 1 4.243 0l30.265 30.265a3 3 0 0 0 2.121.879h42.801a3 3 0 0 1 3 3v42.802c0 .796.316 1.559.879 2.121l30.265 30.264a3 3 0 0 1 0 4.243l-30.265 30.265a3 3 0 0 0-.879 2.121v42.801a3 3 0 0 1-3 3h-42.801c-.796 0-1.559.316-2.121.879l-30.265 30.265a3 3 0 0 1-4.243 0l-30.265-30.265a2.996 2.996 0 0 0-2.121-.879z"
fill="#2abcc8"
/>
<path
d="m367.452 253.879-30.265-30.264a3 3 0 0 1-.879-2.121v-42.802a3 3 0 0 0-3-3h-31.331a3 3 0 0 1 3 3v42.802c0 .796.316 1.559.879 2.121l30.265 30.264a3 3 0 0 1 0 4.243l-30.265 30.265a2.998 2.998 0 0 0-.879 2.121v42.801a3 3 0 0 1-3 3h31.331a3 3 0 0 0 3-3v-42.801c0-.796.316-1.559.879-2.121l30.265-30.265a3.001 3.001 0 0 0 0-4.243z"
fill="#0cacba"
/>
<path
d="M221.492 336.309h-42.801a3 3 0 0 1-3-3v-42.801c0-.796-.316-1.559-.879-2.121l-30.265-30.265a3 3 0 0 1 0-4.243l30.265-30.264a3 3 0 0 0 .879-2.121v-42.802a3 3 0 0 1 3-3h42.801c.796 0 1.559-.316 2.121-.879l30.265-30.265a3 3 0 0 1 4.243 0l30.265 30.265a3 3 0 0 0 2.121.879h42.801a3 3 0 0 1 3 3v42.802c0 .796.316 1.559.879 2.121l30.265 30.264a3 3 0 0 1 0 4.243l-30.265 30.265a3 3 0 0 0-.879 2.121v42.801a3 3 0 0 1-3 3h-42.801c-.796 0-1.559.316-2.121.879l-30.265 30.265a3 3 0 0 1-4.243 0l-30.265-30.265a2.996 2.996 0 0 0-2.121-.879z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M237.84 299.841h-25.681v-25.682L194.001 256l18.158-18.157v-25.684h25.681L256 194l18.16 18.159h25.681v25.684L317.999 256l-18.158 18.159v25.682H274.16L256 318z"
fill="#fff"
/>
<path
d="M299.841 237.843V212.16h-21v25.683l16.037 16.036a3 3 0 0 1 0 4.243l-16.037 16.038v25.681h21V274.16L317.999 256l-18.158-18.157z"
fill="#efedef"
/>
<path
d="M237.84 299.841h-25.681v-25.682L194.001 256l18.158-18.157v-25.684h25.681L256 194l18.16 18.159h25.681v25.684L317.999 256l-18.158 18.159v25.682H274.16L256 318z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M109.5 475H42a5 5 0 0 1-5-5v-67.5a5 5 0 0 1 5-5h67.5a5 5 0 0 1 5 5V470a5 5 0 0 1-5 5z"
fill="#fe3d97"
/>
<path
d="M109.5 397.5h-37a5 5 0 0 1 5 5V470a5 5 0 0 1-5 5h37a5 5 0 0 0 5-5v-67.5a5 5 0 0 0-5-5z"
fill="#e41e7f"
/>
<path
d="M470 475h-67.5a5 5 0 0 1-5-5v-67.5a5 5 0 0 1 5-5H470a5 5 0 0 1 5 5V470a5 5 0 0 1-5 5z"
fill="#fe3d97"
/>
<path
d="M470 397.5h-31.5a5 5 0 0 1 5 5V470a5 5 0 0 1-5 5H470a5 5 0 0 0 5-5v-67.5a5 5 0 0 0-5-5z"
fill="#e41e7f"
/>
<path
d="M109.5 114.5H42a5 5 0 0 1-5-5V42a5 5 0 0 1 5-5h67.5a5 5 0 0 1 5 5v67.5a5 5 0 0 1-5 5z"
fill="#fe3d97"
/>
<path
d="M109.5 37h-37a5 5 0 0 1 5 5v67.5a5 5 0 0 1-5 5h37a5 5 0 0 0 5-5V42a5 5 0 0 0-5-5z"
fill="#e41e7f"
/>
<path
d="M470 114.5h-67.5a5 5 0 0 1-5-5V42a5 5 0 0 1 5-5H470a5 5 0 0 1 5 5v67.5a5 5 0 0 1-5 5z"
fill="#fe3d97"
/>
<path
d="M470 37h-31.5a5 5 0 0 1 5 5v67.5a5 5 0 0 1-5 5H470a5 5 0 0 0 5-5V42a5 5 0 0 0-5-5z"
fill="#e41e7f"
/>
<path
d="M109.5 475H42a5 5 0 0 1-5-5v-67.5a5 5 0 0 1 5-5h67.5a5 5 0 0 1 5 5V470a5 5 0 0 1-5 5zM470 475h-67.5a5 5 0 0 1-5-5v-67.5a5 5 0 0 1 5-5H470a5 5 0 0 1 5 5V470a5 5 0 0 1-5 5zM109.5 114.5H42a5 5 0 0 1-5-5V42a5 5 0 0 1 5-5h67.5a5 5 0 0 1 5 5v67.5a5 5 0 0 1-5 5zM397.5 95v14.5a5 5 0 0 0 5 5H470a5 5 0 0 0 5-5V42a5 5 0 0 0-5-5h-67.5a5 5 0 0 0-5 5v18"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category