Add icons to this collection by clicking the heart icon.
Tile icon - also known as traditional, decoration, adornment, retro, 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="#4f66d0"
/>
<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="#314dc9"
/>
<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="M37.5 37.5h437v437h-437z"
transform="rotate(90 256 256)"
fill="#d9f0f3"
/>
<path
d="M290 474.5c0-18.778-15.222-34-34-34s-34 15.222-34 34h68z"
fill="#2abcc8"
/>
<path
d="M256 440.5c-3.481 0-6.838.525-10 1.497 13.897 4.271 24 17.206 24 32.503h20c0-18.778-15.222-34-34-34z"
fill="#0cacba"
/>
<path d="M437 37.5h37.5v437H437z" fill="#afe2e6" />
<path
d="M384 474.5h90.5v-437h-314M125.5 37.5h-88v437H349"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M256 416c-28.04 0-50.853-22.812-50.853-50.853v-58.295h-58.295C118.812 306.853 96 284.04 96 256s22.812-50.853 50.853-50.853h58.295v-58.295C205.147 118.812 227.96 96 256 96s50.853 22.812 50.853 50.853v58.295h58.295C393.188 205.147 416 227.96 416 256s-22.812 50.853-50.853 50.853h-58.295v58.295C306.853 393.188 284.04 416 256 416z"
fill="#4f66d0"
/>
<path
d="M276.853 146.853v53.294a5 5 0 0 0 5 5h25v-57.443c0-28.023-22.31-51.419-50.332-51.702A50.69 50.69 0 0 0 241 98.259c20.741 6.417 35.853 25.773 35.853 48.594zM365.147 205.147h-30C363.188 205.147 386 227.96 386 256s-22.812 50.853-50.853 50.853h30C393.188 306.853 416 284.04 416 256s-22.812-50.853-50.853-50.853zM276.853 365.147c0 22.821-15.112 42.177-35.853 48.593a50.72 50.72 0 0 0 15.521 2.258c28.022-.283 50.332-23.679 50.332-51.702v-57.443h-25a5 5 0 0 0-5 5v53.294z"
fill="#314dc9"
/>
<path
d="M205.194 367c.98 27.184 23.387 49 50.806 49 28.04 0 50.853-22.812 50.853-50.853v-58.294h58.294C393.188 306.853 416 284.04 416 256s-22.812-50.853-50.853-50.853h-58.294v-58.294C306.853 118.812 284.04 96 256 96s-50.853 22.812-50.853 50.853v58.294h-58.294C118.812 205.147 96 227.96 96 256s22.812 50.853 50.853 50.853h58.294V332"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M256 183c-21.236 34.55-38.45 51.764-73 73 34.55 21.236 51.764 38.45 73 73 21.236-34.55 38.45-51.764 73-73-34.55-21.236-51.764-38.45-73-73z"
fill="#2abcc8"
/>
<path
d="M256 183c-5.134 8.353-10.034 15.686-15 22.315 15.574 20.787 31.804 34.584 58 50.685-26.196 16.101-42.426 29.898-58 50.685 4.966 6.628 9.866 13.961 15 22.315 21.236-34.55 38.45-51.764 73-73-34.55-21.236-51.764-38.45-73-73z"
fill="#0cacba"
/>
<path
d="M256 183c-21.236 34.55-38.45 51.764-73 73 34.55 21.236 51.764 38.45 73 73 21.236-34.55 38.45-51.764 73-73-34.55-21.236-51.764-38.45-73-73zM393.5 118.5l-275 275M119 119l275 275"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M222 37.5c0 18.778 15.222 34 34 34s34-15.222 34-34h-68z"
fill="#2abcc8"
/>
<path
d="M270 37.5c0 15.297-10.103 28.232-24 32.503a33.976 33.976 0 0 0 10 1.497c18.778 0 34-15.222 34-34h-20z"
fill="#0cacba"
/>
<path
d="M37.5 290c18.778 0 34-15.222 34-34s-15.222-34-34-34v68zM474.5 222c-18.778 0-34 15.222-34 34s15.222 34 34 34v-68z"
fill="#2abcc8"
/>
<path
d="M222 37.5c0 18.778 15.222 34 34 34s34-15.222 34-34h-68zM290 474.5c0-18.778-15.222-34-34-34s-34 15.222-34 34M37.5 290c18.778 0 34-15.222 34-34s-15.222-34-34-34v68zM474.5 222c-18.778 0-34 15.222-34 34s15.222 34 34 34v-68z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="414.183" cy="97.817" r="29.817" fill="#4f66d0" />
<path
d="M414.183 68c-3.697 0-7.234.677-10.5 1.907C414.969 74.155 423 85.046 423 97.817s-8.031 23.662-19.317 27.91a29.727 29.727 0 0 0 10.5 1.907c16.468 0 29.817-13.35 29.817-29.817S430.65 68 414.183 68z"
fill="#314dc9"
/>
<circle cx="97.817" cy="414.183" r="29.817" fill="#4f66d0" />
<path
d="M97.817 384.366c-3.696 0-7.233.677-10.5 1.907 11.286 4.248 19.317 15.139 19.317 27.91s-8.031 23.662-19.317 27.91a29.758 29.758 0 0 0 10.5 1.907c16.468 0 29.817-13.35 29.817-29.817 0-16.468-13.349-29.817-29.817-29.817z"
fill="#314dc9"
/>
<circle cx="97.817" cy="97.817" r="29.817" fill="#4f66d0" />
<path
d="M97.817 68c-3.696 0-7.233.677-10.5 1.907 11.286 4.248 19.317 15.139 19.317 27.91s-8.031 23.662-19.317 27.91a29.735 29.735 0 0 0 10.5 1.907c16.468 0 29.817-13.35 29.817-29.817S114.285 68 97.817 68z"
fill="#314dc9"
/>
<circle cx="414.183" cy="414.183" r="29.817" fill="#4f66d0" />
<path
d="M414.183 384.366c-3.697 0-7.234.677-10.5 1.907 11.286 4.248 19.317 15.139 19.317 27.91s-8.031 23.662-19.317 27.91a29.75 29.75 0 0 0 10.5 1.907C430.65 444 444 430.65 444 414.183c0-16.468-13.35-29.817-29.817-29.817z"
fill="#314dc9"
/>
<circle
cx="414.183"
cy="97.817"
r="29.817"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="97.817"
cy="414.183"
r="29.817"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="97.817"
cy="97.817"
r="29.817"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="414.183"
cy="414.183"
r="29.817"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M128.5 256h23M360.5 256h23M256 128.5v23M256 360.5v23"
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