Add icons to this collection by clicking the heart icon.
Clothes icon - also known as marketing, clothing, website, clothes, browser, advertising, commerce and shopping, webpage, megaphone, ads scuttlepad, ads, and seo and web. Created in a clean lineal color style with a white, silver, gray, red, blue, 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="b" clipPathUnits="userSpaceOnUse">
<path
d="M185.402 432.781c-19.88-22.708-44.981-40.125-72.987-51.371C44.574 354.167 0 308.167 0 256s44.574-98.168 112.415-125.41c28.006-11.246 53.107-28.663 72.987-51.371 30.033-34.304 68.919-55.003 111.402-55.003 59.782 0 112.447 40.979 143.337 103.196a206.779 206.779 0 0 0 37.511 52.751C499.495 202.465 512 228.369 512 256s-12.505 53.534-34.348 75.837a206.779 206.779 0 0 0-37.511 52.751c-30.89 62.217-83.555 103.196-143.337 103.196-42.483 0-81.369-20.698-111.402-55.003"
/>
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="f" clipPathUnits="userSpaceOnUse">
<path d="M72 439.5h370v-388H72Z" />
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(911.52628 -911.52628) rotate(-52.018 .104 .078)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#fff" />
<stop offset=".007" stop-opacity="1" stop-color="#fff" />
<stop offset=".992" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="0" stop-color="#fff" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(911.52628 -911.52628) rotate(-52.018 .104 .078)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#9494ff" />
<stop offset=".007" stop-opacity="1" stop-color="#9494ff" />
<stop offset=".992" stop-opacity="1" stop-color="#ffe8dc" />
<stop offset="1" stop-opacity="1" stop-color="#ffe8dc" />
</linearGradient>
<mask
id="c"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#c)">
<path
d="M185.402 432.781c-19.88-22.708-44.981-40.125-72.987-51.371C44.574 354.167 0 308.167 0 256s44.574-98.168 112.415-125.41c28.006-11.246 53.107-28.663 72.987-51.371 30.033-34.304 68.919-55.003 111.402-55.003 59.782 0 112.447 40.979 143.337 103.196a206.779 206.779 0 0 0 37.511 52.751C499.495 202.465 512 228.369 512 256s-12.505 53.534-34.348 75.837a206.779 206.779 0 0 0-37.511 52.751c-30.89 62.217-83.555 103.196-143.337 103.196-42.483 0-81.369-20.698-111.402-55.003"
fill="url(#d)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#e)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-10 10-10-10"
transform="translate(53.77 222.758)"
fill="none"
stroke="#6c6cff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10 10-10-10"
transform="translate(482.25 123.693)"
fill="none"
stroke="#6c6cff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(39.75 132.333)"
fill="none"
stroke="#ff9d33"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(475.25 299.666)"
fill="none"
stroke="#ff6c6c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(51.5 376.578)"
fill="none"
stroke="#ff6c6c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#f)" opacity=".1">
<path
d="M0 0h-331.904c-10.52 0-19.048 8.528-19.048 19.048v349.904c0 10.52 8.528 19.048 19.048 19.048H0c10.52 0 19.048-8.528 19.048-19.048V19.048C19.048 8.528 10.52 0 0 0"
transform="translate(422.952 51.5)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0h-331.904c-10.52 0-19.048 8.528-19.048 19.048v349.904c0 10.52 8.528 19.048 19.048 19.048H0c10.52 0 19.048-8.528 19.048-19.048V19.048C19.048 8.528 10.52 0 0 0"
transform="translate(422.952 72.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v37.143C0 47.663-8.528 56.19-19.048 56.19h-331.904c-10.52 0-19.048-8.527-19.048-19.047V0Z"
transform="translate(442 404.31)"
fill="#b3b3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h370"
transform="translate(72 404.31)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v315.904c0 10.52-8.528 19.048-19.048 19.048h-331.904c-10.52 0-19.048-8.528-19.048-19.048v-37.143"
transform="translate(442 125.548)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-278.761c0-10.52 8.528-19.048 19.048-19.048h331.904c10.52 0 19.048 8.528 19.048 19.048"
transform="translate(72 370.31)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.52a5 5 0 0 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(400.5 427.405)"
fill="#ff4d4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-16.52a5 5 0 0 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(362 427.405)"
fill="#ff9d33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-136.52a5 5 0 0 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(306.5 427.405)"
fill="#ebebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30.226"
transform="translate(257 132.91)"
fill="none"
stroke="#d9d9ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-12.5a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(129.58 102.684)"
fill="#d9d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-72.5a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(222.58 102.684)"
fill="#d9d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-42.5a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(159.58 122.91)"
fill="#d9d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-108a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(396.92 102.684)"
fill="#d9d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-108a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(396.92 122.91)"
fill="#d9d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-12.5a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(129.58 151.49)"
fill="#ff4d4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.4-11.4a3.705 3.705 0 0 0-5.24 0l-6.7 6.7v-45.551a3.705 3.705 0 0 0-3.704-3.705h-49.144a3.096 3.096 0 0 0-3.096 3.096V-4.7l-7.13-7.131a3.097 3.097 0 0 0-4.379 0L-103.054.43a3.097 3.097 0 0 0 0 4.379l22.864 22.863c.58.581 1.368.907 2.189.907h10.398a3.087 3.087 0 0 0 2.802-1.79c2.356-5.088 7.511-8.62 13.489-8.62 5.979 0 11.133 3.532 13.49 8.62a3.086 3.086 0 0 0 2.801 1.79h10.146a3.71 3.71 0 0 0 2.621-1.085L0 5.239A3.704 3.704 0 0 0 0 0"
transform="translate(393.907 292.867)"
fill="#ffb3b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.4-11.4a3.705 3.705 0 0 0-5.24 0l-6.7 6.7v-45.551a3.705 3.705 0 0 0-3.704-3.705h-49.144a3.096 3.096 0 0 0-3.096 3.096V-4.7l-7.13-7.131a3.097 3.097 0 0 0-4.379 0L-103.054.43a3.097 3.097 0 0 0 0 4.379l22.864 22.863c.58.581 1.368.907 2.189.907h10.398a3.087 3.087 0 0 0 2.802-1.79c2.356-5.088 7.51-8.62 13.489-8.62 5.979 0 11.133 3.532 13.49 8.62a3.086 3.086 0 0 0 2.801 1.79h10.146c.983 0 1.926-.391 2.62-1.085L0 5.239A3.704 3.704 0 0 0 0 0"
transform="translate(222.968 292.867)"
fill="#ffb3b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-19.799-19.799a5 5 0 0 0-7.071 0L-38.385-8.285v-74.54a5 5 0 0 0-5-5h-80.34a5 5 0 0 0-5 5v74.54l-11.514-11.514a5 5 0 0 0-7.071 0L-167.109 0a5 5 0 0 0 0 7.071l36.92 36.92a5 5 0 0 0 3.535 1.465h16.792a4.985 4.985 0 0 0 4.524-2.891c3.805-8.217 12.129-13.919 21.783-13.919 9.655 0 17.978 5.702 21.784 13.919a4.984 4.984 0 0 0 4.524 2.891h16.791a5.001 5.001 0 0 0 3.536-1.465L0 7.071A5 5 0 0 0 0 0"
transform="translate(340.555 316.56)"
fill="#ff4d4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.792-9.559-21.35-21.35-21.35-11.792 0-21.35 9.558-21.35 21.35 0 11.791 9.558 21.35 21.35 21.35C-9.559 21.35 0 11.791 0 0"
transform="translate(325.265 295.19)"
fill="#9494ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10-10"
transform="translate(309.217 300.492)"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-7.64 6.193-13.833 13.833-13.833H63.5c7.64 0 13.833 6.193 13.833 13.833 0 7.64-6.193 13.833-13.833 13.833H13.833C6.193 13.833 0 7.64 0 0"
transform="translate(217.5 189.107)"
fill="#6c6cff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category