<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 419 349" style="enable-background:new 0 0 419 349;" xml:space="preserve">
<style type="text/css">
	.st0{opacity:0.22;fill:#80B341;}
	.st1{fill:none;stroke:#80B341;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
	.st2{fill:none;stroke:#E1ECD3;stroke-width:3;stroke-miterlimit:10;}
	.st3{fill:#E1ECD3;}
	.st4{fill:none;stroke:#E1ECD3;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:2,6;}
	.st5{fill:none;stroke:#E1ECD3;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
	.st6{fill:none;stroke:#80B341;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
	.st7{opacity:0.22;fill:none;stroke:#80B341;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
	.st8{fill:none;stroke:#80B341;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

#userCircle {
  stroke-dasharray: 400;
  animation: userCircle-drawIn 2s forwards;
  animation-delay: 0.6s; 
  stroke-dashoffset: 1250;
}

@keyframes userCircle-drawIn {
  to {
    stroke-dashoffset: 1000;
  }
}


#envatoCircle {
  animation: envatoCircle-fadeIn 2s forwards;
  animation-delay: .8s; 
  opacity: 0;
}

@keyframes envatoCircle-fadeIn {
  to {
    opacity: 1;
  }
}


#envatoLeaf {
  animation: envatoLeaf-drawIn .8s forwards;
  animation-delay: 1.4s;
  opacity: 0;
  transform: translateY(-10px);
  }

@keyframes envatoLeaf-drawIn {
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}

#leafShadow {
  animation: leafShadow-moveIn .8s forwards;
  animation-delay: 1.6s;
  opacity: 0;
  transform: translateY(-10px);
  }

@keyframes leafShadow-moveIn {
  to {
    transform: translateY(2px);
    opacity: 1;
  }
}



#userIcon {
  animation: userIcon-drawIn 0.7s forwards;
  animation-delay: 1.4s;
  opacity: 0;
  transform: translateY(10px);
  }

@keyframes userIcon-drawIn {
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}


#lock__lock {
  animation: lock__lock-moveIn .8s forwards;
  animation-delay: 1.2s; 
  transform: translateX(20px);
  opacity:0; 
}


@keyframes lock__lock-moveIn {
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

#lock__lines {
  stroke-dasharray: 120;
  animation: lock__lines-moveIn 1s forwards;
  animation-delay: 1.4s; 
  opacity:0; 
  stroke-dashoffset: 360;
}


@keyframes lock__lines-moveIn {
  to {
    opacity: 1;
    stroke-dasharray: 120;
    stroke-dashoffset: 260;
  }
}

#keyhole {
  stroke-dasharray: 10;
  animation: keyhole-drawIn 0.4s forwards;
  animation-delay: 1.6s;
  opacity: 0; 
  stroke-dashoffset: 10;}

@keyframes keyhole-drawIn {
  to {
    stroke-dasharray: 10;
    opacity: 1; 
    stroke-dashoffset: 20;
  }
}
</style>
<g id="leafShadow">
	<path class="st0" d="M151.5,80.4c-2.5-1.2-9.6-0.6-18.4,2.2c-14.9,10.3-27.7,25.5-28.6,49.8c-0.3,0.6-1.6,0-1.9-0.3   c-4-7.8-5.6-15.9-2.2-28c0.6-0.9-1.6-2.5-1.9-1.9c-0.6,0.6-3.7,4-5.9,7.8c-10.3,17.7-3.4,40.5,14.3,50.4   c18.1,10,40.5,3.4,50.4-14.3C168.9,125.2,158,84.2,151.5,80.4z" />
</g>
<g id="envatoLeaf">
	<path class="st1" d="M147,75c-2.5-1.2-9.6-0.6-18.4,2.2c-14.9,10.3-27.7,25.5-28.6,49.8c-0.3,0.6-1.6,0-1.9-0.3   c-4-7.8-5.6-15.9-2.2-28c0.6-0.9-1.6-2.5-1.9-1.9c-0.6,0.6-3.7,4-5.9,7.8c-10.3,17.7-3.4,40.5,14.3,50.4   c18.1,10,40.5,3.4,50.4-14.3C164.5,119.8,153.6,78.7,147,75z" />
</g>
<g id="envatoCircle">
	<g>
		
			<ellipse transform="matrix(0.9971 -7.581117e-02 7.581117e-02 0.9971 -8.8903 1.653)" class="st2" cx="17.3" cy="117.9" rx="4.9" ry="4.9" />
		
			<ellipse transform="matrix(0.9971 -7.581117e-02 7.581117e-02 0.9971 -11.4213 2.0967)" class="st3" cx="21.9" cy="151.5" rx="2.9" ry="2.9" />
		<g>
			<path class="st4" d="M237.7,129.5c-0.6,9.8-2.5,19.7-5.8,29.5c-6.6,19.2-18,35.5-32.5,47.8" />
			<path class="st4" d="M163.7,19.3c31,10.6,54.1,33.8,65.8,61.8" />
			<path class="st4" d="M103.4,16.1c5.6-1.3,11.3-2.1,17.1-2.5" />
			<path class="st4" d="M37.4,60.8c13.2-19.1,31.9-33.3,53.1-40.9" />
		</g>
		
			<ellipse transform="matrix(0.9971 -7.581117e-02 7.581117e-02 0.9971 -6.4131 18.0738)" class="st3" cx="234.9" cy="93.5" rx="4.9" ry="4.9" />
		<path class="st4" d="M37.6,187.1c-3.4-4.6-6.4-9.5-9.1-14.7" />
		<path class="st5" d="M104.8,230c-22.8-4.5-43.2-16.1-58.6-32.6" />
	</g>
</g>
<g id="userCircle">
	<g>
		<g>
			<path class="st1 circlePiece4" d="M161.8,272.4c-4.8-8.6-8.4-18-10.8-28c-4.7-19.8-3.7-39.6,2-57.7" />
			<path class="st1 circlePiece3" d="M283.2,326.1c-31.9,7.5-63.8,0.3-88.6-17.2" />
			<path class="st1 circlePiece2" d="M335.9,296.7c-4,4.1-8.4,7.8-13.1,11.3" />
			<path class="st1 circlePiece1" d="M367.9,223.6c-0.9,23.2-9.2,45.1-23.1,63" />
		</g>
		<g>
			<path class="st1" d="M193.9,131.9c8-5.7,17-10.4,26.7-13.8c19.2-6.8,39-8,57.6-4.4" />
		</g>
	</g>
	
		<ellipse transform="matrix(6.798524e-02 -0.9977 0.9977 6.798524e-02 153.6569 402.6868)" class="st6" cx="292.4" cy="119.1" rx="4.9" ry="4.9" />
</g>
<g id="userIcon">
	<path class="st1" d="M301.1,310.3c-6.7-14.8-26.3-25.6-33.3-25.6h-3.8v-9.1c0,0,0.1,0,0.2,0h0.2c1.5,0,3-0.5,4.3-1.4   c2.5-1.4,5.4-4.3,7.5-10.1c1.9-4,3.5-8.8,4.8-13.5c0.2,0,0.3,0.1,0.5,0.1l1.1,0.1c2.7,0.2,5-1.7,5.2-4.4l3.7-11.8   c0.2-2.3-1.2-4.4-3.4-5v-22.7c0,0,0.6-11.3-16.6-17.7l4.2-1.4c0,0-4.2-2-11,0c0,0-1.1-2.5,2.3-4.2c0,0-14.6-0.3-24.5,5.6l-0.3-2.8   c0,0-22.5,3.4-23.6,20.3c-1.1,16.9,0,23.1,0,23.1h0.3l-1.4,0.4c-2.6,0.7-4.1,3.4-3.4,5.9l5.7,10.9c0.7,2.6,3.3,4.1,5.9,3.4   c4.6,12.6,12.1,25.3,19.6,25.3h0.6v9.1h-1.6c-7.7,0-24,8.1-32.8,19.9" />
</g>
<g id="lock__lines">
	<line class="st7" x1="361.5" y1="157.9" x2="407.7" y2="157.9" />
	<line class="st7" x1="361.5" y1="176.3" x2="396.3" y2="176.3" />
</g>
<g id="lock__lock">
	<path class="st1" d="M341,187.3h-21.9c-3.8,0-6.9-3.1-6.9-6.9v-17.8c0-3.8,3.1-6.9,6.9-6.9H341c3.8,0,6.9,3.1,6.9,6.9v17.8   C347.9,184.2,344.8,187.3,341,187.3z" />
	<path class="st1" d="M312.2,164.7v-16.1c0-7.9,6.4-14.3,14.3-14.3h7.2c7.9,0,14.3,6.4,14.3,14.3v16.1" />
</g>
<g id="keyhole">
	<line class="st8" x1="330.1" y1="168" x2="330.1" y2="175" />
</g>
</svg>