Add icons to this collection by clicking the heart icon.
Tile icon - also known as traditional, decoration, adornment, 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="#b289c9"
/>
<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="#a274bf"
/>
<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="M474.5 130.088V42.5a5 5 0 0 0-5-5h-87.589c-4.455 0-6.685 5.386-3.536 8.536l87.589 87.588c3.15 3.15 8.536.919 8.536-3.536z"
fill="#fff"
/>
<path
d="M469.5 37.5H438a5 5 0 0 1 5 5v68.16l22.964 22.964c3.15 3.15 8.536.919 8.536-3.536V42.5a5 5 0 0 0-5-5z"
fill="#efedef"
/>
<path
d="M130.089 37.5H42.5a5 5 0 0 0-5 5v87.588c0 4.455 5.386 6.685 8.536 3.536l87.589-87.588c3.149-3.15.918-8.536-3.536-8.536z"
fill="#fff"
/>
<path
d="M130.089 37.5h-37.5c4.455 0 6.685 5.386 3.536 8.536L37.5 104.66v25.429c0 4.454 5.386 6.685 8.536 3.536l87.589-87.588c3.149-3.151.918-8.537-3.536-8.537z"
fill="#efedef"
/>
<path
d="M381.911 474.5H469.5a5 5 0 0 0 5-5v-87.588c0-4.455-5.386-6.685-8.536-3.536l-87.589 87.588c-3.149 3.15-.918 8.536 3.536 8.536z"
fill="#fff"
/>
<path
d="M465.964 378.376 443 401.34v68.16a5 5 0 0 1-5 5h31.5a5 5 0 0 0 5-5v-87.588c0-4.455-5.386-6.686-8.536-3.536z"
fill="#efedef"
/>
<path
d="M37.5 381.912V469.5a5 5 0 0 0 5 5h87.589c4.455 0 6.685-5.386 3.536-8.536l-87.589-87.588c-3.15-3.15-8.536-.919-8.536 3.536z"
fill="#fff"
/>
<path
d="m133.624 465.964-87.589-87.588c-3.15-3.15-8.536-.919-8.536 3.535v25.429l58.624 58.624c3.15 3.15.919 8.536-3.536 8.536h37.5c4.456 0 6.687-5.386 3.537-8.536z"
fill="#efedef"
/>
<path
d="M403 37.5h-21.089c-4.455 0-6.685 5.386-3.536 8.536l87.589 87.588c3.15 3.15 8.536.919 8.536-3.536V42.5a5 5 0 0 0-5-5H438M130.089 37.5H42.5a5 5 0 0 0-5 5v87.588c0 4.455 5.386 6.685 8.536 3.536l87.589-87.588c3.149-3.15.918-8.536-3.536-8.536zM439 474.5h30.5a5 5 0 0 0 5-5v-87.588c0-4.454-5.386-6.685-8.536-3.535l-87.589 87.588c-3.15 3.15-.919 8.536 3.536 8.536H404M37.5 381.912V469.5a5 5 0 0 0 5 5h87.589c4.455 0 6.685-5.386 3.536-8.536l-87.589-87.588c-3.15-3.15-8.536-.919-8.536 3.536z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M338.843 51H173.157a5.004 5.004 0 0 0-3.536 1.464L52.464 169.622A4.998 4.998 0 0 0 51 173.158v165.685c0 1.326.527 2.598 1.464 3.536l117.157 117.157a4.998 4.998 0 0 0 3.536 1.464h165.685a5.004 5.004 0 0 0 3.536-1.464l117.157-117.157a4.998 4.998 0 0 0 1.464-3.536V173.157a5.004 5.004 0 0 0-1.464-3.536L342.378 52.464A5 5 0 0 0 338.843 51z"
fill="#ffe177"
/>
<path
d="M459.536 169.622 342.378 52.464A4.998 4.998 0 0 0 338.842 51h-40c1.326 0 2.598.527 3.536 1.464l117.157 117.157a4.998 4.998 0 0 1 1.464 3.535v165.686a5 5 0 0 1-1.464 3.535L302.378 459.536a4.998 4.998 0 0 1-3.536 1.464h40a5.004 5.004 0 0 0 3.536-1.464l117.157-117.157a4.998 4.998 0 0 0 1.464-3.535V173.157a4.995 4.995 0 0 0-1.463-3.535z"
fill="#ffd15b"
/>
<path
d="M51 268.5v70.343a5 5 0 0 0 1.464 3.535l117.157 117.157a4.998 4.998 0 0 0 3.536 1.464h165.685a5.004 5.004 0 0 0 3.536-1.464l117.157-117.157a4.998 4.998 0 0 0 1.464-3.535V173.157a5 5 0 0 0-1.464-3.535L342.378 52.464A4.998 4.998 0 0 0 338.842 51H173.157a5.004 5.004 0 0 0-3.536 1.464L52.464 169.622A4.998 4.998 0 0 0 51 173.157V233.5"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m182.048 429.536-99.584-99.584A4.998 4.998 0 0 1 81 326.416V185.584c0-1.326.527-2.598 1.464-3.536l99.584-99.584A4.998 4.998 0 0 1 185.584 81h140.832c1.326 0 2.598.527 3.536 1.464l99.584 99.584a4.998 4.998 0 0 1 1.464 3.536v140.832a5.004 5.004 0 0 1-1.464 3.536l-99.584 99.584a4.998 4.998 0 0 1-3.536 1.464H185.584a5.004 5.004 0 0 1-3.536-1.464z"
fill="#fff"
/>
<path
d="m429.536 182.048-99.584-99.584A4.998 4.998 0 0 0 326.416 81h-40c1.326 0 2.598.527 3.536 1.464l99.584 99.584a4.998 4.998 0 0 1 1.464 3.536v140.833a5.004 5.004 0 0 1-1.464 3.536l-99.584 99.584a4.998 4.998 0 0 1-3.536 1.464h40a5.004 5.004 0 0 0 3.536-1.464l99.584-99.584a4.998 4.998 0 0 0 1.464-3.536V185.584a5.004 5.004 0 0 0-1.464-3.536z"
fill="#efedef"
/>
<path
d="m182.048 429.536-99.584-99.584A4.998 4.998 0 0 1 81 326.416V185.584c0-1.326.527-2.598 1.464-3.536l99.584-99.584A4.998 4.998 0 0 1 185.584 81h140.832c1.326 0 2.598.527 3.536 1.464l99.584 99.584a4.998 4.998 0 0 1 1.464 3.536v140.832a5.004 5.004 0 0 1-1.464 3.536l-99.584 99.584a4.998 4.998 0 0 1-3.536 1.464H185.584a5.004 5.004 0 0 1-3.536-1.464z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m245.788 206.435.833.676.616-.878c2.853-4.065 5.728-8.438 8.763-13.329 3.036 4.891 5.911 9.264 8.763 13.329l.616.878.833-.676a367.54 367.54 0 0 1 16.063-12.321C277.041 161.236 267.768 133.554 256 115c-11.768 18.554-21.041 46.236-26.274 79.114a368.123 368.123 0 0 1 16.062 12.321zM266.212 305.565l-.833-.676-.616.878c-2.853 4.065-5.728 8.438-8.763 13.329-3.036-4.891-5.911-9.264-8.763-13.329l-.616-.878-.833.676a368.912 368.912 0 0 1-16.062 12.321c5.233 32.877 14.507 60.56 26.274 79.114 11.768-18.554 21.041-46.236 26.274-79.113a368.947 368.947 0 0 1-16.062-12.322z"
fill="#b289c9"
/>
<path
d="m264.763 206.232.616.878.833-.676a367.54 367.54 0 0 1 16.063-12.321C277.041 161.236 267.768 133.554 256 115c-3.579 5.643-6.925 12.138-10 19.358 8.119 19.066 14.326 43.245 17.819 70.506.315.455.63.921.944 1.368zM266.212 305.565l-.833-.676-.616.878c-.314.447-.63.913-.944 1.368-3.493 27.261-9.7 51.44-17.819 70.506 3.075 7.22 6.421 13.715 10 19.358 11.768-18.554 21.041-46.236 26.274-79.113a368.123 368.123 0 0 1-16.062-12.321z"
fill="#a274bf"
/>
<path
d="M317.886 229.726a367.739 367.739 0 0 1-12.322 16.062l-.675.833.878.615c4.066 2.853 8.439 5.729 13.33 8.764-4.891 3.035-9.264 5.911-13.33 8.764l-.878.615.675.833a368.123 368.123 0 0 1 12.321 16.062c32.878-5.233 60.56-14.507 79.114-26.274-18.553-11.768-46.235-21.041-79.113-26.274zM206.435 266.212l.675-.833-.878-.615c-4.066-2.853-8.439-5.729-13.33-8.764 4.89-3.035 9.263-5.91 13.33-8.764l.878-.615-.676-.833a368.123 368.123 0 0 1-12.321-16.062C161.236 234.959 133.554 244.232 115 256c18.554 11.768 46.236 21.041 79.114 26.274a367.52 367.52 0 0 1 12.321-16.062z"
fill="#b289c9"
/>
<path
d="M306.342 265.582a363.627 363.627 0 0 1 12.65 16.521C351.387 276.839 378.653 267.636 397 256c-5.643-3.579-12.138-6.925-19.358-10-18.555 7.902-41.958 13.99-68.328 17.53a231.158 231.158 0 0 0-2.972 2.052zM205.658 265.582a238.53 238.53 0 0 0-2.973-2.052c-26.37-3.54-49.772-9.628-68.328-17.53-7.22 3.075-13.715 6.421-19.358 10 18.347 11.636 45.613 20.839 78.009 26.103 3.951-5.482 8.172-11 12.65-16.521z"
fill="#a274bf"
/>
<path
d="M265.582 306.342c-3.153 4.493-6.314 9.341-9.582 14.658-3.268-5.318-6.43-10.165-9.582-14.658a364.462 364.462 0 0 1-16.511 12.642C235.169 351.381 244.364 378.653 256 397c11.636-18.347 20.831-45.619 26.093-78.016a364.462 364.462 0 0 1-16.511-12.642zM246.418 205.658c3.153-4.493 6.314-9.341 9.582-14.658 3.268 5.318 6.43 10.165 9.582 14.658a364.462 364.462 0 0 1 16.511-12.642C276.831 160.619 267.636 133.347 256 115c-11.636 18.347-20.831 45.619-26.093 78.016a364.462 364.462 0 0 1 16.511 12.642zM318.984 229.907a364.462 364.462 0 0 1-12.642 16.511c4.493 3.153 9.341 6.314 14.658 9.582-5.318 3.268-10.165 6.43-14.658 9.582a364.462 364.462 0 0 1 12.642 16.511C351.381 276.831 378.653 267.636 397 256c-18.347-11.636-45.619-20.831-78.016-26.093zM205.658 265.582c-4.493-3.153-9.341-6.314-14.658-9.582 5.318-3.268 10.165-6.43 14.659-9.582a364.462 364.462 0 0 1-12.642-16.511C160.62 235.169 133.347 244.364 115 256c18.347 11.636 45.619 20.831 78.016 26.093a364.462 364.462 0 0 1 12.642-16.511z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M247.204 206.293c-32.596-26.585-65.138-44.228-90.906-49.995 5.767 25.769 23.41 58.311 49.995 90.906 17.103-11.99 28.921-23.808 40.911-40.911z"
fill="#fe3d97"
/>
<path
d="M237.27 219.265c3.372-4.005 6.649-8.285 9.935-12.972-32.596-26.585-65.138-44.228-90.906-49.995 1.591 7.108 4.09 14.733 7.426 22.731 21.705 6.411 47.386 20.335 73.545 40.236z"
fill="#e41e7f"
/>
<path
d="M264.796 305.707c32.595 26.585 65.138 44.228 90.906 49.995-5.767-25.769-23.41-58.311-49.995-90.906-17.103 11.99-28.921 23.808-40.911 40.911zM264.796 206.293c11.99 17.102 23.808 28.921 40.911 40.911 26.585-32.595 44.228-65.138 49.995-90.906-25.769 5.767-58.311 23.41-90.906 49.995zM206.293 264.796c-26.585 32.595-44.228 65.138-49.995 90.906 25.769-5.767 58.311-23.41 90.906-49.995-11.99-17.103-23.808-28.921-40.911-40.911z"
fill="#fe3d97"
/>
<path
d="M163.724 332.972c-3.336 7.997-5.835 15.623-7.426 22.73 25.769-5.767 58.311-23.41 90.906-49.995-3.286-4.687-6.562-8.966-9.935-12.972-26.158 19.901-51.839 33.825-73.545 40.237zM306.347 246.422c26.23-32.333 43.634-64.561 49.355-90.124-7.078 1.584-14.668 4.066-22.63 7.381-6.343 21.507-20.059 46.921-39.666 72.837 3.995 3.365 8.274 6.631 12.941 9.906zM293.407 275.485c19.607 25.916 33.323 51.329 39.666 72.837 7.961 3.315 15.551 5.797 22.63 7.381-5.721-25.562-23.125-57.79-49.355-90.124-4.668 3.274-8.947 6.54-12.941 9.906z"
fill="#e41e7f"
/>
<path
d="M265.578 205.653c11.936 17.014 23.755 28.833 40.769 40.769 26.23-32.333 43.634-64.561 49.355-90.124-25.562 5.721-57.79 23.124-90.124 49.355zM246.422 205.653c-32.333-26.23-64.561-43.634-90.124-49.355 5.721 25.562 23.125 57.79 49.355 90.124 17.013-11.937 28.833-23.756 40.769-40.769zM265.578 306.347c32.333 26.23 64.561 43.634 90.124 49.355-5.721-25.562-23.125-57.79-49.355-90.124-17.013 11.936-28.833 23.755-40.769 40.769zM205.653 265.578c-26.23 32.333-43.634 64.561-49.355 90.124 25.562-5.721 57.79-23.125 90.124-49.355-11.936-17.013-23.756-28.833-40.769-40.769z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M256 191c-18.908 30.763-34.237 46.092-65 65 30.763 18.908 46.092 34.237 65 65 18.908-30.763 34.237-46.092 65-65-30.763-18.908-46.092-34.237-65-65z"
fill="#ffe177"
/>
<path
d="M256 191c-6.834 11.119-13.203 20.216-20 28.2 10.596 12.447 22.236 22.181 38.325 32.594 3.055 1.977 3.055 6.435 0 8.412-16.089 10.413-27.729 20.147-38.325 32.594 6.797 7.984 13.166 17.081 20 28.2 18.908-30.763 34.237-46.092 65-65-30.763-18.908-46.092-34.237-65-65z"
fill="#ffd15b"
/>
<path
d="M256 191c-18.908 30.763-34.237 46.092-65 65 30.763 18.908 46.092 34.237 65 65 18.908-30.763 34.237-46.092 65-65-30.763-18.908-46.092-34.237-65-65z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="203.277"
cy="128.716"
r="5.714"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="308.723"
cy="383.284"
r="5.714"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="128.716"
cy="203.277"
r="5.714"
transform="rotate(-45.001 128.714 203.28)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="383.284"
cy="308.723"
r="5.714"
transform="rotate(-45.001 383.283 308.729)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="128.716"
cy="308.723"
r="5.714"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="383.284"
cy="203.277"
r="5.714"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="203.277"
cy="383.284"
r="5.714"
transform="rotate(-45.001 203.274 383.289)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="308.723"
cy="128.716"
r="5.714"
transform="rotate(-45.001 308.723 128.72)"
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