ngx-fizz/src/icons/fiz-chevron-bottom/fiz-chevron-bottom.component.html

Rich Animated icon set for AngularIO operated by animeJS engine

<svg [attr.width]="size"
     [attr.height]="size"
     [style.display]="isHide ? 'none' : 'inline-block'"
     [style.transform]="'rotate('+rotationDegree+'deg)'"
     (click)="onClick($event)"
     (mouseenter)="onMouseEnter($event)"
     (mousedown)="onMouseDown($event)"
     (mousemove)="onMouseMove($event)"
     (mouseup)="onMouseUp($event)"
     (mouseenter)="onMouseEnter($event)"
     (mouseleave)="onMouseLeave($event)"
     (mouseover)="onMouseOver($event)"
     #vector
     viewBox="0 0 40 40"
     version="1.1"
     xmlns="http://www.w3.org/2000/svg">
    <g fill="none"
       fill-rule="evenodd"
       stroke="none"
       stroke-linecap="round"
       stroke-linejoin="round"
       [attr.stroke]="strokeColor"
       [attr.stroke-width]="strokeWidth">
        <polyline
            #polygon
            points="20 13 30 27 10 27 20 13"></polyline>
    </g>
</svg>