copious-transitions
Version:
Framework for working with frameworks
116 lines • 10.7 kB
HTML
<a class="nav-link" href="http://popsongnow.com">
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.0"
width="60"
height="60"
viewBox="0 0 350 350"
preserveAspectRatio="xMidYMid meet"
id="svg2">
<defs id="defs16">
<linearGradient id="linearGradient1115">
<stop
style="stop-color:#e9ff00;stop-opacity:1;"
offset="0"
id="stop1111" />
<stop
style="stop-color:#e9ff00;stop-opacity:0;"
offset="1"
id="stop1113" />
</linearGradient>
<filter
style="color-interpolation-filters:sRGB"
id="filter1107"
x="-0.02418653"
width="1.0483731"
y="-0.023816325"
height="1.0476327">
<feGaussianBlur
stdDeviation="2.8845338"
id="feGaussianBlur1109" />
</filter>
<radialGradient
xlink:href="#linearGradient1115"
id="radialGradient1117"
cx="162.94153"
cy="166.10171"
fx="162.94153"
fy="166.10171"
r="150.03728"
gradientTransform="matrix(1,0,0,1.0148269,0,-2.4627807)"
gradientUnits="userSpaceOnUse" />
</defs>
<g
id="g4232"
transform="translate(12.8,0)">
<ellipse
style="opacity:0.98000004;fill:url(#radialGradient1117);fill-opacity:1;stroke:none;stroke-width:33.07086563;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill;filter:url(#filter1107)"
id="path833"
cx="162.94153"
cy="166.1017"
rx="143.1144"
ry="145.33899"
transform="matrix(1.153994,0,0,1.1209987,-27.316594,-14.907414)" />
<text
transform="scale(1.0420353,0.95966038)"
id="text4170"
y="109.06458"
x="144.01936"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:95.65157318px;line-height:125%;font-family:sans-serif;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ff0080;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="109.06458"
x="144.01936"
id="tspan4172"
style="fill:#ff0080;fill-opacity:1">O</tspan></text>
<text
id="text4195"
y="243.96106"
x="183.45763"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:64px;line-height:125%;font-family:sans-serif;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="243.96106"
x="183.45763"
id="tspan4197">ong</tspan></text>
<g
id="g831"
transform="translate(23.333334,11.666667)">
<path
style="fill:#0000ff;stroke:none"
id="path12"
d="m 65.085952,145.23192 c 3.26895,0.045 6.29859,-0.22234 6.72969,-0.55143 0.56359,-0.36425 0.98273,-2.72972 1.12104,-5.34268 0.13832,-2.61297 0.64228,-9.56307 1.1107,-15.43029 1.75701,-23.11592 2.87369,-37.52803 4.261,-58.18425 l 1.48023,-21.485981 11.992232,3.58025 c 10.950016,3.32009 12.621086,3.62804 18.522196,3.51118 14.2188,-0.23097 26.09194,-6.22644 32.52851,-16.25373 2.4006,-3.91106 2.85933,-5.48194 2.68708,-9.83735 -0.37617,-9.346466 -7.6659,-17.341296 -18.99565,-21.097346 -5.54917,-1.80138 -7.57621,-2.06853 -15.22352,-1.97132 -6.88593,0.10985 -10.92611,0.75264 -18.875886,2.86232 -13.283252,3.73975 -20.815682,7.93923 -25.381632,14.196096 -3.51988,4.79849 -3.5614,4.86318 -3.8692,20.24142 -0.38487,16.525811 -3.04833,67.255061 -3.6297,68.160751 -0.37373,0.58223 -7.0047,-2.27387 -12.57569,-5.41127 -8.70357,-4.93602 -17.27674,-12.64393 -20.88808,-18.66294 -7.03283,-11.82005 -7.01766,-25.88617 0.16639,-37.077941 2.45005,-3.81684 2.84156,-4.9405 1.77561,-5.6774 -1.85899,-1.38519 -5.75277,0.39953 -10.36429,4.84365 C 1.9240117,60.39223 -2.0878686,74.17718 4.8798417,89.18116 c 4.3155099,9.37451 7.2958803,12.609 21.4717203,24.08997 17.57938,14.22745 25.23493,21.48113 28.18573,26.81668 1.37651,2.47933 3.09315,4.60004 3.548,4.74769 0.58735,0.1125 3.77324,0.28681 7.00066,0.39642 z"
/>
<ellipse
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.25200582;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4199"
cx="110.36122"
cy="26.560381"
rx="21.172937"
ry="11.617853" />
</g>
<path
d="m 124.58334,69.729014 c -7.68174,3.748996 -12.93255,7.75361 -18.37783,14.229149 -6.612125,7.92402 -11.279516,16.444467 -13.418726,24.538887 -2.528168,9.3725 -2.333698,25.56135 0.38894,34.84864 l 1.94475,6.64594 -10.598858,8.94648 c -19.8364,16.78527 -31.21315,31.01442 -37.6308,46.69205 -3.50054,8.77605 -4.08397,23.60164 -1.26409,33.99658 2.72264,10.13934 8.65411,19.76744 16.04414,26.41339 7.48727,6.64595 15.26625,10.73577 26.93472,14.31436 8.654109,2.55613 9.918189,2.72654 22.947974,2.81174 l 13.80768,0 1.06961,4.26022 c 6.12594,24.53889 6.32042,27.09503 2.6254,33.31496 -1.94474,3.32297 -9.82095,8.00922 -13.51597,8.00922 -2.72264,0 -3.59777,-1.10766 -1.65303,-2.21532 2.23646,-1.19286 4.76462,-7.6684 4.76462,-12.52506 0,-13.97353 -15.46071,-22.57918 -30.143524,-16.70007 -15.36349,6.04951 -19.25298,21.72714 -8.65411,35.27464 13.807678,17.80774 37.047364,20.27867 55.230724,5.87912 12.34912,-9.71331 16.04414,-27.18023 10.40438,-48.82216 -1.36132,-5.28269 -2.52817,-9.96893 -2.52817,-10.39496 0,-0.34082 1.65304,-1.53368 3.59778,-2.55613 10.30714,-5.6235 20.71152,-15.3368 25.8651,-24.19807 4.66738,-8.09443 5.93147,-13.63272 5.93147,-25.13532 -0.0972,-9.79852 -0.29172,-11.16179 -3.01436,-17.29651 -5.34804,-11.67301 -13.22426,-18.74499 -25.96233,-23.17562 -7.39003,-2.55613 -15.46072,-3.749 -24.40654,-3.8342 l -5.93147,0 -2.33369,-10.13933 -2.33369,-10.13934 4.37567,-4.60104 c 12.25189,-12.69547 23.5314,-27.86186 27.12918,-36.29711 1.16685,-2.55613 2.72264,-8.43523 3.59778,-12.95108 1.55579,-7.6684 1.55579,-8.69085 0,-15.422007 C 146.75342,81.40203 137.32142,67.17288 132.07061,67.17288 c -1.26409,0 -4.57015,1.192862 -7.48727,2.556134 z m 4.66739,19.937843 c 1.16684,1.53369 2.52817,5.027068 3.11159,7.668411 2.52817,10.735762 -5.34805,26.328182 -19.35021,38.597622 -1.75027,1.53368 -3.59777,2.81176 -3.98672,2.81176 -2.52817,0 -2.91712,-21.55674 -0.58342,-28.79912 2.43093,-7.24239 6.90384,-13.973533 12.44636,-18.830192 2.72264,-2.385725 5.25081,-4.345432 5.63976,-4.345432 0.38894,0 1.65303,1.278071 2.72264,2.896951 z m -26.643,94.406573 1.26409,4.85665 -4.764625,2.72654 c -5.639751,3.15257 -12.543599,9.62811 -15.071759,14.14395 -1.45856,2.55613 -1.84751,5.11227 -1.84751,11.75821 0,10.30975 1.94474,14.48476 10.015428,21.64194 5.737001,5.11226 7.681741,4.94186 5.542521,-0.34082 -1.847501,-4.43063 -1.750271,-4.68624 0.58343,-10.13933 2.041975,-4.85666 8.751345,-12.86587 10.793325,-12.86587 0.68066,0 3.20882,9.4577 6.51489,24.02765 4.37567,19.25622 5.25081,24.19808 4.1812,24.5389 -2.62541,0.85204 -15.46072,0.34081 -21.392185,-0.85205 -13.029779,-2.72654 -22.850739,-9.20208 -28.490509,-18.9154 -3.20882,-5.53828 -3.30606,-5.96431 -3.20882,-16.01844 0,-9.37249 0.29171,-10.82097 3.11159,-17.29651 1.75027,-3.9194 4.47291,-8.86126 6.22319,-11.07658 4.86186,-6.30513 15.07176,-16.87048 20.030858,-20.70468 3.889491,-2.98217 4.667386,-3.23777 4.861856,-1.95971 0.19448,0.93725 0.97237,3.8342 1.65303,6.47555 z m 39.67278,26.24297 c 10.01544,3.32298 15.26624,10.99138 15.26624,22.57919 0,11.07658 -5.63975,20.10826 -15.46071,24.96491 l -3.88949,1.95971 -0.58342,-1.95971 c -0.29171,-1.10765 -2.43093,-10.22454 -4.86186,-20.27866 -2.52817,-10.05413 -4.86186,-19.68224 -5.25081,-21.30113 -0.48619,-1.61888 -1.16685,-4.0046 -1.45856,-5.36787 l -0.58342,-2.30053 5.73699,0 c 3.50054,0 7.97345,0.68164 11.08504,1.70409 z"
id="path8"
style="fill:#ff0000;stroke:none" />
<g
id="g827"
transform="translate(-11.864407,57.641243)">
<path
d="m 234.35149,146.71497 c 3.26895,0.045 6.29859,-0.22234 6.72969,-0.55143 0.56359,-0.36425 0.98273,-2.72972 1.12104,-5.34268 0.13832,-2.61297 0.64228,-9.56307 1.1107,-15.43029 1.75701,-23.11592 2.87369,-37.528029 4.261,-58.184249 l 1.48023,-21.485981 11.99223,3.58025 c 10.95001,3.32009 12.62108,3.62804 18.52219,3.51118 14.2188,-0.23097 26.09194,-6.22644 32.52851,-16.25373 2.4006,-3.91106 2.85933,-5.48194 2.68708,-9.83735 -0.37617,-9.346466 -7.6659,-17.3412962 -18.99565,-21.0973462 -5.54917,-1.80138 -7.57621,-2.06853 -15.22352,-1.97132 -6.88593,0.10985 -10.92611,0.75264 -18.87588,2.86232 -13.28325,3.7397502 -20.81568,7.9392302 -25.38163,14.1960962 -3.51988,4.79849 -3.5614,4.86318 -3.8692,20.24142 -0.38487,16.525811 -3.04833,67.25506 -3.6297,68.16075 -0.37373,0.58223 -7.0047,-2.27387 -12.57569,-5.41127 -8.70357,-4.936019 -17.27674,-12.643929 -20.88808,-18.662939 -7.03283,-11.82005 -7.01766,-25.88617 0.16639,-37.077941 2.45005,-3.81684 2.84156,-4.9405 1.77561,-5.6774 -1.85899,-1.38519 -5.75277,0.39953 -10.36429,4.84365 -15.73297,14.748571 -19.74486,28.533521 -12.77714,43.537501 4.3155,9.374509 7.29588,12.608999 21.47172,24.089969 17.57938,14.22745 25.23493,21.48113 28.18573,26.81668 1.37651,2.47933 3.09315,4.60004 3.548,4.74769 0.58735,0.1125 3.77324,0.28681 7.00066,0.39642 z"
id="path823"
style="fill:#176431;fill-opacity:1;stroke:none" />
<ellipse
ry="11.617853"
rx="21.172937"
cy="26.560381"
cx="278.33157"
id="ellipse4230"
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.25200582;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
</g>
</svg>
</a>