Add icons to this collection by clicking the heart icon.
Tile icon - also known as construction, house repair, wall, improvement, construction site, tile, tiles, art and design, and construction and tools. Created in a clean flat style with a silver, gray, 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="512"
height="512"
viewBox="0 0 58 58"
>
<g fill="none" fill-rule="nonzero" transform="translate(0 -1)">
<path
fill="#7f8c8d"
d="M51 19h5a2 2 0 0 0 1.8-2.86l-7-14a2 2 0 0 0-3.612 0l-7 14A2 2 0 0 0 42 19h5"
/>
<rect width="18" height="18" y="41" fill="#90bae1" rx="2" />
<rect width="18" height="18" x="18" y="41" fill="#35495e" rx="2" />
<rect width="18" height="18" y="23" fill="#35495e" rx="2" />
<rect width="18" height="18" y="5" fill="#90bae1" rx="2" />
<rect width="18" height="18" x="18" y="23" fill="#90bae1" rx="2" />
<rect width="18" height="18" x="36" y="41" fill="#90bae1" rx="2" />
<path
fill="#b0d3f0"
d="M4 11a1 1 0 0 1-.707-1.707l1-1a1 1 0 0 1 1.414 1.414l-1 1A1 1 0 0 1 4 11zM4 16a1 1 0 0 1-.707-1.707l6-6a1 1 0 0 1 1.414 1.414l-6 6A1 1 0 0 1 4 16z"
/>
<path
fill="#3f5c6c"
d="M4 29a1 1 0 0 1-.707-1.707l1-1a1 1 0 0 1 1.414 1.414l-1 1A1 1 0 0 1 4 29zM4 34a1 1 0 0 1-.707-1.707l6-6a1 1 0 0 1 1.414 1.414l-6 6A1 1 0 0 1 4 34z"
/>
<g fill="#b0d3f0">
<path
d="M4 47a1 1 0 0 1-.707-1.707l1-1a1 1 0 0 1 1.414 1.414l-1 1A1 1 0 0 1 4 47zM4 52a1 1 0 0 1-.707-1.707l6-6a1 1 0 0 1 1.414 1.414l-6 6A1 1 0 0 1 4 52zM22 29a1 1 0 0 1-.707-1.707l1-1a1 1 0 0 1 1.414 1.414l-1 1A1 1 0 0 1 22 29zM22 34a1 1 0 0 1-.707-1.707l6-6a1 1 0 0 1 1.414 1.414l-6 6A1 1 0 0 1 22 34z"
/>
</g>
<path
fill="#3f5c6c"
d="M22 47a1 1 0 0 1-.707-1.707l1-1a1 1 0 0 1 1.414 1.414l-1 1A1 1 0 0 1 22 47zM22 52a1 1 0 0 1-.707-1.707l6-6a1 1 0 0 1 1.414 1.414l-6 6A1 1 0 0 1 22 52z"
/>
<path
fill="#b0d3f0"
d="M40 47a1 1 0 0 1-.707-1.707l1-1a1 1 0 0 1 1.414 1.414l-1 1A1 1 0 0 1 40 47zM40 52a1 1 0 0 1-.707-1.707l6-6a1 1 0 0 1 1.414 1.414l-6 6A1 1 0 0 1 40 52z"
/>
<path
fill="#cc6f56"
d="M34 20H22a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2zM34 16H22a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2zM34 12H22a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2zM34 8H22a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z"
/>
<path fill="#95a5a5" d="M49 13a2 2 0 0 1 2 2v8h-4v-8a2 2 0 0 1 2-2z" />
<path
fill="#3b97d3"
d="M47 23h4a1 1 0 0 1 1 1v9a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-9a1 1 0 0 1 1-1z"
/>
</g>
</svg>
More icons in the same style and category