ngx-fizz
Version:
Rich Animated icon set for AngularIO operated by animeJS engine
11 lines (10 loc) • 1.58 kB
HTML
<svg [attr.width]="size" [attr.height]="height()" [attr.viewBox]="'0 0 '+size + ' ' + height()" xmlns="http://www.w3.org/2000/svg">
<g #g fill-rule="evenodd" fill="none" stroke="#979797" stroke-width="6">
<path #p1 d="m123.762978,43l-65.762978,0l0,63l0,43" stroke-opacity="0.5" stroke-width="20" stroke="#8137DE" fill-opacity="null" fill="null"></path>
<path #p2 stroke-width="20" stroke="#FF7AC3" stroke-opacity="0.499774" d="m102,94.05897c-4.39588,0.00858 -10.22921,0.00858 -17.5,0c-7.27079,-0.00857 -12.10334,-0.02823 -14.49766,-0.05897l-21.00234,0.05897l53,0z"></path>
<path #p3 d="m133.685593,99l4.314407,-4l-4.5,-4l-4.5,4" stroke-opacity="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" stroke="#7349F8" fill-opacity="null" fill="null"></path>
<path #p4 d="m133,114l0,13.802818l0,11.830986l0,9.366196" stroke-opacity="0.5" stroke-width="20" stroke="#4004FF" fill-opacity="null" fill="null"></path>
<path #p5 stroke-width="20" stroke="#B384FF" stroke-opacity="0.5" d="m170,94l50.28808,0c1.10457,0 2,0.89543 2,2c0,0.56697 -0.24064,1.1073 -0.66207,1.48659l-42.25202,38.02682c-0.82102,0.73892 -0.88758,2.0035 -0.14866,2.82452c0.37928,0.42143 0.91961,0.66207 1.48659,0.66207l49.28808,0"></path>
<path #p6 stroke-width="20" stroke="#6200FF" stroke-opacity="0.5" d="m258,94l50.28808,0c1.10457,0 2,0.89543 2,2c0,0.56697 -0.24064,1.1073 -0.66207,1.48659l-42.25202,38.02682c-0.82102,0.73892 -0.88758,2.0035 -0.14866,2.82452c0.37928,0.42143 0.91961,0.66207 1.48659,0.66207l49.28808,0"></path>
</g>
</svg>