Skip to content

Instantly share code, notes, and snippets.

@motionharvest

motionharvest/gist:85235f53e1d07ccdbe48

Created January 26, 2015 19:48
Show Gist options
  • Save motionharvest/85235f53e1d07ccdbe48 to your computer and use it in GitHub Desktop.
Save motionharvest/85235f53e1d07ccdbe48 to your computer and use it in GitHub Desktop.
Download ZIP
SVG with internal package
Raw
gistfile1.txt
<svg version="1.1" id="dsvgee" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 278 278" width="278" height="278">
<!-- Super elite legit badassery for browsers that support it -->
<div id="dsvgee-component">
<img src="/images/smileys/shade_smile.gif"/>
<div id="success">
This is a big test
</div>
<script>
(function(){
if(!test) return;
console.log("you've gotta be kidding me");
})();
</script>
<style>
#success {
display: inline-block;
background-color: red;
}
</style>
<svg xmlns:xlink="http://www.w3.org/1999/xlink" image-rendering="auto" baseProfile="basic" version="1.1" x="0px" y="0px" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 278 278">
<defs/>
<g id="Scene_2" overflow="visible">
<g id="Scene_1_12_0">
<g id="element10" overflow="visible" transform="matrix(1 0 0 1 133.3 129.45)">
<g id="dotted-stroke_0">
<g id="element21" transform="matrix(1 0 0 1 -114.999 -114.999)">
<path id="path82" transform="matrix(1 0 0 1 116.95 116.95)" fill="none" stroke="#488B17" stroke-width="4" stroke-dasharray="3, 6" stroke-linecap="round" stroke-linejoin="round" d="M81.3,-81.3 Q47.65,-115 0,-115 C-31.75,-115 -58.85,-103.75 -81.3,-81.3 -103.75,-58.85 -115,-31.75 -115,0 -115,31.75 -103.75,58.85 -81.3,81.3 -58.85,103.75 -31.75,115 0,115 31.75,115 58.85,103.75 81.3,81.3 103.75,58.85 115,31.75 115,0 115,-31.75 103.75,-58.85 81.3,-81.3z "/>
</g>
</g>
<animateTransform attributeName="transform" additive="sum" begin="0s" type="rotate" fill="freeze" repeatCount="1" dur="1.333s" keyTimes="0;0.281;0.969;1" values="0,0,0;0,0,0;-89.996,0,0;-89.996,0,0" keySplines="1 0 1 0;0 0 0.99 0.99;1 0 1 0" calcMode="spline"/>
</g>
</g>
<g id="Scene_1_11_0">
<g id="Symbol_1_1" overflow="visible" viewBox="-83 -83 166 166" transform="matrix(3.649749755859375 0 0 3.649749755859375 135.45 131.45)">
<animateTransform attributeName="transform" additive="sum" fill="freeze" begin="0s" type="translate" repeatCount="1" dur="1.333s" keyTimes="0;0.281;0.438;1" values="0.05,0.05;0.05,0.05;-0.349,-0.349;-0.349,-0.349" keySplines="1 0 1 0;0 0 0.99 0.99;1 0 1 0" calcMode="spline"/>
<animateTransform attributeName="transform" additive="sum" fill="freeze" begin="0s" type="scale" repeatCount="1" dur="1.333s" keyTimes="0;0.281;0.438;1" values="1,1;1,1;0.888,0.888;0.888,0.888" keySplines="1 0 1 0;0 0 0.99 0.99;1 0 1 0" calcMode="spline"/>
<g id="Symbol_1_2">
<g id="element22" transform="matrix(1 0 0 1 -32.999 -32.999)">
<path id="path83" transform="matrix(1 0 0 1 32.95 32.95)" fill="#84BD00" d="M23.3,-23.3 Q13.65,-33 0,-33 C-9.1,-33 -16.9,-29.75 -23.35,-23.3 -29.8,-16.85 -33,-9.1 -33,0 -33,9.15 -29.8,16.9 -23.35,23.35 -16.9,29.8 -9.1,33 0,33 9.1,33 16.85,29.8 23.3,23.35 29.75,16.9 33,9.15 33,0 33,-9.1 29.75,-16.85 23.3,-23.3z "/>
</g>
</g>
</g>
</g>
<g id="Scene_1_10_0">
<g id="element8" overflow="visible" transform="matrix(1 0 0 1 139 139)">
<g id="global_0">
<g id="element20" transform="matrix(1 0 0 1 -27.199 -27.199)">
<path id="path30" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M21.45,16.7 C30.65,4.85 28.55,-12.2 16.7,-21.45 4.85,-30.65 -12.25,-28.5 -21.45,-16.65 Q-28.35,-7.75 -26.95,3.4 -25.6,14.6 -16.7,21.5 C-4.85,30.7 12.25,28.55 21.45,16.7z M18.25,0.15 C18.25,10.15 10.1,18.3 0.1,18.3 -9.9,18.3 -18,10.15 -18,0.15 -18,-9.85 -9.9,-18 0.1,-18 10.1,-18 18.25,-9.85 18.25,0.15z"/>
<path id="path31" transform="matrix(1 0 0 1 27.15 27.15)" fill="#488B17" d="M18.25,0.15 C18.25,-9.85 10.1,-18 0.1,-18 -9.9,-18 -18,-9.85 -18,0.15 -18,10.15 -9.9,18.3 0.1,18.3 10.1,18.3 18.25,10.15 18.25,0.15z M2.35,-15.25 C4.15,-14.1 5.65,-11.6 6.65,-8.35 L0.9,-8.35 0.9,-15.4 2.35,-15.25zM8.7,-6.8 L14.05,-6.8 C14.95,-4.95 15.55,-2.85 15.65,-0.6 L9.4,-0.6 C9.35,-2.8 9.1,-4.9 8.7,-6.8zM0.9,-0.6 L0.9,-6.8 7.05,-6.8 C7.5,-4.9 7.8,-2.8 7.85,-0.6 L0.9,-0.6zM5.4,-14.5 C8.6,-13.35 11.3,-11.15 13.15,-8.35 L8.3,-8.35 C7.6,-10.85 6.6,-12.9 5.4,-14.5zM13.95,7.25 L8.65,7.25 C9.1,5.3 9.35,3.15 9.4,0.95 L15.65,0.95 C15.55,3.2 14.95,5.3 13.95,7.25zM6.6,8.8 C5.65,11.95 4.1,14.4 2.35,15.55 L0.9,15.7 0.9,8.8 6.6,8.8zM0.9,0.95 L7.85,0.95 C7.8,3.15 7.5,5.3 7.05,7.25 L0.9,7.25 0.9,0.95zM8.25,8.8 L13.05,8.8 C11.25,11.5 8.55,13.65 5.4,14.8 6.6,13.25 7.55,11.2 8.25,8.8zM-0.65,-15.4 L-0.65,-8.35 -6.4,-8.35 C-5.4,-11.6 -3.85,-14.1 -2.05,-15.25 L-0.65,-15.4zM-13.8,-6.8 L-8.4,-6.8 C-8.8,-4.9 -9.05,-2.8 -9.1,-0.6 L-15.4,-0.6 C-15.3,-2.85 -14.75,-4.95 -13.8,-6.8zM-7.55,-0.6 C-7.5,-2.8 -7.25,-4.9 -6.8,-6.8 L-0.65,-6.8 -0.65,-0.6 -7.55,-0.6zM-8,-8.35 L-12.9,-8.35 C-11.05,-11.15 -8.3,-13.35 -5.1,-14.5 -6.3,-12.95 -7.3,-10.85 -8,-8.35zM-0.65,0.95 L-0.65,7.25 -6.75,7.25 C-7.25,5.3 -7.5,3.15 -7.55,0.95 L-0.65,0.95zM-8.4,7.25 L-13.75,7.25 C-14.7,5.3 -15.3,3.2 -15.4,0.95 L-9.1,0.95 C-9.05,3.15 -8.8,5.3 -8.4,7.25zM-0.65,8.8 L-0.65,15.7 -2.05,15.55 C-3.85,14.45 -5.35,12 -6.35,8.8 L-0.65,8.8zM-8,8.8 C-7.3,11.2 -6.3,13.25 -5.1,14.8 -8.3,13.65 -11,11.55 -12.8,8.8 L-8,8.8z"/>
<path id="path34" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M2.35,-15.25 L0.9,-15.4 0.9,-8.35 6.65,-8.35 C5.65,-11.6 4.15,-14.1 2.35,-15.25z "/>
<path id="path37" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M8.7,-6.8 C9.1,-4.9 9.35,-2.8 9.4,-0.6 L15.65,-0.6 C15.55,-2.85 14.95,-4.95 14.05,-6.8 L8.7,-6.8z "/>
<path id="path40" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M0.9,-0.6 L7.85,-0.6 C7.8,-2.8 7.5,-4.9 7.05,-6.8 L0.9,-6.8 0.9,-0.6z "/>
<path id="path43" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M5.4,-14.5 C6.6,-12.9 7.6,-10.85 8.3,-8.35 L13.15,-8.35 C11.3,-11.15 8.6,-13.35 5.4,-14.5z "/>
<path id="path46" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M13.95,7.25 C14.95,5.3 15.55,3.2 15.65,0.95 L9.4,0.95 C9.35,3.15 9.1,5.3 8.65,7.25 L13.95,7.25z "/>
<path id="path49" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M6.6,8.8 L0.9,8.8 0.9,15.7 2.35,15.55 C4.1,14.4 5.65,11.95 6.6,8.8z "/>
<path id="path52" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M0.9,0.95 L0.9,7.25 7.05,7.25 C7.5,5.3 7.8,3.15 7.85,0.95 L0.9,0.95z "/>
<path id="path55" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M8.25,8.8 C7.55,11.2 6.6,13.25 5.4,14.8 8.55,13.65 11.25,11.5 13.05,8.8 L8.25,8.8z "/>
<path id="path58" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M-0.65,-15.4 L-2.05,-15.25 C-3.85,-14.1 -5.4,-11.6 -6.4,-8.35 L-0.65,-8.35 -0.65,-15.4z "/>
<path id="path61" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M-13.8,-6.8 C-14.75,-4.95 -15.3,-2.85 -15.4,-0.6 L-9.1,-0.6 C-9.05,-2.8 -8.8,-4.9 -8.4,-6.8 L-13.8,-6.8z "/>
<path id="path64" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M-7.55,-0.6 L-0.65,-0.6 -0.65,-6.8 -6.8,-6.8 C-7.25,-4.9 -7.5,-2.8 -7.55,-0.6z "/>
<path id="path67" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M-8,-8.35 C-7.3,-10.85 -6.3,-12.95 -5.1,-14.5 -8.3,-13.35 -11.05,-11.15 -12.9,-8.35 L-8,-8.35z "/>
<path id="path70" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M-0.65,0.95 L-7.55,0.95 C-7.5,3.15 -7.25,5.3 -6.75,7.25 L-0.65,7.25 -0.65,0.95z "/>
<path id="path73" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M-8.4,7.25 C-8.8,5.3 -9.05,3.15 -9.1,0.95 L-15.4,0.95 C-15.3,3.2 -14.7,5.3 -13.75,7.25 L-8.4,7.25z "/>
<path id="path76" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M-0.65,8.8 L-6.35,8.8 C-5.35,12 -3.85,14.45 -2.05,15.55 L-0.65,15.7 -0.65,8.8z "/>
<path id="path79" transform="matrix(1 0 0 1 27.15 27.15)" fill="#C2E86A" d="M-8,8.8 L-12.8,8.8 C-11,11.55 -8.3,13.65 -5.1,14.8 -6.3,13.25 -7.3,11.2 -8,8.8z "/>
</g>
</g>
<animateTransform attributeName="transform" additive="sum" fill="freeze" begin="0s" type="translate" repeatCount="1" dur="1.333s" keyTimes="0;0.375;0.656;1" values="0.05,0.05;0.05,0.05;-5.649,105.95;-5.649,105.95" keySplines="1 0 1 0;0 0 0.99 0.99;1 0 1 0" calcMode="spline"/>
</g>
</g>
<g id="Scene_1_9_0">
<g id="element7" overflow="visible" transform="matrix(1 0 0 1 139 139)">
<g id="time_0">
<g id="element19" transform="matrix(1 0 0 1 -22.649 -22.699)">
<path id="path20" transform="matrix(1 0 0 1 22.6 22.65)" fill="#C2E86A" d="M17.9,13.9 C25.6,4.05 23.8,-10.2 13.95,-17.9 4.05,-25.55 -10.2,-23.8 -17.85,-13.9 Q-23.6,-6.5 -22.45,2.85 -21.3,12.1 -13.85,17.9 C-4,25.55 10.25,23.8 17.9,13.9z M9.3,-0.35 C9.3,4.75 5.15,8.9 0.05,8.9 -5.05,8.95 -9.2,4.8 -9.2,-0.3 -9.25,-5.4 -5.1,-9.55 0,-9.55 5.1,-9.6 9.25,-5.45 9.3,-0.35z"/>
<path id="path21" transform="matrix(1 0 0 1 22.6 22.65)" fill="#488B17" d="M9.3,-0.35 C9.25,-5.45 5.1,-9.6 0,-9.55 -5.1,-9.55 -9.25,-5.4 -9.2,-0.3 -9.2,4.8 -5.05,8.95 0.05,8.9 5.15,8.9 9.3,4.75 9.3,-0.35z M7.85,-0.35 C7.85,3.95 4.35,7.5 0.05,7.5 -4.25,7.5 -7.75,4 -7.8,-0.3 -7.8,-4.6 -4.3,-8.1 0,-8.15 4.3,-8.15 7.85,-4.65 7.85,-0.35z"/>
<path id="path24" transform="matrix(1 0 0 1 22.6 22.65)" fill="#C2E86A" d="M7.85,-0.35 C7.85,-4.65 4.3,-8.15 0,-8.15 -4.3,-8.1 -7.8,-4.6 -7.8,-0.3 -7.75,4 -4.25,7.5 0.05,7.5 4.35,7.5 7.85,3.95 7.85,-0.35z M3.8,-0.7 C4.2,-0.7 4.55,-0.4 4.55,0.05 4.55,0.45 4.2,0.8 3.8,0.8 L-0.2,0.8 C-0.5,0.8 -0.75,0.65 -0.85,0.4 -0.95,0.3 -0.95,0.2 -0.95,0.05 L-1,-5.85 C-1,-6.15 -0.75,-6.4 -0.4,-6.4 -0.1,-6.4 0.15,-6.15 0.15,-5.85 L0.15,-0.7 3.8,-0.7z"/>
<path id="path27" transform="matrix(1 0 0 1 22.6 22.65)" fill="#488B17" d="M3.8,-0.7 L0.15,-0.7 0.15,-5.85 C0.15,-6.15 -0.1,-6.4 -0.4,-6.4 -0.75,-6.4 -1,-6.15 -1,-5.85 L-0.95,0.05 C-0.95,0.2 -0.95,0.3 -0.85,0.4 -0.75,0.65 -0.5,0.8 -0.2,0.8 L3.8,0.8 C4.2,0.8 4.55,0.45 4.55,0.05 4.55,-0.4 4.2,-0.7 3.8,-0.7z "/>
</g>
</g>
<animateTransform attributeName="transform" additive="sum" fill="freeze" begin="0s" type="translate" repeatCount="1" dur="1.333s" keyTimes="0;0.375;0.656;1" values="0.05,0.05;0.05,0.05;109.8,-34.449;109.8,-34.449" keySplines="1 0 1 0;0 0 0.99 0.99;1 0 1 0" calcMode="spline"/>
</g>
</g>
<g id="Scene_1_8_0">
<g id="element6" overflow="visible" transform="matrix(1 0 0 1 139 139)">
<g id="security_0">
<g id="element18" transform="matrix(1 0 0 1 -17.549 -17.549)">
<path id="path10" transform="matrix(1 0 0 1 17.5 17.5)" fill="#C2E86A" d="M13.9,10.8 C19.85,3.1 18.45,-7.9 10.8,-13.85 3.15,-19.8 -7.9,-18.45 -13.85,-10.8 Q-18.3,-5 -17.4,2.2 -16.5,9.4 -10.75,13.85 C-3.1,19.8 7.95,18.45 13.9,10.8z M4.35,-6.25 L4.35,-2.9 5.25,-2.9 C6.2,-2.9 7,-2.1 7,-1.15 L7,6.85 C7,7.85 6.2,8.6 5.25,8.6 L-5.2,8.6 C-6.15,8.6 -6.95,7.85 -6.95,6.85 L-6.95,-1.15 C-6.95,-2.1 -6.15,-2.9 -5.2,-2.9 L-4.35,-2.9 -4.35,-6.25 C-4.35,-8.65 -2.4,-10.6 0,-10.6 2.4,-10.6 4.35,-8.65 4.35,-6.25z"/>
<path id="path11" transform="matrix(1 0 0 1 17.5 17.5)" fill="#488B17" d="M4.35,-6.25 C4.35,-8.65 2.4,-10.6 0,-10.6 -2.4,-10.6 -4.35,-8.65 -4.35,-6.25 L-4.35,-2.9 -5.2,-2.9 C-6.15,-2.9 -6.95,-2.1 -6.95,-1.15 L-6.95,6.85 C-6.95,7.85 -6.15,8.6 -5.2,8.6 L5.25,8.6 C6.2,8.6 7,7.85 7,6.85 L7,-1.15 C7,-2.1 6.2,-2.9 5.25,-2.9 L4.35,-2.9 4.35,-6.25z M2.5,-6.25 L2.5,-2.9 -2.45,-2.9 -2.45,-6.25 C-2.45,-7.65 -1.35,-8.75 0,-8.75 1.4,-8.75 2.5,-7.65 2.5,-6.25zM1.25,2.9 L0.9,5.8 -0.9,5.8 -1.25,2.9 C-1.25,2.2 -0.7,1.65 0,1.65 0.7,1.65 1.25,2.2 1.25,2.9z"/>
<path id="path14" transform="matrix(1 0 0 1 17.5 17.5)" fill="#C2E86A" d="M2.5,-6.25 C2.5,-7.65 1.4,-8.75 0,-8.75 -1.35,-8.75 -2.45,-7.65 -2.45,-6.25 L-2.45,-2.9 2.5,-2.9 2.5,-6.25z "/>
<path id="path17" transform="matrix(1 0 0 1 17.5 17.5)" fill="#C2E86A" d="M1.25,2.9 C1.25,2.2 0.7,1.65 0,1.65 -0.7,1.65 -1.25,2.2 -1.25,2.9 L-0.9,5.8 0.9,5.8 1.25,2.9z "/>
</g>
</g>
<animateTransform attributeName="transform" additive="sum" fill="freeze" begin="0s" type="translate" repeatCount="1" dur="1.333s" keyTimes="0;0.375;0.656;1" values="0.05,0.05;0.05,0.05;-96.099,-87.149;-96.099,-87.149" keySplines="1 0 1 0;0 0 0.99 0.99;1 0 1 0" calcMode="spline"/>
</g>
</g>
<g id="Scene_1_6_0">
<g id="element5" overflow="visible" transform="matrix(1 0 0 1 139 139)">
<g id="dot5_0">
<g id="element17" transform="matrix(1 0 0 1 -9.399 -9.449)">
<path id="path9" transform="matrix(1 0 0 1 9.35 9.4)" fill="#488B17" d="M7.45,5.8 C10.65,1.7 9.9,-4.25 5.8,-7.45 1.7,-10.65 -4.25,-9.9 -7.4,-5.8 Q-9.8,-2.7 -9.3,1.2 -8.85,5.05 -5.75,7.45 C-1.65,10.65 4.25,9.9 7.45,5.8z "/>
</g>
</g>
<animateTransform attributeName="transform" additive="sum" fill="freeze" begin="0s" type="translate" repeatCount="1" dur="1.333s" keyTimes="0;0.5;0.781;1" values="0.05,0.05;0.05,0.05;-105.099,47.7;-105.099,47.7" keySplines="1 0 1 0;0 0.8 0.99 0.99;1 0 1 0" calcMode="spline"/>
</g>
</g>
<g id="Scene_1_5_0">
<g id="element4" overflow="visible" transform="matrix(1 0 0 1 139 139)">
<g id="dot3_0">
<g id="element16" transform="matrix(1 0 0 1 -8.499 -8.499)">
<path id="path8" transform="matrix(1 0 0 1 8.45 8.45)" fill="#488B17" d="M6.65,5.2 C9.55,1.5 8.9,-3.8 5.2,-6.7 1.5,-9.55 -3.85,-8.9 -6.7,-5.2 Q-8.85,-2.4 -8.45,1.05 -8,4.55 -5.25,6.7 C-1.55,9.6 3.8,8.9 6.65,5.2z "/>
</g>
</g>
<animateTransform attributeName="transform" additive="sum" fill="freeze" begin="0s" type="translate" repeatCount="1" dur="1.333s" keyTimes="0;0.438;0.719;1" values="0.05,0.05;0.05,0.05;86.2,63.05;86.2,63.05" keySplines="1 0 1 0;0 0.8 0.99 0.99;1 0 1 0" calcMode="spline"/>
</g>
</g>
<g id="Scene_1_4_0">
<g id="element3" overflow="visible" transform="matrix(1 0 0 1 139 139)">
<g id="dot1_0">
<g id="element15" transform="matrix(1 0 0 1 -12.749 -12.749)">
<path id="path7" transform="matrix(1 0 0 1 12.7 12.7)" fill="#488B17" d="M10.05,7.8 C14.4,2.25 13.4,-5.75 7.8,-10.1 2.25,-14.4 -5.75,-13.4 -10.1,-7.85 Q-13.3,-3.7 -12.65,1.55 -12,6.85 -7.85,10.05 C-2.3,14.4 5.75,13.4 10.05,7.8z "/>
</g>
</g>
<animateTransform attributeName="transform" additive="sum" fill="freeze" begin="0s" type="translate" repeatCount="1" dur="1.333s" keyTimes="0;0.375;0.656;1" values="0.05,0.05;0.05,0.05;29.85,-117.249;29.85,-117.249" keySplines="1 0 1 0;0 0.8 0.99 0.99;1 0 1 0" calcMode="spline"/>
</g>
</g>
<g id="Scene_1_3_0">
<g id="Symbol_1_3" overflow="visible" transform="matrix(1 0 0 1 139 139)" viewBox="-83 -83 166 166">
<g id="Symbol_1_4">
<g id="element23" transform="matrix(1 0 0 1 -32.999 -32.999)">
<path id="path84" transform="matrix(1 0 0 1 32.95 32.95)" fill="#84BD00" d="M23.3,-23.3 Q13.65,-33 0,-33 C-9.1,-33 -16.9,-29.75 -23.35,-23.3 -29.8,-16.85 -33,-9.1 -33,0 -33,9.15 -29.8,16.9 -23.35,23.35 -16.9,29.8 -9.1,33 0,33 9.1,33 16.85,29.8 23.3,23.35 29.75,16.9 33,9.15 33,0 33,-9.1 29.75,-16.85 23.3,-23.3z "/>
</g>
</g>
</g>
</g>
<mask id="Scene_1_1_0">
<g id="element">
<path id="path" fill="#F3F9E6" d="M278,278 L278,0 0,0 0,278 278,278z "/>
</g>
</mask>
<g id="masked" mask="url(#Scene_1)">
<g id="Scene_1_2_0">
<g id="element1" overflow="visible" transform="matrix(1 0 0 1 139.5 -49.799)">
<g id="cloud_2_0">
<g id="element13" transform="matrix(1 0 0 1 -67.549 -45.499)">
<path id="path5" transform="matrix(1 0 0 1 67.5 45.45)" fill="#FFF" d="M0.45,-37.3 C0.3,-37.45 0.2,-37.55 0.05,-37.65 L0.05,-37.675 Q-2.8326171875,-40.1771484375 -6.3,-41.95 -13.2,-45.5 -21,-45.5 C-38.75,-45.5 -53.2,-31.1 -53.2,-13.3 L-53.1,-11.2 C-61.75,-5.85 -67.55,3.7 -67.55,14.65 -67.55,31.35 -53.95,44.95 -37.25,45 L0.45,45 0.45,-37.325 "/>
</g>
</g>
<g id="cloud_1_0">
<g id="element12" transform="matrix(1 0 0 1 0.45 -37.299)">
<path id="path4" transform="matrix(1 0 0 1 -0.449 37.25)" fill="#F3F9E6" d="M38.3,-14 L38.1,-14 C37.15,-14 36.15,-13.95 35.2,-13.85 31.85,-24.9 21.55,-32.8 9.6,-32.8 8.25,-32.8 6.5,-32.7 4.85,-32.5 3.5,-34.25 2.05,-35.85 0.45,-37.3 L0.45,-37.325 L0.45,45 35.9,45 35.85,44.85 38.1,45 C42.05,45 45.8,44.25 49.15,42.95 60,38.4 67.6,27.85 67.6,15.5 67.6,3.2 60.1,-7.3 49.15,-11.85 47.6,-12.45 45.7,-13.05 43.75,-13.45 L41.1,-13.85 Q39.75,-14 38.3,-14z "/>
</g>
</g>
<g id="cloud_0_0">
<g id="element11" transform="matrix(1 0 0 1 -16.449 -12.099)">
<path id="path1" transform="matrix(1 0 0 1 16.4 12.05)" fill="#84BD00" d="M12.85,7.15 C12.85,1.45 9.55,-3.5 4.75,-5.9 L3.25,-2.8 C6.85,-1 9.35,2.8 9.35,7.15 9.35,10.2 8.25,12.85 6.1,15.05 4.35,16.8 2.35,17.8 0.05,18.15 -0.55,18.25 -1.15,18.3 -1.8,18.3 -7.95,18.3 -12.95,13.3 -12.95,7.15 -12.95,2.8 -10.45,-1 -6.8,-2.85 L-8.4,-5.9 C-13.15,-3.5 -16.45,1.45 -16.45,7.15 -16.45,15.2 -9.85,21.75 -1.8,21.75 -1.15,21.75 -0.55,21.7 0.05,21.65 3.3,21.3 6.1,19.9 8.55,17.45 11.4,14.6 12.85,11.2 12.85,7.15z M0,7.15 L0,-12.1 -3.6,-12.1 -3.6,7.15 0,7.15z"/>
</g>
</g>
<animateTransform attributeName="transform" additive="sum" fill="freeze" begin="0s" type="translate" repeatCount="1" dur="1.333s" keyTimes="0;0.406;1" values="0.05,0;-2.649,174.75;-2.649,174.75" keySplines="0 0.8 0.99 0.99;1 0 1 0" calcMode="spline"/>
</g>
</g>
</g>
</g>
</svg>
</div>
<script>
//this puts the contents of the dsvgee-component inside of the parent containing the svg,
// which destroys this command and the svg wrapper.
var test = true;
$('#dsvgee').parent().html($('#dsvgee-component').html());
</script>
<!-- Default SVG for users on browsers that don't support this component -->
<style>
#hidden {
display: none;
}
</style>
<g id="hidden">
<rect x="98.3" y="68.8" fill="red" width="3.6" height="19.2"/>
<path fill="red" d="M100.1,102.7c8,0,14.6-6.6,14.6-14.6c0-5.7-3.3-10.6-8.1-13.1l0,0l-1.5,3.1c3.6,1.8,6.1,5.6,6.1,10
c0,6.1-5,11.2-11.2,11.2c-6.1,0-11.2-5-11.2-11.2c0-4.4,2.5-8.1,6.2-10l0,0L93.5,75c-4.8,2.4-8.1,7.4-8.1,13
C85.5,96.1,92.1,102.7,100.1,102.7"/>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment