Add icons to this collection by clicking the heart icon.
Patchwork icon - also known as sewing, fabric, art and design, fashion design, and patchwork. 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h232.5c8.837 0 16 7.163 16 16v232.5H0Z"
transform="translate(256 7.5)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.92-30.532a6.542 6.542 0 0 0-6.22-4.519h-32.103c-6.335 0-8.969-8.106-3.844-11.83l25.972-18.869a6.541 6.541 0 0 0 2.376-7.312l-9.921-30.532c-1.957-6.024 4.939-11.034 10.064-7.311l25.972 18.87a6.54 6.54 0 0 0 7.687 0l25.972-18.87c5.125-3.723 12.021 1.287 10.063 7.311l-9.92 30.532a6.54 6.54 0 0 0 2.375 7.312l25.973 18.869c5.125 3.724 2.491 11.83-3.844 11.83H28.579a6.54 6.54 0 0 0-6.22 4.519L12.439 0C10.481 6.025 1.958 6.025 0 0"
transform="translate(374.03 185.582)"
fill="#ffe270"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h248.5v248.5H16c-8.837 0-16-7.163-16-16z"
transform="translate(7.5 256)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h232.5v248.5H-16V16C-16 7.163-8.837 0 0 0"
transform="translate(23.5 7.5)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34c-8.837 0-16-7.164-16-16v-232.5h34V-16C-16-7.164-8.837 0 0 0"
transform="translate(57.5 504.5)"
fill="#60b8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v232.5h-34V0c0-8.836 7.163-16 16-16h34C7.163-16 0-8.836 0 0"
transform="translate(41.5 23.5)"
fill="#06c19d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.798 13.798 36.169 13.798 49.967 0l6.423-6.423a1.38 1.38 0 0 1 1.951 0L64.764 0c13.798 13.798 36.169 13.798 49.967 0 13.798-13.798 13.798-36.169 0-49.967l-55.694-55.694a2.364 2.364 0 0 0-3.343 0L0-49.967C-13.798-36.169-13.798-13.798 0 0"
transform="translate(74.385 179.752)"
fill="#f58a97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h248.5v232.5c0 8.837-7.163 16-16 16H0Z"
transform="translate(256 256)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.92-30.532a6.542 6.542 0 0 0-6.22-4.519h-32.103c-6.335 0-8.969-8.106-3.844-11.83l25.972-18.869a6.541 6.541 0 0 0 2.376-7.312l-9.921-30.532c-1.957-6.024 4.938-11.034 10.064-7.311l25.972 18.87a6.54 6.54 0 0 0 7.687 0l25.972-18.87c5.125-3.723 12.021 1.287 10.063 7.311l-9.92 30.532a6.54 6.54 0 0 0 2.375 7.312l25.973 18.869c5.125 3.724 2.491 11.83-3.844 11.83H28.579a6.54 6.54 0 0 0-6.22 4.519L12.439 0C10.481 6.025 1.958 6.025 0 0"
transform="translate(125.53 434.082)"
fill="#ffe270"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 44.87-44.87L34.04-55.7c-.92-.92-2.42-.92-3.34 0L-25 0c-13.79 13.79-13.79 36.16 0 49.96 10.13 10.13 24.89 12.83 37.48 8.08A35.409 35.409 0 0 1 0 49.96C-13.79 36.16-13.79 13.79 0 0"
transform="translate(99.38 129.79)"
fill="#f07181"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.798 13.798 36.169 13.798 49.967 0l6.423-6.423a1.38 1.38 0 0 1 1.951 0L64.764 0c13.798 13.798 36.169 13.798 49.967 0 13.798-13.798 13.798-36.169 0-49.967l-55.694-55.694a2.364 2.364 0 0 0-3.343 0L0-49.967C-13.798-36.169-13.798-13.798 0 0"
transform="translate(322.885 428.252)"
fill="#f58a97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 17.485 8.232 33.037 21.02 43.026l-5.989 18.431c-1.957 6.025-10.481 6.025-12.438 0l-9.921-30.532a6.538 6.538 0 0 0-6.219-4.519H-45.65c-6.335 0-8.969-8.106-3.844-11.83l25.972-18.869a6.54 6.54 0 0 0 2.376-7.312l-9.921-30.532c-1.958-6.025 4.938-11.034 10.063-7.311l25.972 18.87a6.511 6.511 0 0 0 3.604 1.23A54.31 54.31 0 0 0 0 0"
transform="translate(122.938 372.625)"
fill="#ffd15c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 17.485 8.232 33.037 21.02 43.026l-5.989 18.431c-1.957 6.025-10.481 6.025-12.438 0l-9.921-30.532a6.538 6.538 0 0 0-6.219-4.519H-45.65c-6.335 0-8.969-8.106-3.844-11.83l25.972-18.869a6.54 6.54 0 0 0 2.376-7.312l-9.921-30.532c-1.958-6.025 4.938-11.034 10.063-7.311l25.972 18.87a6.511 6.511 0 0 0 3.604 1.23A54.31 54.31 0 0 0 0 0"
transform="translate(371.438 124.125)"
fill="#ffd15c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 44.87-44.87L34.04-55.7c-.92-.92-2.42-.92-3.34 0L-25 0c-13.79 13.79-13.79 36.16 0 49.96 10.13 10.13 24.89 12.83 37.48 8.08A35.409 35.409 0 0 1 0 49.96C-13.79 36.16-13.79 13.79 0 0"
transform="translate(347.878 378.289)"
fill="#f07181"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-497"
transform="translate(504.5 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 0v497"
transform="translate(256 7.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 0-41.576-41.576"
transform="translate(276.788 359.621)"
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 0-41.576 41.576"
transform="translate(276.788 318.045)"
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 0-41.576-41.576"
transform="translate(276.788 276.788)"
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 0-41.576 41.576"
transform="translate(276.788 235.212)"
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 0-41.576-41.576"
transform="translate(276.788 193.955)"
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 0-41.576 41.576"
transform="translate(276.788 152.379)"
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 0-41.576-41.576"
transform="translate(276.788 111.121)"
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 0-41.576 41.576"
transform="translate(276.788 69.545)"
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 0-41.576 41.576"
transform="translate(442.455 235.212)"
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 0 41.576 41.576"
transform="translate(400.879 235.212)"
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 0-41.576 41.576"
transform="translate(359.621 235.212)"
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 0 41.576 41.576"
transform="translate(318.045 235.212)"
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 0-41.576 41.576"
transform="translate(276.788 235.212)"
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 0 41.576 41.576"
transform="translate(235.212 235.212)"
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 0-41.576 41.576"
transform="translate(193.955 235.212)"
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 0 41.576 41.576"
transform="translate(152.379 235.212)"
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 0-41.576 41.576"
transform="translate(111.121 235.212)"
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 0 41.576 41.576"
transform="translate(69.545 235.212)"
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 0-41.576-41.576"
transform="translate(276.788 442.455)"
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 0-41.576 41.576"
transform="translate(276.788 400.879)"
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 0-9.92-30.532a6.542 6.542 0 0 0-6.22-4.519h-32.103c-6.335 0-8.969-8.106-3.844-11.83l25.972-18.869a6.541 6.541 0 0 0 2.376-7.312l-9.921-30.532c-1.957-6.024 4.939-11.034 10.064-7.311l25.972 18.87a6.54 6.54 0 0 0 7.687 0l25.972-18.87c5.125-3.723 12.021 1.287 10.063 7.311l-9.92 30.532a6.54 6.54 0 0 0 2.375 7.312l25.973 18.869c5.125 3.724 2.491 11.83-3.844 11.83H28.579a6.54 6.54 0 0 0-6.22 4.519L12.439 0C10.481 6.025 1.958 6.025 0 0Z"
transform="translate(374.03 185.582)"
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 0v0c13.798 13.798 36.169 13.798 49.967 0l6.423-6.423a1.38 1.38 0 0 1 1.951 0L64.764 0c13.798 13.798 36.169 13.798 49.967 0v0c13.798-13.798 13.798-36.169 0-49.967l-55.694-55.694a2.364 2.364 0 0 0-3.343 0L0-49.967C-13.798-36.169-13.798-13.798 0 0Z"
transform="translate(74.385 179.752)"
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 0-9.92-30.532a6.542 6.542 0 0 0-6.22-4.519h-32.103c-6.335 0-8.969-8.106-3.844-11.83l25.972-18.869a6.541 6.541 0 0 0 2.376-7.312l-9.921-30.532c-1.957-6.024 4.938-11.034 10.064-7.311l25.972 18.87a6.54 6.54 0 0 0 7.687 0l25.972-18.87c5.125-3.723 12.021 1.287 10.063 7.311l-9.92 30.532a6.54 6.54 0 0 0 2.375 7.312l25.973 18.869c5.125 3.724 2.491 11.83-3.844 11.83H28.579a6.54 6.54 0 0 0-6.22 4.519L12.439 0C10.481 6.025 1.958 6.025 0 0Z"
transform="translate(125.53 434.082)"
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 0v0c13.798 13.798 36.169 13.798 49.967 0l6.423-6.423a1.38 1.38 0 0 1 1.951 0L64.764 0c13.798 13.798 36.169 13.798 49.967 0v0c13.798-13.798 13.798-36.169 0-49.967l-55.694-55.694a2.364 2.364 0 0 0-3.343 0L0-49.967C-13.798-36.169-13.798-13.798 0 0Z"
transform="translate(322.885 428.252)"
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-60.63c-8.84 0-16-7.16-16-16v-465c0-8.84 7.16-16 16-16h347.99"
transform="translate(84.13 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 0h369.37c8.84 0 16-7.16 16-16v-465c0-8.84-7.16-16-16-16h-82.01"
transform="translate(119.13 504.5)"
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