Sparkbox: 8794 → 1783 bytes (20.3%) ⁂ Codepen: 1762 → 492 bytes (27.9%)

codepen-logo.original.svg

codepen-logo.svg

sparkbox-logo.original.svg

<svg class="logo--svg" height="40px" width="165px" viewBox="0 0 256 63" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <title>Sparkbox</title>
  <defs></defs>
  <g class="logo--group">
    <path class="logo--path logo--text logo--text-s" d="M88.1278965,50.7026475 L84.8509602,47.4335791 L84.8485016,38.18302 L90.2030273,38.1667927 L90.2158124,42.5358772 C90.2620357,44.4566024 91.0311126,45.3904112 92.5584481,45.3904112 C94.160036,45.3879526 94.8833813,44.4566024 94.8833813,42.5358772 L94.8833813,35.8979175 L84.7024556,30.1893411 L84.6999969,16.2780975 L87.8658006,13.1049178 L96.7264121,13.1000004 L100.200043,16.5628133 L100.204961,24.7310589 L94.9984478,24.7418771 L94.9856627,21.1236753 C95.0313942,19.3126074 94.2524826,18.3669969 92.6725312,18.3178231 L92.659746,18.3178231 C91.7967473,18.3178231 91.2258405,18.5174684 90.8486781,18.9059408 C90.3933295,19.3706324 90.1858165,20.0974198 90.2158124,21.1236753 L90.2158124,26.2357745 L100.346089,32.1385871 L100.352974,47.2309834 L96.8813093,50.7026475 L88.1278965,50.7026475"></path>
    <path class="logo--path logo--text logo--text-p" d="M107.312788,50.7026475 L107.300003,13.1127855 L118.733383,13.1000004 L122.750876,17.109625 L122.755301,31.0616828 L118.742726,35.0727826 L112.65207,35.0777 L112.666822,50.7026475 L107.312788,50.7026475 L107.312788,50.7026475 Z M112.666822,29.9238031 C112.666822,29.9238031 115.286798,29.9110179 115.293682,29.9110179 C116.029321,29.9110179 116.480735,29.7561207 116.772336,29.4478015 C117.072787,29.1389906 117.213915,28.6639725 117.18687,28.0443837 L117.18687,19.9331796 C117.213915,19.3834175 117.083113,18.9536393 116.800856,18.6635144 C116.488603,18.3350339 115.973754,18.1673516 115.274504,18.1673516 L112.666822,18.1673516 L112.666822,29.9238031 L112.666822,29.9238031 Z"></path>
    <path class="logo--path logo--text logo--text-a" d="M137.482045,50.7026475 L137.026204,45.697747 L133.080997,45.7120073 L132.652694,50.6913376 L127.099998,50.7026475 L131.094871,13.1127855 L138.325374,13.1000004 L142.840013,50.7026475 L137.482045,50.7026475 L137.482045,50.7026475 Z M133.440949,40.5586021 L136.443004,40.5428665 L134.811912,23.9629655 L133.440949,40.5586021 L133.440949,40.5586021 Z"></path>
    <path class="logo--path logo--text logo--text-r" d="M159.700455,50.7026475 L157.263406,34.9183772 L155.148936,34.9272284 L155.157787,50.6913376 L149.708848,50.7026475 L149.699997,13.1127855 L160.985364,13.1000004 L164.948766,17.0594678 L164.953683,30.9648106 L162.474836,33.4466079 L165.058423,50.7026475 L159.700455,50.7026475 L159.700455,50.7026475 Z M155.157787,29.7266165 C155.157787,29.7266165 157.777763,29.7153065 157.782189,29.7153065 C159.044478,29.7153065 159.637021,29.1193211 159.682753,27.946528 L159.682753,19.8372909 C159.637021,18.6940021 159.040052,18.1167027 157.909548,18.1167027 L155.157787,18.1176861 L155.157787,29.7266165 L155.157787,29.7266165 Z"></path>
    <path class="logo--path logo--text logo--text-k" d="M183.100773,50.7026475 L178.440088,35.0181998 L178.467625,50.6913376 L173.01426,50.7026475 L173,13.1127855 L178.453857,13.1000004 L178.467625,30.1706551 L183.082578,13.1078682 L188.531517,13.1000004 L183.75675,32.5491876 L188.700675,50.7026475 L183.100773,50.7026475"></path>
    <path class="logo--path logo--text logo--text-b" d="M194.914254,50.7026475 L194.899994,13.1127855 L206.386482,13.1000004 L210.450689,17.1573235 L210.450689,29.3302763 L207.97676,31.8110902 L210.450689,34.261081 L210.450689,46.7348206 L206.491222,50.7026475 L194.914254,50.7026475 L194.914254,50.7026475 Z M202.627643,45.4838413 C202.75992,45.4976099 202.88728,45.5020356 203.006281,45.5020356 C204.208578,45.5020356 204.846853,44.837207 204.892093,43.5198432 L204.892093,36.4516136 C204.892093,35.1598201 204.199235,34.5308883 202.78254,34.5308883 L200.313036,34.5358057 L200.313036,45.4976099 L202.627643,45.4838413 L202.627643,45.4838413 Z M200.313036,29.381417 L202.641412,29.3666649 C203.484249,29.3666649 204.026143,29.1778378 204.377735,28.8060846 C204.769158,28.3930254 204.94225,27.7399984 204.892093,26.859789 L204.892093,20.3821356 C204.910287,19.7625469 204.759815,19.2826114 204.445103,18.9536393 C204.098921,18.5946712 203.543258,18.4137119 202.791883,18.4137119 L200.313036,18.4161706 L200.313036,29.381417 L200.313036,29.381417 Z"></path>
    <path class="logo--path logo--text logo--text-o" d="M221.718165,50.7026475 L217.800003,46.7943208 L217.800003,16.9680047 L221.658664,13.1049178 L229.230925,13.1000004 L233.399872,17.2566544 L233.399872,46.3881459 L229.089304,50.7026475 L221.718165,50.7026475 L221.718165,50.7026475 Z M225.672223,18.1176861 C223.950159,18.267666 223.112239,19.088867 223.112239,20.6270207 L223.112239,42.9277917 C223.089619,43.7140793 223.284839,44.3287508 223.694948,44.7595125 C224.118825,45.2148611 224.788571,45.4587627 225.672223,45.4838413 C227.448869,45.3879526 228.328587,44.5274126 228.283839,42.9277917 L228.283839,20.6270207 C228.137301,19.1129621 227.25365,18.267666 225.672223,18.1176861 L225.672223,18.1176861 Z"></path>
    <path class="logo--path logo--text logo--text-x" d="M238.199997,13.1000004 L243.735482,13.1000004 L247.148138,22.8408213 L250.009556,13.1000004 L255.253933,13.1000004 L249.914159,30.8979343 L255.403912,50.6785524 L250.009556,50.6785524 L246.997666,39.8991826 L243.785639,50.6785524 L238.395708,50.6785524 L244.478005,30.9520254 L238.199997,13.1000004"></path>
    <path class="logo--path logo--icon-box" d="M59.6826281,62.0159208 L2.33230924,62.0159208 C1.04936705,62.0159208 0,60.966062 0,59.6831198 L0,2.33280098 C0,1.04985879 1.04936705,0 2.33230924,0 L59.6826281,0 C60.9655703,0 62.0154291,1.04985879 62.0154291,2.33280098 L62.0154291,59.6831198 C62.0154291,60.966062 60.9655703,62.0159208 59.6826281,62.0159208 Z"></path>
    <path class="logo--path logo--icon" fill="#FFFFFF" d="M50.0860164,29.7111781 L17.3574677,29.7111781 L37.8019309,15.9209018 L31.5770305,26.4853825 C31.5539189,26.5320975 31.5367081,26.5842216 31.5367081,26.6427384 C31.5367081,26.8232059 31.6837375,26.9697436 31.866172,26.9697436 L31.866172,26.970727 L34.339118,26.970727 L34.339118,26.9682683 L40.2119347,26.9682683 C40.2473397,26.9697436 40.2793026,26.970727 40.312249,26.970727 C43.466251,26.970727 46.0223007,24.4136939 46.0223007,21.2611671 C46.0223007,18.3550006 43.8502977,15.9553234 41.0424787,15.5973388 L45.2133931,8.51288183 C45.2522403,8.45780727 45.2724015,8.39535666 45.2724015,8.32848041 C45.2724015,8.1470294 45.1253721,8 44.9449046,8 C44.8750779,8 44.8111521,8.02163643 44.759028,8.05950019 L44.759028,8.05802498 L40.9033171,10.6588227 L40.9008584,10.6642318 L33.6472439,15.5540659 L17.0599668,15.5540659 C16.8858918,15.5540659 16.7423046,15.6917523 16.733945,15.866319 L16.733945,26.9638427 L9.66571542,31.731726 C9.56736799,31.7902427 9.5,31.894491 9.5,32.0154583 C9.5,32.1954341 9.64850462,32.3409883 9.83044736,32.3409883 L13.4545501,32.3409883 L13.4629096,32.3365627 L42.5653886,32.3365627 L23.6718643,45.0799306 L29.2555395,35.5987468 C29.2924198,35.5397384 29.3179901,35.4802382 29.3179901,35.4074611 C29.3179901,35.2294522 29.1793202,35.0838981 29.0027866,35.0799642 L17.0609502,35.0799642 C16.8814662,35.0799642 16.733945,35.2250266 16.733945,35.4074611 L16.733945,46.1691283 C16.733945,46.3466455 16.8775323,46.4902327 17.0555411,46.4921996 L19.7900913,46.4921996 L16.2628609,52.4859836 C16.2274558,52.5381078 16.2068028,52.5980997 16.2068028,52.6684181 C16.2068028,52.8479021 16.3548157,52.9964068 16.5347915,52.9964068 C16.6065851,52.9964068 16.6705109,52.9713282 16.7250938,52.9349396 L26.2677446,46.497117 L40.312249,46.497117 C43.466251,46.497117 46.0223007,43.9410674 46.0223007,40.7885406 C46.0223007,38.423285 44.584953,36.3914271 42.5334257,35.5259697 L50.2379632,30.3307669 C50.3436866,30.2761841 50.414005,30.1665267 50.414005,30.0391668 C50.414005,29.8582075 50.2684509,29.7111781 50.0860164,29.7111781 L50.0860164,29.7111781 Z M40.2817613,18.1819092 C40.2906126,18.1819092 40.3043812,18.180434 40.312249,18.180434 C42.0151347,18.180434 43.3944574,19.5587732 43.3944574,21.2611671 C43.3944574,22.9635611 42.0151347,24.3428838 40.312249,24.3428838 C40.3043812,24.3428838 40.2906126,24.3419003 40.2817613,24.3419003 L35.8861231,24.3428838 L39.519077,18.1819092 L40.2817613,18.1819092 L40.2817613,18.1819092 Z M19.3608048,18.180434 L29.7566196,18.180434 L19.3608048,25.1901469 L19.3608048,18.180434 L19.3608048,18.180434 Z M19.3608048,43.8682903 L19.3608048,37.7063322 L24.9680834,37.7063322 L21.3380798,43.8682903 L19.3608048,43.8682903 L19.3608048,43.8682903 Z M43.3944574,40.7885406 C43.3944574,42.4874924 42.0151347,43.8682903 40.312249,43.8682903 L30.1667284,43.8682903 L39.2997623,37.7082992 L40.312249,37.7082992 C42.0151347,37.7082992 43.3944574,39.0866384 43.3944574,40.7885406 L43.3944574,40.7885406 Z"></path>
  </g>
</svg>

sparkbox-logo.svg

Going live with this in our next deploy. The dif is great!