Add icons to this collection by clicking the heart icon.
Tile icon - also known as decoration, structure, floor, adornment, tile, tiles, art and design, and construction and tools. Created in a clean lineal color style with a white, silver, and black 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>
<path
d="M0 0v211.48l45.29 100.965 97.47 41.795h211.48l102.777-38.3L497 211.48V0l-46.274-102.777-96.486-39.983H142.76L44.591-99.98z"
transform="matrix(1.33333 0 0 -1.33333 10 482.32)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v270.107l26.915 76.637-11.625-4.985L-30 240.794V29.313l44.591-99.98 11.895-5.184z"
transform="matrix(1.33333 0 0 -1.33333 50 521.405)"
fill="#c1bfc5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-21.456 0-38.85-17.394-38.85-38.85v-103.91c30.46 9.46 53.67 35.37 59.241 67.35 1.429 8.22 7.949 14.74 16.17 16.17C68.541-53.67 94.45-30.46 103.911 0z"
transform="translate(46.35 504.5)"
fill="#78cbec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 21.456 17.394 38.85 38.85 38.85h-30C-12.606 38.85-30 21.456-30 0v-103.91c11.142 3.46 21.307 9.129 30 16.483z"
transform="translate(37.5 465.65)"
fill="#00acdc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.309-10.789-24.099-24.099-24.099-13.309 0-24.098 10.79-24.098 24.099 0 13.31 10.789 24.1 24.098 24.1C-10.789 24.1 0 13.31 0 0"
transform="translate(153.966 382.132)"
fill="#78cbec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-103.91c9.46-30.46 35.37-53.67 67.349-59.24 8.22-1.43 14.741-7.95 16.17-16.17 5.571-31.98 28.781-57.89 59.241-67.35v103.91C38.85-17.394 21.456 0 0 0"
transform="translate(465.65 504.5)"
fill="#78cbec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.309 10.79-24.099 24.1-24.099 13.308 0 24.098 10.79 24.098 24.099 0 13.31-10.79 24.1-24.098 24.1C10.79 24.1 0 13.31 0 0"
transform="translate(358.033 382.132)"
fill="#78cbec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.22 1.44-14.74 7.96-16.17 16.181C-21.74 48.16-44.95 74.07-75.41 83.53V-20.38c0-21.456 17.393-38.849 38.849-38.849H67.35C57.89-28.779 31.98-5.569 0 0"
transform="translate(82.91 66.73)"
fill="#78cbec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v87.427c-8.693 7.354-18.858 13.023-30 16.483V0c0-21.456 17.394-38.85 38.85-38.85h30C17.394-38.85 0-21.456 0 0"
transform="translate(37.5 46.35)"
fill="#00acdc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 13.31-10.789 24.099-24.099 24.099-13.309 0-24.098-10.789-24.098-24.099s10.789-24.099 24.098-24.099C-10.789-24.099 0-13.31 0 0"
transform="translate(153.966 129.867)"
fill="#78cbec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.43-8.221-7.95-14.74-16.17-16.181C-48.149-21.75-74.06-44.96-83.52-75.41H20.391c21.456 0 38.849 17.393 38.849 38.849V67.35C28.78 57.89 5.57 31.979 0 0"
transform="translate(445.26 82.91)"
fill="#78cbec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 13.31 10.79 24.099 24.1 24.099C37.408 24.099 48.198 13.31 48.198 0S37.408-24.099 24.1-24.099C10.79-24.099 0-13.31 0 0"
transform="translate(358.033 129.867)"
fill="#78cbec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-22.641-.735-43.192-8.751-60.241-18.729-5.078-2.973-10.783 2.732-7.811 7.81 9.979 17.049 17.994 37.6 18.73 60.241 1.143 35.227-26.381 64.657-61.621 64.132-33.129-.493-59.832-27.502-59.832-60.747 0-23.952 8.292-45.685 18.75-63.567 2.983-5.103-2.688-10.847-7.79-7.862C-176.861-8.746-197.408-.735-220.043 0c-35.226 1.144-64.656-26.381-64.132-61.621.493-33.129 27.502-59.832 60.747-59.832 23.952 0 45.684 8.292 63.568 18.75 5.102 2.983 10.846-2.689 7.861-7.79-9.975-17.046-17.986-37.593-18.722-60.228-1.143-35.226 26.381-64.656 61.621-64.132 33.129.493 59.832 27.501 59.832 60.748 0 23.946-8.288 45.673-18.742 63.554-2.997 5.126 2.714 10.837 7.84 7.84 17.881-10.454 39.608-18.742 63.555-18.742 33.245 0 60.254 26.703 60.747 59.832C64.656-26.381 35.227 1.144 0 0"
transform="translate(366.022 316.7)"
fill="#00acdc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.427 15.772-25.455 38.156-25.455 62.677 0 14.046 11.428 25.473 25.475 25.473 14.045 0 25.474-11.427 25.474-25.473 0-23.23-12.151-44.652-22.345-58.531A157.234 157.234 0 0 0 0 0"
transform="translate(255.98 306.73)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.046 0-25.474 11.428-25.474 25.475 0 14.046 11.428 25.473 25.474 25.473 23.229 0 44.651-12.15 58.531-22.344a162.922 162.922 0 0 0 4.146-3.149C46.904 13.028 24.52 0 0 0"
transform="translate(142.594 230.525)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.046 0-25.474 11.428-25.474 25.474 0 23.228 12.151 44.65 22.344 58.53A159.448 159.448 0 0 0 .02 88.15c12.426-15.772 25.455-38.156 25.455-62.676C25.475 11.428 14.046 0 0 0"
transform="translate(256 117.12)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-24.53 0-46.936 13.052-62.702 25.474C-46.928 37.907-24.534 50.948 0 50.948c14.047 0 25.474-11.427 25.474-25.473C25.474 11.428 14.047 0 0 0"
transform="translate(369.406 230.525)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.229-9.914-22.143-22.143-22.143-12.229 0-22.142 9.914-22.142 22.143 0 12.229 9.913 22.143 22.142 22.143S0 12.229 0 0"
transform="translate(278.143 256)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.31-10.789-24.1-24.099-24.1-13.309 0-24.098 10.79-24.098 24.1 0 13.309 10.789 24.099 24.098 24.099C-10.789 24.099 0 13.309 0 0Z"
transform="translate(153.966 382.133)"
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 0c0-13.31 10.79-24.1 24.1-24.1 13.308 0 24.098 10.79 24.098 24.1 0 13.309-10.79 24.099-24.098 24.099C10.79 24.099 0 13.309 0 0Z"
transform="translate(358.033 382.133)"
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 0c0 13.31-10.789 24.099-24.099 24.099-13.309 0-24.098-10.789-24.098-24.099s10.789-24.099 24.098-24.099C-10.789-24.099 0-13.31 0 0Z"
transform="translate(153.966 129.867)"
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 0c0 13.31 10.79 24.099 24.1 24.099C37.408 24.099 48.198 13.31 48.198 0S37.408-24.099 24.1-24.099C10.79-24.099 0-13.31 0 0Z"
transform="translate(358.033 129.867)"
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 0c-12.427 15.772-25.455 38.156-25.455 62.677 0 14.046 11.428 25.473 25.474 25.473 14.047 0 25.475-11.427 25.475-25.473 0-23.23-12.152-44.651-22.345-58.531A165.295 165.295 0 0 0 0 0Z"
transform="translate(255.981 306.73)"
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 0c-14.046 0-25.474 11.428-25.474 25.475 0 14.046 11.428 25.473 25.474 25.473 23.229 0 44.651-12.15 58.531-22.344a162.922 162.922 0 0 0 4.146-3.149C46.904 13.028 24.52 0 0 0Z"
transform="translate(142.594 230.525)"
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 0c-14.046 0-25.474 11.428-25.474 25.474 0 23.229 12.151 44.65 22.344 58.531A161.094 161.094 0 0 0 .02 88.15c12.426-15.772 25.455-38.156 25.455-62.676C25.475 11.428 14.047 0 0 0Z"
transform="translate(256 117.12)"
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 0c-22.641-.735-43.192-8.751-60.241-18.729-5.078-2.973-10.783 2.732-7.811 7.81 9.979 17.049 17.994 37.601 18.73 60.241 1.143 35.227-26.381 64.657-61.621 64.132-33.129-.493-59.832-27.502-59.832-60.747 0-23.952 8.292-45.685 18.75-63.567 2.983-5.103-2.688-10.847-7.79-7.862C-176.861-8.746-197.408-.735-220.043 0c-35.226 1.144-64.656-26.381-64.132-61.621.493-33.129 27.502-59.832 60.747-59.832 23.952 0 45.684 8.292 63.568 18.75 5.102 2.983 10.846-2.689 7.861-7.79-9.975-17.046-17.986-37.593-18.722-60.228-1.143-35.226 26.381-64.656 61.621-64.132 33.129.494 59.832 27.502 59.832 60.748 0 23.946-8.288 45.673-18.742 63.554-2.997 5.126 2.714 10.837 7.84 7.84 17.881-10.454 39.608-18.742 63.555-18.742 33.245 0 60.254 26.703 60.747 59.832C64.656-26.381 35.227 1.144 0 0Z"
transform="translate(366.022 316.7)"
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 0c-24.53 0-46.936 13.052-62.702 25.474C-46.928 37.907-24.534 50.948 0 50.948c14.047 0 25.474-11.427 25.474-25.473C25.474 11.428 14.047 0 0 0Z"
transform="translate(369.406 230.525)"
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 0c0-12.229-9.914-22.143-22.143-22.143-12.229 0-22.142 9.914-22.142 22.143 0 12.229 9.913 22.143 22.142 22.143S0 12.229 0 0Z"
transform="translate(278.143 256)"
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 0c-21.456 0-38.85-17.394-38.85-38.85v-103.91c30.46 9.46 53.67 35.37 59.241 67.35 1.429 8.22 7.949 14.74 16.17 16.17C68.541-53.67 94.45-30.46 103.911 0z"
transform="translate(46.35 504.5)"
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-103.91c9.46-30.46 35.37-53.67 67.349-59.24 8.22-1.43 14.741-7.95 16.17-16.17 5.571-31.98 28.781-57.89 59.241-67.35v103.91C38.85-17.394 21.456 0 0 0Z"
transform="translate(465.65 504.5)"
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 0c-8.22 1.439-14.74 7.96-16.17 16.18-5.57 31.979-28.78 57.889-59.24 67.349v-103.91c0-21.456 17.393-38.849 38.849-38.849H67.35C57.89-28.78 31.98-5.57 0 0Z"
transform="translate(82.91 66.73)"
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-136.627c30.46-9.46 53.67-35.369 59.24-67.35 1.43-8.219 7.95-14.74 16.17-16.179 31.98-5.571 57.89-28.781 67.35-59.231h211.48c9.46 30.45 35.369 53.66 67.35 59.231 8.22 1.439 14.74 7.96 16.17 16.179 5.57 31.981 28.78 57.89 59.24 67.35v48.549"
transform="translate(7.5 286.887)"
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 0v132.932c-30.46 9.46-53.67 35.37-59.24 67.349-1.43 8.221-7.95 14.74-16.17 16.171-31.981 5.569-57.89 28.779-67.35 59.239h-211.48c-9.46-30.46-35.37-53.67-67.35-59.239-8.22-1.431-14.74-7.95-16.17-16.171-5.57-31.979-28.78-57.889-59.24-67.349V88.078"
transform="translate(504.5 228.809)"
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 0c-1.43-8.22-7.95-14.74-16.17-16.18-31.979-5.57-57.89-28.78-67.35-59.23H20.391c21.456 0 38.849 17.393 38.849 38.849V67.35C28.78 57.89 5.57 31.979 0 0Z"
transform="translate(445.26 82.91)"
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