variable logoSymbol

eSolia symbol logo - dark blue on transparent background

The iconic eSolia leaf/sprout symbol in the primary dark blue color. Suitable for light backgrounds.

Examples

Example 1

// Use in HTML template
const header = `<div class="logo">${logoSymbol}</div>`;

// Use as img src
img.src = getLogoDataUri('symbol');

Type

`<svg width="170" height="170" viewBox="0 0 170 170" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>eSolia Symbol</title> <defs> <polygon id="esolia-path-1" points="0 0 68.1262984 0 68.1262984 92.4134806 0 92.4134806"></polygon> </defs> <g id="symbol_darkblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Group-10" transform="translate(18, 34)"> <path d="M132.232118,44.7348558 C124.764633,44.4466893 117.480978,45.6142602 110.624605,48.0090225 C112.105184,38.5492145 111.990911,27.0324944 108.870764,13.1557908 L107.911866,8.87304156 L103.857662,10.5424194 C87.7302794,17.1801839 75.6769736,29.9588741 69.9186136,46.5284433 C64.6968393,61.5627811 65.606054,77.7001006 72.3431862,89.6937858 L72.7158152,90.3545812 C72.1643243,93.2213402 71.8413792,96.0880993 71.8860946,98.9002061 L71.9059682,100.390722 L73.3468003,100.763351 C74.4795924,101.061454 76.2185277,101.29 78.4493333,101.29 C82.5283787,101.29 88.2271181,100.514932 94.7704832,97.9114971 C107.882055,92.6996596 125.335997,79.6675817 134.045579,47.1991755 L134.681532,44.8292551 L132.232118,44.7348558 Z" id="Fill-1" fill="#C8C8C8"></path> <path d="M36.6910379,4.92168373 L35.0017865,3.72430257 L34.4403588,5.59241591 C26.9828106,30.4492539 41.3513845,41.9610055 47.8748761,45.7518845 L49.2809295,46.5716683 L49.9069462,45.1854884 C56.5149003,30.4939694 51.5763241,15.4447265 36.6910379,4.92168373" id="Fill-3" fill="#2D2F63"></path> <g id="Group-7" transform="translate(57.6817, 0)"> <mask id="esolia-mask-2" fill="white"> <use xlink:href="#esolia-path-1"></use> </mask> <path d="M26.7644802,85.3981187 C18.9690817,88.498392 12.5697998,88.7617164 9.25091761,88.3642455 C9.31053825,86.4712902 9.56889435,84.553493 9.91668141,82.6356958 C14.6962693,82.2382249 23.1773051,77.5878151 30.1529199,69.7477011 C31.6384675,68.0783232 33.0395525,66.289704 34.3164278,64.4364958 C37.7744249,59.4233938 41.2125484,52.5471468 43.2197765,43.5891458 C49.4700068,41.1099209 56.1524868,39.7684566 63.0287338,39.7287095 C54.5526663,68.8583599 38.7184183,80.6433728 26.7644802,85.3981187 M38.6190506,45.6758682 C36.9546411,51.7223946 34.485353,57.2969243 31.0969133,62.215627 C29.9094689,63.9346888 28.6077517,65.5941299 27.2265402,67.1442665 C21.1551718,73.975798 14.44785,77.6225938 10.8656432,78.5367769 C13.2256269,70.2495081 18.0946457,62.0963858 24.9510191,55.4387478 C29.07478,51.4342282 33.6854427,48.1849034 38.6190506,45.6758682 M7.05985914,38.938736 C12.4108115,23.5168641 23.5896812,11.6126099 38.5494932,5.38225316 C41.4410941,18.3696156 41.7541025,30.2937434 39.7220324,40.8615016 C33.3525608,43.6785768 27.4153389,47.5837286 22.2233749,52.6316094 C15.386875,59.2743422 10.3588678,67.3380336 7.63619198,75.6501443 C2.94603506,65.0277338 2.65786864,51.6081217 7.05985914,38.938736 M44.0644022,39.1325031 C45.5449814,29.6677267 45.4307086,18.155975 42.3155302,4.27927135 L41.3566316,-0.00347787059 L37.2974598,1.66590001 C21.170077,8.29869607 9.11677117,21.0823547 3.36337953,37.6519239 C-1.86336313,52.6862616 -0.954148389,68.8235812 5.78298379,80.8172663 L6.15561278,81.4780617 C5.60412187,84.3448208 5.28614513,87.2115798 5.32589222,90.0236866 L5.35073416,91.5142026 L6.79156626,91.8868316 C7.91939001,92.1849348 9.66329369,92.4134806 11.8891309,92.4134806 C15.9681762,92.4134806 21.6669156,91.6384123 28.2102807,89.0349777 C41.3218529,83.8231402 58.7807632,70.7910623 67.4903449,38.3226561 L68.1262984,35.9527357 L65.6768838,35.8583363 C58.2044304,35.5701699 50.9207757,36.7377408 44.0644022,39.1325031" id="Fill-5" fill="#2D2F63" mask="url(#esolia-mask-2)"></path> </g> <path d="M0,31.8190381 C4.2529389,58.3601591 27.7732809,82.1984778 51.6414099,81.030907 C51.1594764,58.0173404 27.0379597,32.872336 0,31.8190381" id="Fill-8" fill="#2D2F63"></path> </g> </g> </svg>`

Usage

import { logoSymbol } from ".";