61 lines
2.9 KiB
XML
61 lines
2.9 KiB
XML
<svg width="1600" height="320" viewBox="0 90 1600 320" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
|
|
<title id="title">Islandflow logo</title>
|
|
<desc id="desc">Islandflow wordmark with a small palm tree and waterline.</desc>
|
|
<defs>
|
|
<filter id="glowGreen" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="5" result="blur"/>
|
|
<feColorMatrix in="blur" type="matrix" values="0 0 0 0 0.83 0 0 0 0 1 0 0 0 0 0.75 0 0 0 1 0" result="glow"/>
|
|
<feMerge>
|
|
<feMergeNode in="glow"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
<filter id="glowSand" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="4" result="blur"/>
|
|
<feColorMatrix in="blur" type="matrix" values="0 0 0 0 0.98 0 0 0 0 0.85 0 0 0 0 0.63 0 0 0 1 0" result="glow"/>
|
|
<feMerge>
|
|
<feMergeNode in="glow"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
<filter id="glowBlue" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="4" result="blur"/>
|
|
<feColorMatrix in="blur" type="matrix" values="0 0 0 0 0.48 0 0 0 0 0.72 0 0 0 0 1 0 0 0 1 0" result="glow"/>
|
|
<feMerge>
|
|
<feMergeNode in="glow"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
<style>
|
|
.word { font: 700 118px "Menlo", "Consolas", "Liberation Mono", monospace; letter-spacing: 1px; fill: #d2ffc1; }
|
|
.outline { fill: none; stroke: #d2ffc1; stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; }
|
|
.trunk { fill: none; stroke: #f2d39a; stroke-width: 12; stroke-linecap: round; stroke-linejoin: round; }
|
|
.water { fill: none; stroke: #7cb7ff; stroke-width: 10; stroke-linecap: round; }
|
|
</style>
|
|
</defs>
|
|
|
|
<g filter="url(#glowGreen)">
|
|
<text class="word" x="130" y="330">islandflow</text>
|
|
</g>
|
|
|
|
<g transform="translate(1210 116)">
|
|
<g filter="url(#glowGreen)">
|
|
<path class="outline" d="M79 132C65 100 39 88 8 94"/>
|
|
<path class="outline" d="M83 129C99 98 130 86 159 96"/>
|
|
<path class="outline" d="M82 126C60 115 49 88 58 62"/>
|
|
<path class="outline" d="M85 126C109 110 116 82 106 56"/>
|
|
<path class="outline" d="M82 128C93 101 88 78 74 55"/>
|
|
<path class="outline" d="M85 124C70 105 49 101 26 106"/>
|
|
<path class="outline" d="M82 124C100 108 121 103 143 110"/>
|
|
</g>
|
|
<g filter="url(#glowSand)">
|
|
<path class="trunk" d="M82 124C82 150 82 176 80 201C78 222 74 247 64 271"/>
|
|
<path class="trunk" d="M40 274C63 264 88 264 112 274"/>
|
|
<path class="trunk" d="M53 288C78 280 102 280 126 288"/>
|
|
</g>
|
|
<g filter="url(#glowBlue)">
|
|
<path class="water" d="M0 316C20 311 40 311 60 316C80 321 100 321 120 316C140 311 160 311 180 316"/>
|
|
<path class="water" d="M18 335C38 330 58 330 78 335C98 340 118 340 138 335C158 330 178 330 198 335"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|