Source Code

Every variart piece is open source, you can see exactly how it is drawn from the code.

var color = '#002A86';

s.rect(0, 0, width, height).attr({fill: color})

var outline = "m 229.2437,189.31335 c 2.65204,-3.33692 -3.47634,1.19412 -0.2874,0.60315 0.27895,-0.13795 0.12442,-0.41878 0.2874,-0.60315 z m -4.98195,-0.9048 c 2.25585,-1.78246 2.88697,-0.17015 0.18744,0.91275 -1.47642,0.90598 -0.30101,-0.36979 -0.18744,-0.91275 z m 7.03485,-6.71685 c 1.95406,-1.01733 4.26286,-1.39124 2.30887,1.20784 -0.48528,1.79914 -3.9837,3.22268 -1.86607,0.4326 0.0758,-0.68801 -1.15392,-0.90159 -0.4428,-1.64044 z m -3.2163,-2.3442 c -2.64192,-0.40345 -0.82853,3.28674 0,0 z m 3.13425,-8.1288 c -2.01671,-1.00566 -1.45853,2.58842 0.28737,0.46682 -0.0169,-0.19752 -0.1895,-0.31233 -0.28737,-0.46682 z m 6.2409,-6.41535 c 2.43862,-0.66963 3.73834,-1.46618 1.89142,1.30887 -1.38676,2.34642 -4.74672,0.0159 -1.89142,-1.30887 z m 31.67715,-28.9704 c 2.29098,-2.45099 1.66231,-0.009 0,0 z m 7.90395,-6.73095 c 1.78142,-1.41706 3.19756,-0.50781 0,0 z m 10.8945,-6.32745 c 1.94922,-2.51398 1.85644,-0.0132 0,0 z m 2.6688,-0.9048 c 2.19137,-0.49165 1.22382,0.79961 -0.2601,0.65805 -0.0639,-0.27739 0.14169,-0.45092 0.2601,-0.65805 z m 7.92435,-1.5489 c 1.17887,-0.18428 5.961,-1.3015 2.84722,-0.0335 -0.65698,-0.38957 -3.14521,1.51382 -2.84722,0.0335 z m 4.7355,-0.87735 c 3.98058,-2.02769 -1.38707,1.96977 0,0 z M 320.62775,392.22 c 0.0174,-3.19907 3.19809,-4.3844 2.76329,-7.9787 1.59917,-0.23019 5.41855,-1.84525 5.60581,0.80901 1.38109,1.97453 -3.18082,5.44139 -3.39705,4.76265 -1.38923,1.06895 -3.19387,2.24162 -4.97205,2.40704 z m 19.5579,-4.935 c 2.66829,-1.25034 2.95599,0.44935 6.11708,0.0766 1.79641,0.56732 6.18972,-1.10794 2.27554,-0.81337 -2.88535,-0.0323 2.64006,-2.70183 3.55563,-2.74503 3.22239,-0.26456 6.80193,-0.51825 9.71415,-2.33034 2.85158,-0.0193 4.31142,-3.23682 7.28726,-0.92015 1.36642,-1.29526 0.81685,-2.09869 3.19969,-1.38286 2.33109,-0.63254 4.09376,-2.22202 6.354,-1.4058 1.0038,-1.22345 3.22355,-2.16266 2.85392,0.28122 2.95944,-0.77504 2.60443,-3.09762 5.69683,-2.68055 0.10118,-2.03997 2.53401,-0.59551 4.33896,-0.70024 0.15455,0.44788 -2.47429,0.94316 -3.43663,1.41006 -2.19529,1.14459 0.81541,0.27942 1.64296,-0.19632 2.66657,-0.79908 4.92996,-2.40659 7.69191,-2.87697 3.65761,-2.04399 -1.50504,0.48406 -2.59336,0.43285 -0.209,-1.24372 1.68156,-2.02434 1.88687,-2.41014 1.58138,2.361 2.01079,-3.82813 3.96019,-0.41635 0.98317,0.74481 -3.1324,2.16633 0.39464,0.66775 2.07795,-0.35441 4.09906,-2.28522 5.03595,-2.82835 -1.26026,1.55871 1.72699,-0.66744 2.58853,-0.96164 4.25227,-2.4294 8.96242,-3.86674 13.32178,-6.08107 2.03604,-0.29018 7.24284,-3.1553 2.87955,-3.51533 -2.15733,-1.14016 -0.0565,3.78004 -1.59662,0.78353 -1.49519,-1.62563 -0.447,3.32326 -2.54824,1.38007 -1.26213,1.68776 -3.34513,1.71105 -4.60977,3.16497 -1.57434,-0.70717 -2.88801,-5.641 -4.0281,-1.9255 0.29498,2.90157 -1.27498,-2.49774 -2.85282,-0.87489 1.57482,1.9019 -2.98653,3.43137 -2.59983,0.34545 -1.66041,0.19374 0.65877,2.83041 -2.01237,2.2317 -1.32694,-2.10359 -0.6828,3.33762 -3.5859,2.75535 -0.43079,3.4048 -3.5804,3.16687 -5.8578,1.9602 -1.78809,1.10658 -3.25281,-0.98907 -0.3544,-1.2375 0.99906,-2.25212 4.24252,-2.92614 5.3091,-3.80865 1.96184,2.9407 -0.68425,-3.78537 2.80945,-1.48178 1.119,-0.86611 -2.48278,-2.37781 0.55275,-2.94781 0.0423,-0.72791 2.28516,-3.06122 3.43637,-3.25788 1.22871,1.24612 4.78264,-2.71004 1.12177,-1.45605 -2.63566,0.79165 -3.90229,1.44829 -5.60754,3.81267 -2.97204,1.24243 -5.31538,3.99172 -8.25736,5.81187 -1.98145,1.24885 -4.4407,0.282 -6.48416,1.4058 -4.1591,0.0917 -8.36508,0.28684 -12.58249,0.33231 -1.44005,0.17985 -4.12914,-1.54887 -2.25239,0.71592 -1.58332,-0.81186 -1.11262,-2.0297 -3.53841,-0.95069 1.92507,3.77907 -5.08494,4.02327 -7.36013,2.28152 -2.09848,1.27991 -3.87938,-4.2496 -3.76631,0.28524 0.58399,-0.93966 3.60517,0.67903 1.44703,1.04256 -1.53984,0.18579 -3.96985,0.24811 -2.66376,-1.37069 -1.97967,-1.59388 -3.80101,-0.55787 -2.081,1.72446 0.63989,2.67408 -0.064,1.0322 -1.10298,0.27516 0.31437,2.79981 -3.46423,-0.0939 -1.08049,-1.12186 -2.26598,0.30588 -6.37278,0.26932 -5.43066,3.84576 1.04537,4.73065 -2.51643,-4.16283 -3.61554,-0.0252 -0.24507,1.16868 2.54541,0.93583 0.9849,2.85531 -0.11807,-2.69252 -3.39519,-2.2835 -1.97398,0.20109 0.46725,3.57639 -1.56332,-1.62369 -3.55532,0.31986 -1.64782,-1.02744 0.0878,3.64089 -1.39263,0.67689 -0.85264,-1.5452 -1.12994,-0.5336 -0.98855,0.0436 -3.1372,-1.51483 -2.47229,4.89652 -5.51901,5.20727 -0.56921,0.63302 0.83318,2.73333 -1.28341,3.48953 -0.37512,1.99318 2.9194,1.76691 1.53525,3.53673 2.27001,0.37587 4.57624,-0.98645 5.86388,-0.72824 -3.51873,-3.57916 5.22911,-5.25631 3.73663,-1.52166 3.75052,-2.82012 -1.25433,1.70568 -2.93926,1.84256 -1.20787,0.0643 -5.76761,2.53711 -2.51675,1.43526 1.59965,-0.35164 2.94725,-1.15223 4.4754,-1.65825 z m 25.0461,-3.7971 c -0.95539,-1.16934 -5.32767,0.21123 -5.68731,1.09957 -2.25627,0.78083 -4.55329,1.35213 -6.87669,1.68323 -3.4078,1.21959 -0.97057,1.59943 0.95919,0.56944 3.10196,-0.92818 6.1995,-1.92036 9.27816,-2.87239 0.77352,0.022 1.95414,0.4903 2.32665,-0.47985 z m 14.27505,-3.81075 c -4.39693,2.25165 -9.04551,4.04703 -13.86474,5.13882 -3.41271,0.3295 -3.92765,-0.28538 -0.53177,-0.47537 5.30278,-0.61608 10.16345,-2.85672 14.94386,-5.1022 1.98628,-0.60702 5.72417,-3.14364 6.7749,-2.5494 -2.30281,1.30336 -5.04951,1.58545 -7.32225,2.98815 z m -39.38955,5.09925 c -2.22201,-3.1358 0.42792,4.74166 0,0 z m -2.3403,-0.2055 c -1.02009,0.50023 0.19185,1.37607 0,0 z m 14.7402,0.1371 c -1.71638,-1.23276 -3.52306,2.16502 -0.77746,0.95169 0.82479,0.80379 1.80022,-0.36695 0.77746,-0.95169 z m 5.5977,-0.97335 c -2.75843,0.18561 -1.13422,2.58676 0.58266,0.37323 -0.0173,-0.34365 -0.37863,-0.25997 -0.58266,-0.37323 z m 45.73995,-24.3729 c -0.37206,-0.34556 2.86489,-4.50215 2.4363,-1.35705 1.3993,2.36974 1.93761,-1.56491 1.76014,1.49344 0.80783,3.48213 -1.04596,-0.75693 -2.05636,0.67811 -0.62574,-0.98096 -1.3917,1.33926 -2.14008,-0.8145 z m 12.42735,-2.64555 c -1.63916,-1.12162 -1.40869,-1.05529 -2.20365,0.58935 1.98818,-0.33506 2.42286,4.04172 2.46345,0.46605 1.10727,-0.60615 0.51755,-0.93659 -0.2598,-1.0554 z m -4.91175,-3.7653 c -0.86421,-1.46828 3.39448,-1.76223 0.6159,-0.11655 -0.0617,0.36582 -0.40923,0.0808 -0.6159,0.11655 z m 8.2512,-5.07645 c -1.35817,0.80002 0.0419,-2.29853 0.76658,-0.75077 0.87739,-1.59159 5.53225,-1.48004 1.42849,-0.41961 -0.71624,0.48146 -1.1681,1.67771 -2.19507,1.17038 z m -20.00805,16.1256 c 1.58806,-0.10626 0.5838,3.14689 0,0 z M 111.03455,239.7456 c -1.5088,2.00547 -1.94525,5.33958 1.29851,6.17724 1.40384,0.66899 0.0316,-3.05281 2.43799,-3.31224 1.67185,-2.26089 -2.2803,-2.74736 -3.7365,-2.865 z M 244.655,161.5413 c -1.92437,-0.17462 -4.56066,1.15577 -2.56973,1.96022 -1.39521,4.7634 8.03742,-4.71314 3.28148,-1.91912 -1.12302,1.01684 -3.1937,1.84053 -0.71175,-0.0411 z m 119.71395,97.36815 c -3.5578,13.00954 -7.1156,26.01911 -10.6734,39.02865 0.46008,1.91256 1.08575,3.61425 0.64886,5.65761 -0.81438,13.94623 -1.62878,27.89245 -2.44316,41.83869 0.96715,1.57185 1.9343,3.1437 2.90145,4.71555 -3.57671,2.2116 -7.15339,4.4232 -10.7301,6.6348 1.1133,1.74544 2.2266,3.4909 3.3399,5.23635 -0.18225,1.73364 -0.76153,4.38161 -2.87415,4.1262 -1.83786,1.49782 -3.72043,4.13986 -3.1858,6.1308 -0.64416,-2.89185 -2.44068,0.14823 -0.31805,1.92945 -1.98301,-0.46805 -3.38385,-0.28737 -5.26761,0.77166 -2.74188,0.54594 -1.65219,5.01036 -4.55919,5.36964 -0.15887,-3.86699 2.59557,-6.92036 3.91408,-10.32339 1.33717,-4.0334 2.43269,-8.24766 2.53217,-12.51426 -0.55165,-1.10807 0.88422,-7.09556 -1.3686,-4.66065 2.03688,-2.838 -5.44167,-4.2818 -1.5811,-6.92694 -1.46036,-2.16818 -1.87938,3.51699 -0.96869,5.19453 3.08843,2.47213 1.47771,6.1887 2.18049,9.36771 1.16007,2.72106 -0.64289,2.01673 -2.20656,0.76764 -10.84348,-6.53148 -21.68696,-13.06296 -32.53044,-19.59444 0.37251,-1.70334 -2.40508,-2.15444 -2.01105,-4.0656 -2.2987,1.93383 -2.21787,-1.70456 -4.23528,-0.30459 -1.0173,-1.33107 -2.74587,0.5632 -2.81709,-1.46676 -1.07351,-2.03132 -4.40217,-0.4103 -4.29363,-3.09495 -1.68865,-1.36664 -1.28717,-4.27799 -3.39435,-5.71635 1.81443,-2.45538 0.21977,-5.66942 0.60255,-8.2248 -1.12566,-1.51341 -2.5604,-2.15906 -0.90211,-3.8255 -2.06888,-0.29812 -1.25309,-2.96842 -3.94289,-2.41165 -0.14862,-2.95041 -3.51043,0.68125 -4.44466,-1.32116 -0.0925,-1.91919 0.26732,-5.2891 -2.59019,-5.13514 -0.5115,-2.53644 -2.52332,-2.63954 -4.89799,-2.44005 -5.64563,-0.0323 -11.28413,-0.18652 -16.93513,-0.10721 -58.09484,0.0707 -116.18969,0.14138 -174.28453,0.21206 0.02965,-5.3841 0.0593,-10.7682 0.08895,-16.1523 2.496354,-0.91583 4.530052,-2.58563 6.662076,-4.10082 2.792029,-0.92624 4.60777,-3.43631 7.182831,-4.79484 1.146706,-1.6386 3.215583,-3.34811 4.214256,-4.41255 2.515966,-0.45667 5.720707,-3.26682 8.853287,-3.88275 1.20946,-2.83691 3.66507,-4.87214 4.41034,-7.56506 2.36027,-1.28806 5.44115,-2.79114 7.67542,-4.8721 2.01553,-2.24274 0.0289,-5.22569 -0.77311,-7.71708 0.43923,-2.75928 -4.13128,-6.0693 -0.11888,-7.53159 1.58824,-3.97837 -4.25033,-2.97283 -6.55598,-3.7794 -2.60492,-0.66031 1.91279,-4.58883 -0.19091,-6.73373 -0.0169,-1.59637 -0.22339,-3.17232 -0.52488,-4.73803 4.25238,-0.46117 8.11409,-2.55282 12.2185,-3.67501 2.60037,-0.71791 5.30302,-1.07501 7.78503,-2.15012 4.53115,-1.19063 9.23259,-0.41222 13.86088,-0.54894 4.7032,0.11787 9.44527,-0.0341 14.11865,0.48032 3.70754,0.70849 7.48221,1.20894 11.14284,2.04121 1.38812,2.07629 1.0843,2.64517 3.65972,3.40244 1.27196,1.32615 4.98049,1.57518 4.62617,2.76617 -0.12457,1.90842 1.49837,4.57537 0.48258,1.39985 -0.65059,-2.61986 2.23602,-2.93812 4.01182,-3.47319 2.23674,-0.75195 4.58571,-1.37036 6.94066,-0.73875 3.80689,-0.47192 7.64894,-1.23599 11.32589,0.35037 1.0632,0.23124 3.46398,-0.79587 1.71514,0.51135 1.18994,1.48627 3.67699,3.04763 1.84727,0.30167 -0.33421,-3.281 5.99815,-1.80768 8.1054,-4.02587 2.53819,-1.44651 4.65231,-2.66588 6.02155,-5.54807 1.77503,-1.38425 3.5561,-2.75836 5.68175,-3.55747 1.71282,-2.6155 4.88796,-4.08333 7.76085,-2.52827 2.86656,-0.12512 5.73894,-1.84644 5.43135,-5.06254 -0.23751,-1.48447 0.12304,-6.20306 0.37756,-2.34023 2.80079,-1.10857 -0.5158,-2.56282 -0.49446,-2.92751 -0.55761,-2.69786 -1.03543,-5.49657 -1.88125,-8.08391 -2.06672,-0.86529 -3.57023,-3.33164 -0.12612,-4.11742 2.16765,-1.80343 -0.2517,1.71653 1.73486,1.43372 1.82194,-1.81252 4.56794,-2.8668 3.1052,-5.177 1.60595,-1.1081 5.25456,-2.9407 2.13216,-3.17548 -1.13113,1.13687 -3.58488,3.11502 -3.9994,1.24868 -3.94613,0.0332 2.53902,-2.25171 2.48737,-3.72612 -1.65601,0.30698 -2.56618,0.23218 -0.87232,-1.56528 -0.16848,-0.92468 -4.13709,1.17919 -2.89386,-0.96898 -2.45817,0.069 -2.81358,2.77611 -3.88665,3.98959 -1.29278,-0.35642 0.89805,-3.46713 -1.77369,-3.33591 -0.13232,-0.92622 -2.0138,0.0742 -0.6021,-1.43925 -2.5125,-0.84418 1.73683,-3.11557 2.67284,-4.14279 2.67937,-1.1385 4.18805,-3.71693 7.18126,-4.30131 3.19302,-1.18088 5.77234,-3.48983 8.29137,-5.895 1.30626,-1.7439 2.9385,-2.98468 3.7522,-2.85518 -1.0913,-1.82852 5.65389,-2.90106 3.64221,-5.97491 -1.02268,-2.34377 2.94853,-4.97654 4.59475,-6.86391 1.35244,-1.82738 3.53707,-2.83016 4.82417,-4.76562 1.25498,-1.25113 1.94393,-3.39917 3.89647,-3.63588 1.64215,-1.72528 4.26267,-3.84907 6.26899,-5.71063 1.45981,-1.7193 2.12208,-3.76677 4.89256,-3.83977 1.66357,-0.47317 3.16124,-2.01233 4.68758,-2.17275 0.26568,-1.77276 6.58272,-3.31676 2.4909,-1.3296 1.03632,1.68742 3.11388,-3.46623 4.9353,-1.97987 1.27713,-1.9176 4.54083,-0.80424 3.16376,-2.45431 0.73615,-1.81816 4.96681,-1.97715 4.56109,0.15723 2.01567,-0.23891 4.2054,-0.91907 6.53975,-0.83385 9.95166,0.32526 19.91945,0.87447 29.86575,0.11431 6.00596,-0.45817 12.0292,-0.34627 18.04285,-0.42164 2.73699,-0.31727 5.4998,-0.23245 8.24925,-0.35537 0.64884,2.98671 0.3305,5.87812 -0.94382,8.77312 -0.3265,2.80842 2.89319,4.98541 0.70601,7.83847 -0.70949,2.95281 -1.09104,5.99888 -1.40484,9.01111 1.60606,3.60868 5.56315,7.13656 3.80172,11.37433 -2.65547,3.18243 0.15973,6.8799 -0.82965,10.42961 -1.6362,2.12145 -3.53853,4.75802 -3.67297,7.32384 -0.64237,2.85629 -1.57877,5.28687 -0.18401,7.91194 -1.77051,3.79144 2.87603,7.04278 0.67971,10.56833 1.79192,2.23565 2.06544,5.82969 -0.17143,7.82272 -0.63202,2.22552 -2.67052,7.18776 0.0988,7.8277 0.0277,-2.92893 1.45071,-4.48823 4.15113,-2.94317 -0.12769,2.06283 1.5231,2.81907 2.24123,4.69109 -0.0188,3.87531 0.0102,7.82286 -0.19597,11.73175 -0.36516,5.95992 -0.35191,11.92983 -0.50805,17.89417 -0.3733,5.84455 -0.4216,11.70176 -0.59386,17.55419 0.21384,0.37441 0.43047,0.75087 0.64245,1.12395 z"

outline = s.path(outline).attr({fill: '#fff'})
        
var boundingBox = outline.getBBox();

var heartX = intVariable('heartX', Math.floor(boundingBox.x), Math.floor(boundingBox.x2));
var heartY = intVariable('heartY', Math.floor(boundingBox.y), Math.floor(boundingBox.y2));

heart = s.path("M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z")
heart.transform(Snap.format('t{x},{y}s1.5', {x: heartX, y: heartY}))
heart.attr({fill: '#cc0000'})