ngx-fizz/src/icons/fiz-cog/fiz-cog.component.html

Rich Animated icon set for AngularIO operated by animeJS engine

<svg
    [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)"
    #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">
        <path #outerCircle
              d="m19.57922,5.2281l-3.62413,3.62413l-5.69794,0c-0.55228,0 -1,0.44771
              -1,1l0,5.69794l-4.02905,4.02905c-0.39052,0.39052 -0.39052,1.02369 0,1.41421l4.02905,4.02905l0,5.12529c0,0.55229 0.44772,1 1,1l5.12529,0l3.62413,3.62413c0.39052,0.39052 1.02369,0.39052 1.41421,0l3.62413,-3.62413l5.69794,0c0.55228,0 1,-0.44771 1,-1l0,-5.69794l4.02905,-4.02905c0.39052,-0.39052 0.39052,-1.02369 0,-1.41421l-4.02905,-4.02905l0,-5.12529c0,-0.55229 -0.44772,-1 -1,-1l-5.12529,0l-3.62413,-3.62413c-0.39052,-0.39052 -1.02369,-0.39052 -1.41421,0z"></path>
        <path #innerCircle
              d="m15,20c0,-2.762431 2.237569,-5 5,-5c2.762431,0 5,2.237569 5,5c0,2.762431 -2.237569,5 -5,5c-2.762431,0 -5,-2.237569 -5,-5z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="null" stroke="null" fill-opacity="null" fill="null"></path>
    </g>
</svg>