Add icons to this collection by clicking the heart icon.
Trash icon - also known as interface, can, basket, Tools and utensils, bin, garbage, trash, and miscellaneous. 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 400.196 400.196"
>
<linearGradient
id="a"
x1="-46.523"
x2="-46.523"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M378.775 0H21.42C12.539 0 5.747 6.792 5.747 15.673s6.792 15.673 15.673 15.673h13.584l15.673 353.698c.522 8.359 7.314 15.151 15.673 15.151h267.494c8.359 0 15.151-6.792 15.673-15.151L365.19 31.346h13.584c8.882 0 15.673-6.792 15.673-15.673S387.657 0 378.775 0zm-60.081 368.849H81.502L66.873 31.347h266.971l-15.15 337.502z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-46.523"
x2="-46.523"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M200.098 217.861c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v4.702c-.001 8.881 6.791 15.673 15.673 15.673z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-28.223"
x2="-28.223"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M295.706 217.861c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673-8.882 0-15.673 6.792-15.673 15.673v4.702c0 8.881 6.791 15.673 15.673 15.673z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-64.823"
x2="-64.823"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M104.49 217.861c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v4.702c-.001 8.881 6.791 15.673 15.673 15.673z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-55.723"
x2="-55.723"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M152.033 170.318c8.882 0 15.673-6.792 15.673-15.673v-5.225c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v5.225c-.001 8.882 6.791 15.673 15.673 15.673z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-37.323"
x2="-37.323"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M248.163 170.318c8.882 0 15.673-6.792 15.673-15.673v-5.225c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v5.225c0 8.882 6.792 15.673 15.673 15.673z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-55.723"
x2="-55.723"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M152.033 265.927c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v4.702c-.001 8.881 6.791 15.673 15.673 15.673z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-37.323"
x2="-37.323"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M248.163 265.927c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v4.702c0 8.881 6.792 15.673 15.673 15.673z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-46.523"
x2="-46.523"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M200.098 122.253c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v4.702c-.001 8.881 6.791 15.673 15.673 15.673z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-28.223"
x2="-28.223"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M295.706 122.253c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673-8.882 0-15.673 6.792-15.673 15.673v4.702c0 8.881 6.791 15.673 15.673 15.673z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-64.823"
x2="-64.823"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M104.49 122.253c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v4.702c-.001 8.881 6.791 15.673 15.673 15.673z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-46.523"
x2="-46.523"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M200.098 313.469c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v4.702c-.001 8.882 6.791 15.673 15.673 15.673z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-28.223"
x2="-28.223"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M295.706 313.469c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673-8.882 0-15.673 6.792-15.673 15.673v4.702c0 8.882 6.791 15.673 15.673 15.673z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-64.823"
x2="-64.823"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M104.49 313.469c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v4.702c-.001 8.882 6.791 15.673 15.673 15.673z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-55.723"
x2="-55.723"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M152.033 74.71c8.882 0 15.673-6.792 15.673-15.673v-5.224c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v5.224c-.001 8.881 6.791 15.673 15.673 15.673z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-37.323"
x2="-37.323"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M248.163 74.71c8.882 0 15.673-6.792 15.673-15.673v-5.224c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v5.224c0 8.881 6.792 15.673 15.673 15.673z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-55.723"
x2="-55.723"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M152.033 361.535c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v4.702c-.001 8.881 6.791 15.673 15.673 15.673z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-37.323"
x2="-37.323"
y1="546.376"
y2="464.363"
gradientTransform="matrix(5.2245 0 0 -5.2245 443.158 2838.693)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M248.163 361.535c8.882 0 15.673-6.792 15.673-15.673v-4.702c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v4.702c0 8.881 6.792 15.673 15.673 15.673z"
fill="url(#r)"
/>
</svg>
More icons in the same style and category