Add icons to this collection by clicking the heart icon.
Patchwork icon - also known as art, fashion, sewing, fabric, hobbies and free time, fashion design, and patchwork. Created in a clean lineal color style with a white, silver, black, and pink 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-244.5a4 4 0 0 0-4 4v302a4 4 0 0 0 4 4H0Z"
transform="translate(256 101)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M226 101h30v310h-30z"
fill="#e2dee2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-302a4 4 0 0 0-4-4h-244.5V4H-4a4 4 0 0 0 4-4"
transform="translate(504.5 407)"
fill="#b2caec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a4 4 0 0 0 4-4v-302a4 4 0 0 0-4-4H0a4 4 0 0 1 4 4V-4a4 4 0 0 1-4 4"
transform="translate(500.5 411)"
fill="#98bce5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-49.265 49.265a8.79 8.79 0 0 1-12.431 0L-110.961 0a8.79 8.79 0 0 1 0-12.431l49.265-49.265a8.79 8.79 0 0 1 12.431 0L0-12.431A8.79 8.79 0 0 1 0 0"
transform="translate(445.814 262.216)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-115.81c-.52 2.76.29 5.72 2.42 7.85l49.27 49.27c3.43 3.43 9 3.43 12.43 0L-2.43 7.85A8.762 8.762 0 0 0 0 0"
transform="translate(448.24 101)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-2.25-.86-4.5-2.58-6.22l-49.26-49.26c-3.43-3.43-9-3.43-12.43 0l-49.27 49.26A8.8 8.8 0 0 0-116.11 0z"
transform="translate(448.39 411)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c10.612 0 19.37-3.721 25.923-8.322a.932.932 0 0 1 1.078 0C33.554-3.721 42.312 0 52.924 0 75.18 0 92.617-19.543 92.617-44.488c0-15.978-7.804-46.847-60.076-74.125a13.034 13.034 0 0 0-6.079-1.499c-2.087 0-4.173.496-6.079 1.499-52.272 27.278-60.076 58.147-60.076 74.125C-39.693-19.543-22.256 0 0 0"
transform="translate(99.444 316.056)"
fill="#f79595"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a43.93 43.93 0 0 1-15.698-2.883C-.711-9.191 9.693-25.224 9.693-44.488c0-15.021-6.901-43.201-51.155-69.186a203.975 203.975 0 0 1 8.921-4.939 13.035 13.035 0 0 1 6.079-1.498c2.087 0 4.173.495 6.079 1.498 52.272 27.278 60.076 58.147 60.076 74.125C39.693-19.543 22.256 0 0 0"
transform="translate(152.368 316.056)"
fill="#f37c7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(271 336.308)"
fill="#b5adb6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(271 366.308)"
fill="#a79ba7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(271 272.77)"
fill="#b5adb6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(271 302.77)"
fill="#a79ba7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(271 209.23)"
fill="#b5adb6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(271 239.23)"
fill="#a79ba7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(271 145.692)"
fill="#b5adb6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(271 175.692)"
fill="#a79ba7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-49.265 49.265a8.79 8.79 0 0 1-12.431 0L-110.961 0a8.79 8.79 0 0 1 0-12.431l49.265-49.265a8.79 8.79 0 0 1 12.431 0L0-12.431A8.79 8.79 0 0 1 0 0Z"
transform="translate(445.814 262.216)"
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-115.81c-.52 2.76.29 5.72 2.42 7.85l49.27 49.27c3.43 3.43 9 3.43 12.43 0L-2.43 7.85A8.762 8.762 0 0 0 0 0Z"
transform="translate(448.24 101)"
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-2.25-.86-4.5-2.58-6.22l-49.26-49.26c-3.43-3.43-9-3.43-12.43 0l-49.27 49.26A8.8 8.8 0 0 0-116.11 0z"
transform="translate(448.39 411)"
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 0c10.612 0 19.37-3.721 25.923-8.322a.932.932 0 0 1 1.078 0C33.554-3.721 42.312 0 52.924 0 75.18 0 92.617-19.543 92.617-44.488c0-15.978-7.804-46.847-60.076-74.125a13.034 13.034 0 0 0-6.079-1.499c-2.087 0-4.173.496-6.079 1.499-52.272 27.278-60.076 58.147-60.076 74.125C-39.693-19.543-22.256 0 0 0Z"
transform="translate(99.444 316.056)"
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-49.995c0-2.21-1.79-4-4-4h-489c-2.21 0-4 1.79-4 4v302c0 2.21 1.79 4 4 4h76.133"
transform="translate(504.5 154.995)"
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 0h377.518c2.21 0 4-1.79 4-4v-215.885"
transform="translate(122.982 411)"
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-30c-8.284 0-15 6.716-15 15v0c0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15v0C15 6.716 8.284 0 0 0Z"
transform="translate(271 336.308)"
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-30c-8.284 0-15 6.716-15 15v0c0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15v0C15 6.716 8.284 0 0 0Z"
transform="translate(271 272.77)"
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-30c-8.284 0-15 6.716-15 15v0c0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15v0C15 6.716 8.284 0 0 0Z"
transform="translate(271 209.23)"
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-30c-8.284 0-15 6.716-15 15v0c0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15v0C15 6.716 8.284 0 0 0Z"
transform="translate(271 145.692)"
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-39.692"
transform="translate(256 408.615)"
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-30.154"
transform="translate(256 334.667)"
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-30.154"
transform="translate(256 271.077)"
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-25.923"
transform="translate(256 204.077)"
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-39.154"
transform="translate(256 142.538)"
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