Add icons to this collection by clicking the heart icon.
Design icon - also known as fashion, cloth, clothes, sewing, design, material, pattern, textile, designer, knitting, art and design, knit, hobbies and free time, garment, and fashion design. Created in a clean lineal color style with a white, silver, gray, black, teal, orange, 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 0v-52.5c0-9.31-7.55-16.859-16.86-16.859h-53.31z"
transform="translate(370.252 76.86)"
fill="#dc8758"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-19.614c0-9.31-7.55-16.86-16.86-16.86h33.27c9.31 0 16.86 7.55 16.86 16.86v52.5z"
transform="translate(336.982 43.974)"
fill="#d1774a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-358.181l-70.17-69.359h-251.94c-9.32 0-16.87 7.55-16.87 16.859V0c0 9.31 7.55 16.86 16.87 16.86h305.25C-7.55 16.86 0 9.31 0 0"
transform="translate(370.252 435.04)"
fill="#f2edeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-21.86C0-32-8.22-40.211-18.35-40.211-28.49-40.211-36.7-32-36.7-21.86V0Z"
transform="translate(105.482 451.9)"
fill="#e8dcd9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-21.86C0-32-8.21-40.211-18.35-40.211-28.48-40.211-36.7-32-36.7-21.86V0Z"
transform="translate(290.043 451.9)"
fill="#e8dcd9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-33.27c9.31 0 16.86-7.551 16.86-16.86v-358.181L-86.58-444.4h33.27l70.17 69.359V-16.86C16.86-7.551 9.31 0 0 0"
transform="translate(353.392 451.9)"
fill="#e8dcd9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.137-12.137L-24.274 0"
transform="translate(212.9 288.962)"
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-12.137-12.137L-24.274 0"
transform="translate(212.9 243.663)"
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-12.137-12.137L-24.274 0"
transform="translate(212.9 198.365)"
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 0c-10.135 0-18.352 8.216-18.352 18.352v56.11c0 10.136 8.217 18.351 18.352 18.351s18.351-8.215 18.351-18.351v-56.11C18.351 8.216 10.135 0 0 0"
transform="translate(108.482 411.687)"
fill="#fece85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a18.25 18.25 0 0 1-10.676-3.444C-6.035-6.775-3-12.203-3-18.352v-56.111c0-6.147-3.035-11.576-7.676-14.906A18.25 18.25 0 0 1 0-92.813c10.135 0 18.352 8.215 18.352 18.35v56.111C18.352-8.217 10.135 0 0 0"
transform="translate(108.482 504.5)"
fill="#f9b75f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.135 0-18.352 8.216-18.352 18.352v56.11c0 10.136 8.217 18.351 18.352 18.351s18.352-8.215 18.352-18.351v-56.11C18.352 8.216 10.135 0 0 0"
transform="translate(293.045 411.687)"
fill="#fece85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a18.25 18.25 0 0 1-10.676-3.444C-6.035-6.775-3-12.203-3-18.352v-56.111c0-6.147-3.035-11.576-7.676-14.906A18.25 18.25 0 0 1 0-92.813c10.135 0 18.352 8.215 18.352 18.35v56.111C18.352-8.217 10.135 0 0 0"
transform="translate(293.045 504.5)"
fill="#f9b75f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v56.427c0 7.146 5.791 12.936 12.938 12.936h57.23z"
transform="translate(300.082 7.5)"
fill="#fece85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-36.898-36.475v-32.888L33.27 0Z"
transform="translate(336.98 76.863)"
fill="#f9b75f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M480.728 97.906h-57.024v311.36h57.024z"
fill="#978ecb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M452.216 97.906h28.512v311.36h-28.512z"
fill="#8379c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.124c-7.704 0-13.95-6.246-13.95-13.95v-28.68H13.95v28.68C13.95-6.246 7.705 0 0 0"
transform="translate(466.777 451.897)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.512c7.704 0 13.95-6.246 13.95-13.95v-28.68H13.95v28.68C13.95-6.246 7.705 0 0 0"
transform="translate(466.777 451.897)"
fill="#93d0f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-57.024l19.426-46.493c3.371-8.068 14.801-8.068 18.172 0z"
transform="translate(480.728 97.906)"
fill="#ffdfcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.407-27.3c-1.057-2.53-4.641-2.53-5.698 0l8.019-19.193c3.371-8.068 14.801-8.068 18.172 0L28.512 0Z"
transform="translate(452.216 97.906)"
fill="#ffcebf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-44v-22.854c0-15.086-12.232-27.318-27.32-27.318-15.088 0-27.319 12.232-27.319 27.318V0h-44c0-32.962-7.947-65.438-23.168-94.675a42.76 42.76 0 0 1-4.832-19.744v-106.317H27.999v106.317a42.747 42.747 0 0 1-4.832 19.744A205.034 205.034 0 0 0 0 0"
transform="translate(272.083 374.837)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a27.194 27.194 0 0 1 16.695 5.702c-6.46 4.996-10.624 12.819-10.624 21.617v22.854h-33.39V27.319C-27.319 12.231-15.088 0 0 0"
transform="translate(167.374 324.665)"
fill="#0ab79f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a205.024 205.024 0 0 0-23.168 94.676h-33.39c0-32.963 7.947-65.439 23.168-94.676a42.762 42.762 0 0 0 4.831-19.744v-106.318h33.39v106.318A42.762 42.762 0 0 1 0 0"
transform="translate(295.251 280.162)"
fill="#0ab79f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h198.638v-19.391c0-7.728-6.265-13.993-13.993-13.993H13.994C6.265-33.384 0-27.119 0-19.391Z"
transform="translate(101.444 154.1)"
fill="#c6f2e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-19.391c0-7.728-6.265-13.993-13.994-13.993h33.39c7.729 0 13.994 6.265 13.994 13.993V0Z"
transform="translate(266.692 154.1)"
fill="#a7eedc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.137-12.137L-24.274 0"
transform="translate(212.9 288.962)"
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-12.137-12.137L-24.274 0"
transform="translate(212.9 243.663)"
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-12.137-12.137L-24.274 0"
transform="translate(212.9 198.365)"
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 0h42c9.31 0 16.86-7.551 16.86-16.86v-410.68c0-9.311-7.55-16.86-16.86-16.86h-305.25c-9.32 0-16.87 7.549-16.87 16.86v410.68c0 9.309 7.55 16.86 16.87 16.86h41.99"
transform="translate(311.392 451.9)"
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-112.727"
transform="translate(274.692 451.9)"
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 0v0c-10.135 0-18.352 8.216-18.352 18.352v56.11c0 10.136 8.217 18.351 18.352 18.351s18.351-8.215 18.351-18.351v-56.11C18.351 8.216 10.135 0 0 0Z"
transform="translate(108.482 411.687)"
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 0v0c-10.135 0-18.352 8.216-18.352 18.352v56.11c0 10.136 8.217 18.351 18.352 18.351s18.352-8.215 18.352-18.351v-56.11C18.352 8.216 10.135 0 0 0Z"
transform="translate(293.045 411.687)"
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 0v56.427c0 7.146 5.791 12.936 12.938 12.936h57.23z"
transform="translate(300.082 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 0v54.077h57.024v-311.36H0v222.23"
transform="translate(423.704 355.19)"
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-29.124c-7.704 0-13.95-6.246-13.95-13.95v-28.68H13.95v28.68C13.95-6.246 7.705 0 0 0Z"
transform="translate(466.777 451.897)"
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-57.024l19.426-46.493c3.371-8.068 14.801-8.068 18.172 0z"
transform="translate(480.728 97.906)"
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-33.671"
transform="translate(452.216 246.567)"
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 0v0h-44v-22.854c0-15.086-12.232-27.318-27.32-27.318-15.088 0-27.319 12.232-27.319 27.318V0h-44c0-32.962-7.947-65.438-23.168-94.675a42.76 42.76 0 0 1-4.832-19.744v-106.317H27.999v106.317a42.747 42.747 0 0 1-4.832 19.744A205.034 205.034 0 0 0 0 0Z"
transform="translate(272.083 374.837)"
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 0h198.638v-19.391c0-7.728-6.265-13.993-13.993-13.993H13.994C6.265-33.384 0-27.119 0-19.391Z"
transform="translate(101.444 154.1)"
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-33.384"
transform="translate(150.417 154.1)"
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-33.384"
transform="translate(200.763 154.1)"
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-33.384"
transform="translate(251.11 154.1)"
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