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="M448 333.832c18.64-20.581 30-47.877 30-77.832s-11.36-57.251-30-77.832V69a5 5 0 0 0-5-5H333.832C313.251 45.36 285.955 34 256 34s-57.251 11.36-77.832 30H69a5 5 0 0 0-5 5v109.168C45.36 198.749 34 226.045 34 256s11.36 57.251 30 77.832V443a5 5 0 0 0 5 5h109.168c20.581 18.64 47.877 30 77.832 30s57.251-11.36 77.832-30H443a5 5 0 0 0 5-5V333.832z"
fill="#ffe177"
/>
<path
d="M448 178.168V69a5 5 0 0 0-5-5h-20a5 5 0 0 1 5 5v109.168c18.64 20.581 30 47.877 30 77.832s-11.36 57.251-30 77.832V443a5 5 0 0 1-5 5h20a5 5 0 0 0 5-5V333.832c18.64-20.581 30-47.877 30-77.832s-11.36-57.251-30-77.832z"
fill="#ffd15b"
/>
<path
d="M404 448h39a5 5 0 0 0 5-5V333.832c18.64-20.581 30-47.877 30-77.832s-11.36-57.251-30-77.832V69a5 5 0 0 0-5-5H333.832C313.251 45.36 285.955 34 256 34s-57.251 11.36-77.832 30H69a5 5 0 0 0-5 5v109.168C45.36 198.749 34 226.045 34 256s11.36 57.251 30 77.832V443a5 5 0 0 0 5 5h109.168c20.581 18.64 47.877 30 77.832 30s57.251-11.36 77.832-30H369"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M256 438a75.798 75.798 0 0 1-50.979-19.647L193.59 408H104v-89.589l-10.353-11.43C80.978 292.991 74 274.886 74 256s6.978-36.991 19.647-50.98L104 193.589V104h89.59l11.431-10.353C219.009 80.978 237.114 74 256 74s36.991 6.978 50.979 19.647L318.41 104H408v89.589l10.353 11.43C431.022 219.009 438 237.114 438 256s-6.978 36.991-19.647 50.98L408 318.411V408h-89.59l-11.431 10.353A75.798 75.798 0 0 1 256 438z"
fill="#fff"
/>
<path
d="M418.353 205.02 408 193.589V104h-30v89.589l10.353 11.43C401.022 219.009 408 237.114 408 256s-6.978 36.991-19.647 50.98L378 318.411V408h30v-89.589l10.353-11.43C431.022 292.991 438 274.886 438 256s-6.978-36.991-19.647-50.98z"
fill="#efedef"
/>
<path
d="M76.037 273.5a75.78 75.78 0 0 0 17.61 33.48L104 318.411V408h89.59l11.431 10.353C219.009 431.022 237.114 438 256 438s36.991-6.978 50.979-19.647L318.41 408H408v-89.589l10.353-11.43C431.022 292.991 438 274.886 438 256s-6.978-36.991-19.647-50.98L408 193.589V104h-89.59l-11.431-10.353C292.991 80.978 274.886 74 256 74s-36.991 6.978-50.979 19.647L193.59 104H104v89.589l-10.353 11.43a75.785 75.785 0 0 0-17.61 33.48"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M239.601 200.376c-8.089-16.938-19.462-33.237-34.018-47.792-29.68-29.68-66.598-46.165-101.436-48.436 2.271 34.838 18.756 71.756 48.436 101.436 14.556 14.556 30.854 25.929 47.792 34.018 5.557-18.815 20.412-33.67 39.226-39.226z"
fill="#925cb4"
/>
<path
d="M239.156 199.454c-8.059-16.607-19.281-32.579-33.572-46.87-29.68-29.68-66.598-46.165-101.436-48.436.304 4.668.872 9.374 1.685 14.094 27.989 6.435 56.072 21.663 79.604 45.195 14.238 14.238 25.432 30.144 33.482 46.685a58.783 58.783 0 0 1 20.237-10.668z"
fill="#814ba2"
/>
<path
d="M359.564 306.564c-14.603-14.603-30.961-26.005-47.959-34.098-5.566 18.761-20.379 33.574-39.139 39.139 8.093 16.998 19.495 33.355 34.098 47.959C336.244 389.244 373.162 405.729 408 408c-2.271-34.838-18.756-71.756-48.436-101.436z"
fill="#925cb4"
/>
<circle cx="256" cy="256" r="58" fill="#fea713" />
<path
d="M359.564 306.564c-14.339-14.339-30.369-25.588-47.036-33.653a58.748 58.748 0 0 1-8.64 17.533c12.211 7.24 23.922 16.238 34.676 26.992 25.641 25.641 41.424 56.683 46.712 87.121 7.609 1.8 15.215 2.954 22.724 3.443-2.271-34.838-18.756-71.756-48.436-101.436z"
fill="#814ba2"
/>
<path
d="M200.413 272.528c-16.952 8.089-33.263 19.469-47.829 34.035-29.68 29.68-46.165 66.598-48.436 101.436 34.838-2.271 71.756-18.756 101.436-48.436 14.593-14.593 25.988-30.937 34.08-47.922-18.801-5.529-33.659-20.338-39.251-39.113z"
fill="#925cb4"
/>
<path
d="M216.903 300.169c-7.955 15.718-18.76 30.815-32.339 44.394-23.047 23.047-50.458 38.132-77.87 44.789-1.287 6.246-2.144 12.479-2.546 18.647 34.838-2.271 71.756-18.756 101.436-48.436 14.328-14.328 25.572-30.346 33.635-47a58.851 58.851 0 0 1-22.316-12.394z"
fill="#814ba2"
/>
<path
d="M306.564 152.584c-14.566 14.566-25.946 30.878-34.035 47.829 18.774 5.593 33.584 20.45 39.114 39.251 16.985-8.092 33.329-19.487 47.922-34.08 29.68-29.68 46.165-66.598 48.436-101.436-34.839 2.271-71.757 18.756-101.437 48.436z"
fill="#925cb4"
/>
<path
d="M385.434 107.555c-5.133 30.721-20.98 62.119-46.87 88.009-10.607 10.607-22.144 19.508-34.175 26.697a58.745 58.745 0 0 1 8.175 16.958c16.654-8.063 32.671-19.307 47-33.635 29.68-29.68 46.165-66.598 48.436-101.436-7.457.486-15.01 1.628-22.566 3.407z"
fill="#814ba2"
/>
<path
d="M239.156 199.454c-8.059-16.607-19.281-32.579-33.572-46.87-29.68-29.68-66.598-46.165-101.436-48.436 2.271 34.838 18.756 71.756 48.436 101.436 14.291 14.291 30.263 25.513 46.87 33.572 5.662-19.036 20.666-34.04 39.702-39.702zM359.564 306.564c-14.339-14.339-30.369-25.588-47.036-33.653-5.671 18.982-20.634 33.945-39.616 39.616 8.065 16.667 19.314 32.698 33.653 47.036C336.244 389.244 373.162 405.729 408 408c-2.271-34.838-18.756-71.756-48.436-101.436zM199.49 272.974c-16.621 8.06-32.605 19.288-46.907 33.59-29.68 29.68-46.165 66.598-48.436 101.436 34.838-2.271 71.756-18.756 101.436-48.436 14.328-14.328 25.572-30.346 33.635-47-19.022-5.635-34.03-20.595-39.728-39.59zM295.938 164.185c-9.35 11.144-17.022 23.051-22.965 35.306 18.996 5.698 33.955 20.706 39.591 39.728 16.654-8.063 32.671-19.307 47-33.635 29.68-29.68 46.165-66.598 48.436-101.436-29.411 1.917-60.303 13.965-87.072 35.529"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M256 197c-5.184 0-10.21.674-15 1.93 25.319 6.637 44 29.669 44 57.07s-18.681 50.433-44 57.07a59.063 59.063 0 0 0 15 1.93c32.585 0 59-26.415 59-59s-26.415-59-59-59z"
fill="#fe9901"
/>
<circle
cx="256"
cy="256"
r="59"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="256" cy="256" r="23" fill="#fff" />
<path
d="M256 233c-3.584 0-6.976.82-10 2.283 7.693 3.72 13 11.599 13 20.717s-5.307 16.997-13 20.717A22.912 22.912 0 0 0 256 279c12.703 0 23-10.297 23-23s-10.297-23-23-23z"
fill="#efedef"
/>
<circle
cx="256"
cy="256"
r="23"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="130.5" cy="256" r="23" fill="#fea713" />
<path
d="M130.5 233c-3.684 0-7.163.871-10.25 2.411C127.807 239.18 133 246.982 133 256s-5.193 16.82-12.75 20.589A22.895 22.895 0 0 0 130.5 279c12.703 0 23-10.297 23-23s-10.297-23-23-23z"
fill="#fe9901"
/>
<circle cx="381.5" cy="256" r="23" fill="#fea713" />
<path
d="M381.5 233c-3.684 0-7.163.871-10.25 2.411C378.807 239.18 384 246.982 384 256s-5.193 16.82-12.75 20.589A22.895 22.895 0 0 0 381.5 279c12.703 0 23-10.297 23-23s-10.297-23-23-23z"
fill="#fe9901"
/>
<circle cx="256" cy="130.5" r="23" fill="#fea713" />
<path
d="M256 107.5c-3.584 0-6.976.82-10 2.283 7.693 3.72 13 11.599 13 20.717s-5.307 16.997-13 20.717a22.912 22.912 0 0 0 10 2.283c12.703 0 23-10.297 23-23s-10.297-23-23-23z"
fill="#fe9901"
/>
<circle cx="256" cy="381.5" r="23" fill="#fea713" />
<path
d="M256 358.5c-3.584 0-6.976.82-10 2.283 7.693 3.72 13 11.599 13 20.717s-5.307 16.997-13 20.717a22.912 22.912 0 0 0 10 2.283c12.703 0 23-10.297 23-23s-10.297-23-23-23z"
fill="#fe9901"
/>
<circle
cx="130.5"
cy="256"
r="23"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="381.5"
cy="256"
r="23"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="256"
cy="130.5"
r="23"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="256"
cy="381.5"
r="23"
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