/home/smartbloks/.trash/docly-core/widgets/hero/images/leaf.svg
<svg id="OBJECTS" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 115.13 125.2">
<defs>
<style>
.cls-1 {
fill: url(#linear-gradient);
}
.cls-2 {
fill: #92d0ff;
}
.cls-3 {
fill: url(#linear-gradient-2);
}
.cls-4 {
fill: url(#linear-gradient-3);
}
.leaf{
animation: 2s ease-in-out infinite leafMotion;
-webkit-animation: 2s ease-in-out infinite leafMotion;
-moz-animation: 2s ease-in-out infinite leafMotion;
}
.one{
animation-duration: 2.3s;
-webkit-animation-duration: 2.3s;
-moz-animation-duration: 2.3s;
transform-origin: 0px 200px;
}
.two{
animation-duration: 2.7s;
-webkit-animation-duration: 2.7s;
-moz-animation-duration: 2.7s;
transform-origin: 40px 100px;
}
.three{
animation-duration: 3s;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
transform-origin: -20px 300px;
}
@keyframes leafMotion {
50% {
transform: rotate(4deg)
}
}
@-webkit-keyframes leafMotion {
50% {
-webkit-transform: rotate(4deg)
}
}
@-moz-keyframes leafMotion {
50% {
-moz-transform: rotate(4deg)
}
}
</style>
<linearGradient id="linear-gradient" x1="600.57" y1="386.44" x2="600.57" y2="261.25" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#466de5" />
<stop offset="1" stop-color="#78bfff" />
</linearGradient>
<linearGradient id="linear-gradient-2" x1="623.96" y1="386.44" x2="623.96" y2="299.12" xlink:href="#linear-gradient" />
<linearGradient id="linear-gradient-3" x1="72.94" y1="389.72" x2="96.14" y2="349.54" gradientTransform="matrix(-1, 0, 0.21, 1, 561.93, 0)" xlink:href="#linear-gradient" />
</defs>
<title>leaf</title>
<g class="leaf one">
<path class="cls-1" d="M568.92,386.44c-1.16-39.83,7.85-88.17,39.22-115.6,5-4.4,11.19-10.08,18.34-9.56,3.33.24,5,4,5.47,6.87.89,5,0,10.22-1.21,15.19-6.79,27.43-29.19,75.44-34.92,103.11" transform="translate(-536.97 -261.25)" />
<path class="cls-2" d="M621.77,271.87c-21,27.08-32.51,61.13-35.52,95.06a122.7,122.7,0,0,0-.42,18.83c0,.35.55.36.55,0a191.79,191.79,0,0,1,19-86,167.77,167.77,0,0,1,16.73-27.61c.13-.18-.17-.42-.31-.24Z" transform="translate(-536.97 -261.25)" />
</g>
<g class="leaf two">
<path class="cls-3" d="M595.83,386.44c4.2-25.78,8.61-46.83,23.38-68.36,6.08-8.86,17.78-19.81,27.1-18.91,10,1,2.9,16.07-3,27.34a158.9,158.9,0,0,0-16.4,48.16c.82-5.05,4.33-19.44,14.69-25.83,3-1.88,10.52-3,10.52,3.25,0,10.94-10.63,24.08-13.29,34.34" transform="translate(-536.97 -261.25)" />
<path class="cls-2" d="M643.09,307c-5.94,7.54-10.19,16.57-14.18,25.24a241,241,0,0,0-13.31,35.33A94.17,94.17,0,0,0,612,385.68c0,.26.37.25.4,0,1.44-11.6,5-22.9,9-33.83a255.91,255.91,0,0,1,14.66-32.75,85.71,85.71,0,0,1,7.35-11.86c.16-.21-.2-.48-.36-.28Z" transform="translate(-536.97 -261.25)" />
<path class="cls-2" d="M646.17,352.87c-8.55,8.51-12.37,21.65-14.53,33.19-.06.31.4.44.47.13,2.66-11.52,5.9-24.25,14.34-33a.21.21,0,0,0-.29-.29Z" transform="translate(-536.97 -261.25)" />
</g>
<g class="leaf three">
<path class="cls-4" d="M537.8,386.44c-2.17-11.29.1-22.88,4.61-32.54,3-6.31,9.76-15.11,17.36-15,5.65.1,8,5.77,8.34,10.88.86,13.38-5.44,17.46-5.41,31.93.32-5.48,5.62-23.27,13.91-17.2,8.12,5.94.21,21.91.21,21.91" transform="translate(-536.97 -261.25)" />
<path class="cls-2" d="M574.27,368c-3.41,5.47-6.53,11.66-6.82,18.23,0,.24.39.31.43.06a50.14,50.14,0,0,1,6.7-18.1.18.18,0,0,0-.31-.18Z" transform="translate(-536.97 -261.25)" />
<path class="cls-2" d="M559.15,347.05c-4.43,6.23-6.53,14-8.12,21.37a133,133,0,0,0-2.67,17.78c0,.24.39.3.43.06,1.84-13,3-27.89,10.67-39,.13-.19-.18-.37-.31-.18Z" transform="translate(-536.97 -261.25)" />
</g>
</svg>
