ngx-fizz/src/icons/fiz-trash-bin/fiz-trash-bin.component.html

Rich Animated icon set for AngularIO operated by animeJS engine

<svg
    #vector
    [attr.height]="size"
    [attr.width]="size"
    [style.display]="isHide ? 'none' : 'inline-block'"
    (click)="onClick($event)"
    (mouseenter)="onMouseEnter($event)"
    (mousedown)="onMouseDown($event)"
    (mousemove)="onMouseMove($event)"
    (mouseup)="onMouseUp($event)"
    (mouseenter)="onMouseEnter($event)"
    (mouseleave)="onMouseLeave($event)"
    (mouseover)="onMouseOver($event)"
    version="1.1"
    viewBox="0 0 40 40"
    xmlns="http://www.w3.org/2000/svg">
    <g [attr.stroke-width]="strokeWidth"
       [attr.stroke]="strokeColor"
       fill="none"
       fill-rule="evenodd"
       stroke="none"
       stroke-linecap="round"
       stroke-linejoin="round">
        <path #body stroke-miterlimit="10" d="M16.9,32.6h6.2c1.4,0,2.5-0.9,2.5-2l2.5-15c0-1.1-1.1-2-2.5-2H14.5
	c-1.4,0-2.5,0.9-2.5,2l2.5,15C14.5,31.7,15.6,32.6,16.9,32.6z"></path>
        <polyline class="lid" #lid [ngStyle]="lidStyle" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="16.8,11.6
	16.8,9.6 23.5,9.6 23.5,11.6 27.8,11.6 12.2,11.6 "></polyline>
        <g [attr.stroke-width]="strokeWidth/2" [attr.stroke]="strokeColor">
            <line #line1 stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="17" y1="18.6" x2="17" y2="27.6"></line>
            <line #line2 stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="20" y1="18.6" x2="20" y2="27.6"></line>
            <line #line3 stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="23" y1="18.6" x2="23" y2="27.6"></line>
        </g>
    </g>
</svg>