Add icons to this collection by clicking the heart icon.
Socks icon - also known as fashion, clothing, football, socks, soccer, accessory, and garment. Created in a clean 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient
id="e"
x1="289.783"
x2="394.554"
y1="264.117"
y2="264.117"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#8ac9fe" stop-opacity="0" />
<stop offset=".063" stop-color="#85c2f3" stop-opacity=".063" />
<stop offset=".368" stop-color="#70a3c3" stop-opacity=".368" />
<stop offset=".636" stop-color="#608ca0" stop-opacity=".636" />
<stop offset=".856" stop-color="#577e8b" stop-opacity=".856" />
<stop offset="1" stop-color="#537983" />
</linearGradient>
<linearGradient
id="f"
x1="451.322"
x2="190.093"
y1="199.128"
y2="-62.101"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fd4755" />
<stop offset="1" stop-color="#d2024e" />
</linearGradient>
<linearGradient
id="g"
x1="275.532"
x2="363.682"
y1="38.152"
y2="126.302"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#c00148" stop-opacity="0" />
<stop offset="1" stop-color="#6d3326" />
</linearGradient>
<linearGradient
id="h"
x1="359.706"
x2="270.706"
y1="161.451"
y2="-7.549"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="i"
x1="281.964"
x2="348.363"
y1="122.365"
y2="188.763"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="242.521"
x2="426.262"
y1="231.93"
y2="415.671"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="340.38"
x2="340.38"
y1="437"
y2="517.156"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="301.599"
x2="301.599"
y1="13"
y2="110.021"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="301.599"
x2="301.599"
y1="17"
y2="105.091"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="301.599"
x2="301.599"
y1="28"
y2="73"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="209.985"
x2="294.911"
y1="316.465"
y2="401.392"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="374.476"
x2="244.426"
y1="521.641"
y2="391.591"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="139.117"
x2="230.489"
y1="264.117"
y2="264.117"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="288.322"
x2="27.093"
y1="199.128"
y2="-62.101"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="112.532"
x2="200.682"
y1="38.152"
y2="126.302"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="196.706"
x2="107.706"
y1="161.451"
y2="-7.549"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="118.964"
x2="185.363"
y1="122.365"
y2="188.763"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="79.521"
x2="263.262"
y1="231.93"
y2="415.671"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="177.38"
x2="177.38"
y1="437"
y2="517.156"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="138.599"
x2="138.599"
y1="13"
y2="110.021"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="138.599"
x2="138.599"
y1="17"
y2="105.091"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="z"
x1="138.599"
x2="138.599"
y1="28"
y2="73"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="A"
x1="46.985"
x2="131.911"
y1="316.465"
y2="401.392"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M372.096 318.569V38.733c0-11.321-9.177-20.498-20.498-20.498h-99.997c-11.321 0-20.498 9.177-20.498 20.498v320.715a88.767 88.767 0 0 0 25.999 62.768l67.137 67.137c27.531 27.531 72.166 27.531 99.697 0 27.531-27.531 27.531-72.166 0-99.697l-38.232-38.232a46.467 46.467 0 0 1-13.608-32.855z"
/>
<path
fill="url(#f)"
d="M372.096 209.562V38.733c0-11.321-9.177-20.498-20.498-20.498h-99.997c-11.321 0-20.498 9.177-20.498 20.498V68.57z"
/>
<path
fill="url(#g)"
d="M372.096 98.199V38.733c0-11.321-9.177-20.498-20.498-20.498h-99.997c-11.321 0-20.498 9.177-20.498 20.498v59.466z"
/>
<path
fill="url(#h)"
d="M260.732 98.199h111.364V38.733c0-11.321-9.177-20.498-20.498-20.498h-99.997c-11.321 0-20.498 9.177-20.498 20.498V68.57z"
/>
<path fill="url(#i)" d="M231.103 133.801h140.993v16.397H231.103z" />
<path
fill="url(#j)"
d="m423.937 389.655-38.232-38.232a46.46 46.46 0 0 1-13.609-32.854V185.801H231.103v173.646a88.767 88.767 0 0 0 25.999 62.768l67.137 67.137c27.531 27.531 72.166 27.531 99.697 0 27.531-27.531 27.531-72.166.001-99.697z"
/>
<path
fill="url(#k)"
d="m257.102 422.215 67.137 67.137c27.531 27.531 72.166 27.531 99.697 0 27.531-27.531 27.531-72.167 0-99.697l-.654-.655H236.176a88.748 88.748 0 0 0 20.926 33.215z"
/>
<path
fill="url(#l)"
d="M365.981 71H237.218a8.803 8.803 0 0 1-8.803-8.803V8.803A8.803 8.803 0 0 1 237.218 0h128.763a8.803 8.803 0 0 1 8.803 8.803v53.395A8.804 8.804 0 0 1 365.981 71z"
/>
<path
fill="url(#m)"
d="M342.106 71h-81.013a7.1 7.1 0 0 1-7.1-7.1V7.1a7.1 7.1 0 0 1 7.1-7.1h81.013a7.1 7.1 0 0 1 7.1 7.1v56.8a7.1 7.1 0 0 1-7.1 7.1z"
/>
<path
fill="url(#n)"
d="M312.949 71h-22.7a4.036 4.036 0 0 1-4.036-4.036V4.036A4.036 4.036 0 0 1 290.249 0h22.7a4.036 4.036 0 0 1 4.036 4.036v62.928A4.036 4.036 0 0 1 312.949 71z"
/>
<path
fill="url(#o)"
d="M234.95 312c-1.291 0-2.573.04-3.847.108v47.339a88.767 88.767 0 0 0 25.999 62.768l18.13 18.13c18.26-12.74 30.218-33.89 30.218-57.845 0-38.936-31.564-70.5-70.5-70.5z"
/>
<path
fill="url(#p)"
d="M249.388 413.395a88.55 88.55 0 0 0 7.714 8.82l67.137 67.137c15.394 15.395 36.137 22.173 56.247 20.351L266.783 396z"
/>
<path
fill="url(#q)"
d="M209.096 318.569V38.733c0-11.321-9.177-20.498-20.498-20.498H88.601c-11.321 0-20.498 9.177-20.498 20.498v320.715a88.767 88.767 0 0 0 25.999 62.768l67.137 67.137c27.531 27.531 72.166 27.531 99.697 0 27.531-27.531 27.531-72.166 0-99.697l-38.232-38.232a46.467 46.467 0 0 1-13.608-32.855z"
/>
<path
fill="url(#r)"
d="M209.096 209.562V38.733c0-11.321-9.177-20.498-20.498-20.498H88.601c-11.321 0-20.498 9.177-20.498 20.498V68.57z"
/>
<path
fill="url(#s)"
d="M209.096 98.199V38.733c0-11.321-9.177-20.498-20.498-20.498H88.601c-11.321 0-20.498 9.177-20.498 20.498v59.466z"
/>
<path
fill="url(#t)"
d="M97.732 98.199h111.364V38.733c0-11.321-9.177-20.498-20.498-20.498H88.601c-11.321 0-20.498 9.177-20.498 20.498V68.57z"
/>
<path fill="url(#u)" d="M68.103 133.801h140.993v16.397H68.103z" />
<path
fill="url(#v)"
d="m260.937 389.655-38.232-38.232a46.46 46.46 0 0 1-13.609-32.854V185.801H68.103v173.646a88.767 88.767 0 0 0 25.999 62.768l67.137 67.137c27.531 27.531 72.166 27.531 99.697 0 27.531-27.531 27.531-72.166.001-99.697z"
/>
<path
fill="url(#w)"
d="m94.102 422.215 67.137 67.137c27.531 27.531 72.166 27.531 99.697 0 27.531-27.531 27.531-72.167 0-99.697l-.654-.655H73.176a88.748 88.748 0 0 0 20.926 33.215z"
/>
<path
fill="url(#x)"
d="M202.981 71H74.218a8.803 8.803 0 0 1-8.803-8.803V8.803A8.803 8.803 0 0 1 74.218 0h128.763a8.803 8.803 0 0 1 8.803 8.803v53.395A8.804 8.804 0 0 1 202.981 71z"
/>
<path
fill="url(#y)"
d="M179.106 71H98.093a7.1 7.1 0 0 1-7.1-7.1V7.1a7.1 7.1 0 0 1 7.1-7.1h81.013a7.1 7.1 0 0 1 7.1 7.1v56.8a7.1 7.1 0 0 1-7.1 7.1z"
/>
<path
fill="url(#z)"
d="M149.949 71h-22.7a4.036 4.036 0 0 1-4.036-4.036V4.036A4.036 4.036 0 0 1 127.249 0h22.7a4.036 4.036 0 0 1 4.036 4.036v62.928A4.036 4.036 0 0 1 149.949 71z"
/>
<path
fill="url(#A)"
d="M71.95 312c-1.291 0-2.573.04-3.847.108v47.339a88.767 88.767 0 0 0 25.999 62.768l18.13 18.13c18.26-12.74 30.218-33.89 30.218-57.845 0-38.936-31.564-70.5-70.5-70.5z"
/>
</svg>
More icons in the same style and category