Add icons to this collection by clicking the heart icon.
Fabric icon - also known as Tools and utensils, sewing, material, fabric, fabrics, tissue, sew, miscellaneous, and handcraft. Created in a clean gradient 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-45.845"
x2="-24.446"
y1="645.434"
y2="624.035"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.333 42.667H232.491C221.483 14.891 168.043 0 117.333 0 60.459 0 0 18.688 0 53.333v405.333C0 493.312 60.459 512 117.333 512s117.333-18.688 117.333-53.333V448h266.667c5.888 0 10.667-4.779 10.667-10.667v-384c0-5.888-4.779-10.666-10.667-10.666zm-384-21.334c58.603 0 96 18.944 96 32s-37.397 32-96 32-96-18.944-96-32 37.398-32 96-32zm0 469.334c-58.603 0-96-18.944-96-32V84.885c22.635 14.272 60.011 21.781 96 21.781s73.365-7.509 96-21.781V458.666c0 13.057-37.397 32.001-96 32.001zm373.334-64h-256V64h256v362.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-31.552"
x2="-30.846"
y1="640.337"
y2="639.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.667 149.333c2.773 0 5.547-1.067 7.467-2.987 2.133-2.133 3.2-4.907 3.2-7.68s-1.067-5.547-3.008-7.467c-4.032-4.053-11.093-4.053-15.147 0-2.112 1.92-3.179 4.693-3.179 7.467s1.067 5.547 3.179 7.467c1.941 2.134 4.714 3.2 7.488 3.2z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-31.563"
x2="-30.855"
y1="634.338"
y2="633.633"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.667 277.333c2.773 0 5.547-1.067 7.467-3.2 2.133-1.92 3.2-4.693 3.2-7.467 0-2.773-1.067-5.547-3.2-7.467-3.84-4.053-10.667-4.267-15.147 0-1.92 1.92-2.987 4.693-2.987 7.467 0 2.773 1.067 5.547 3.179 7.68 1.941 1.921 4.714 2.987 7.488 2.987z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-31.554"
x2="-30.854"
y1="628.334"
y2="627.634"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.667 405.333c2.773 0 5.547-1.067 7.467-3.2 2.133-1.92 3.2-4.693 3.2-7.467s-1.067-5.547-3.008-7.467c-4.032-4.053-11.285-4.053-15.147 0-2.112 1.92-3.179 4.693-3.179 7.467s1.067 5.547 3.179 7.68c1.941 1.921 4.714 2.987 7.488 2.987z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-38.558"
x2="-37.849"
y1="640.339"
y2="639.629"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M173.653 131.2c-1.92 1.92-2.987 4.693-2.987 7.467s1.067 5.547 3.179 7.68c1.941 1.92 4.715 2.987 7.488 2.987 2.773 0 5.547-1.067 7.659-3.2C190.933 144 192 141.44 192 138.667s-1.067-5.547-3.008-7.467c-4.032-4.053-11.285-4.053-15.339 0z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-38.558"
x2="-37.849"
y1="634.339"
y2="633.629"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M173.653 259.2c-1.92 1.92-2.987 4.693-2.987 7.467 0 2.773 1.067 5.547 3.179 7.68 1.941 1.92 4.715 2.987 7.488 2.987 2.773 0 5.547-1.067 7.659-3.2C190.933 272 192 269.44 192 266.667c0-2.773-1.067-5.547-3.008-7.467-4.032-4.053-11.285-4.053-15.339 0z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-38.56"
x2="-37.85"
y1="628.335"
y2="627.628"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M173.653 387.2c-1.92 1.92-2.987 4.693-2.987 7.467s1.067 5.547 3.179 7.68c1.941 1.92 4.715 2.987 7.488 2.987 2.773 0 5.547-1.067 7.659-3.2C190.933 400 192 397.44 192 394.667s-1.067-5.547-3.2-7.467c-3.84-4.053-10.88-4.053-15.147 0z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-41.558"
x2="-40.849"
y1="637.339"
y2="636.629"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M109.653 195.2c-1.92 1.92-2.987 4.693-2.987 7.467s1.067 5.547 3.179 7.68c1.941 1.92 4.715 2.987 7.488 2.987s5.547-1.067 7.659-3.2c1.941-1.92 3.008-4.693 3.008-7.467s-1.067-5.333-3.2-7.68c-3.84-3.84-10.88-4.054-15.147.213z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-41.554"
x2="-40.849"
y1="631.335"
y2="630.629"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M109.845 323.2c-2.112 1.92-3.179 4.693-3.179 7.467 0 2.773 1.067 5.547 3.179 7.68 1.941 1.92 4.715 2.987 7.488 2.987s5.547-1.067 7.659-3.2c1.941-1.92 3.008-4.693 3.008-7.467 0-2.773-1.067-5.547-3.008-7.467-4.032-4.053-11.285-4.053-15.147 0z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-34.559"
x2="-33.852"
y1="637.339"
y2="636.633"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M266.667 213.333c2.987 0 5.739-1.067 7.467-3.2 2.133-1.92 3.2-4.693 3.2-7.467s-1.067-5.333-3.2-7.467c-3.84-4.053-10.667-4.267-15.147 0-1.92 2.133-2.987 4.693-2.987 7.467s1.067 5.547 3.179 7.467c1.941 2.134 4.714 3.2 7.488 3.2z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-34.56"
x2="-33.851"
y1="631.343"
y2="630.628"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M266.667 341.333c2.773 0 5.547-1.067 7.659-3.2 1.941-1.92 3.008-4.693 3.008-7.467 0-2.773-1.067-5.333-3.008-7.467-3.84-4.053-11.093-4.267-15.36 0-1.899 1.92-2.965 4.693-2.965 7.467 0 2.773 1.067 5.547 3.179 7.68 1.94 1.921 4.713 2.987 7.487 2.987z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-25.554"
x2="-24.849"
y1="640.335"
y2="639.629"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 149.333c2.773 0 5.547-1.067 7.467-2.987 2.133-2.133 3.2-4.907 3.2-7.68s-1.067-5.547-3.008-7.467c-4.053-4.053-11.285-4.053-15.147 0-2.112 1.92-3.179 4.693-3.179 7.467s1.067 5.547 2.987 7.467a10.822 10.822 0 0 0 7.68 3.2z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-25.563"
x2="-24.855"
y1="634.338"
y2="633.633"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 277.333c2.773 0 5.547-1.067 7.467-3.2 2.133-1.92 3.2-4.693 3.2-7.467 0-2.773-1.067-5.547-3.2-7.467-3.84-4.053-10.88-4.053-15.147 0-1.92 1.92-2.987 4.693-2.987 7.467 0 2.773 1.067 5.547 3.179 7.68 1.941 1.921 4.714 2.987 7.488 2.987z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-25.562"
x2="-24.849"
y1="628.336"
y2="627.628"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 405.333c2.773 0 5.547-1.067 7.467-2.987 2.133-2.133 3.2-4.907 3.2-7.68s-1.067-5.547-3.2-7.467c-3.84-4.053-10.88-4.053-15.147 0-1.92 1.92-2.987 4.693-2.987 7.467s1.067 5.547 2.987 7.467a10.822 10.822 0 0 0 7.68 3.2z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-28.562"
x2="-27.848"
y1="637.341"
y2="636.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M394.667 213.333c2.773 0 5.547-1.067 7.659-3.2 1.941-1.92 3.008-4.693 3.008-7.467s-1.067-5.547-3.2-7.68c-4.032-3.84-10.88-3.84-15.147.213-1.92 1.92-2.987 4.693-2.987 7.467s1.067 5.547 3.179 7.68c1.941 1.921 4.714 2.987 7.488 2.987z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-28.563"
x2="-27.853"
y1="631.344"
y2="630.634"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M394.667 341.333c2.773 0 5.547-1.067 7.467-3.2 2.133-1.92 3.2-4.693 3.2-7.467 0-2.773-1.067-5.547-3.2-7.68-4.032-3.84-10.88-3.84-15.147.213-1.92 1.92-2.987 4.693-2.987 7.467 0 2.773 1.067 5.547 2.987 7.467a10.822 10.822 0 0 0 7.68 3.2z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-44.559"
x2="-43.849"
y1="640.34"
y2="639.63"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M45.845 130.987c-2.112 2.133-3.179 4.693-3.179 7.68 0 2.773 1.067 5.547 3.179 7.467 1.941 2.133 4.715 3.2 7.488 3.2 2.773 0 5.547-1.067 7.659-3.2 1.941-1.92 3.008-4.693 3.008-7.467s-1.067-5.547-3.2-7.467c-3.84-4.053-11.328-3.84-14.955-.213z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-44.559"
x2="-43.849"
y1="634.339"
y2="633.63"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M45.653 259.2c-1.92 1.92-2.987 4.693-2.987 7.467 0 2.773 1.067 5.547 3.179 7.467 1.941 2.133 4.715 3.2 7.488 3.2 2.773 0 5.547-1.067 7.659-3.2 1.941-1.92 3.008-4.693 3.008-7.467 0-2.773-1.067-5.333-3.2-7.467-3.84-4.053-11.328-4.053-15.147 0z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-44.554"
x2="-43.849"
y1="628.335"
y2="627.63"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M45.845 387.2c-2.112 1.92-3.179 4.693-3.179 7.467s1.067 5.547 2.987 7.467c2.133 2.133 4.672 3.2 7.68 3.2 2.773 0 5.547-1.067 7.659-3.2 1.941-1.92 3.008-4.693 3.008-7.467s-1.067-5.547-3.2-7.68c-4.053-3.84-11.093-3.84-14.955.213z"
fill="url(#s)"
/>
</svg>
More icons in the same style and category