Well, logo is a symbol, not a realistic presentation. In tangram puzzles this is exactly how you make a dolphin. Orca would looks like this - https://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Tangram_083_Nevit.svg/700px-Tangram_083_Nevit.svg.png and a whale like this - http://u.jimdo.com/www400/o/sb0abad0b84d20c80/img/id5bec07f8d18902d/1407216853/std/tangram-whale.png and a fish like this - https://fantagerop.files.wordpress.com/2014/06/tangram-fish.png .
Cool thing about tangrams is that see more the shapes can be gathered back to a perfect square and to hundreds of other figures.
Actually, that one is way to complicated. Here's a simplified one. Looks good covering the entire screen, or as a small icon. Under 700 bytes on disk. Small enough to store in the DB.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3.1 6.4 3.1" version="1.0" overflow="visible">
<g id="Dolphin_Logo" transform="matrix(1 0 0 -1 0 0)" stroke-width="0.01" stroke="#000033">
<path d="M 2.2 see more 1 L 2.2 0 L 3.2 0 L 3.2 1 L 2.2 1 z" fill="#3399ff" />
<path d="M 2.1 0 L 1.1 1 L 1.1 2 L 2.1 1 L 2.1 0 z" fill="#3399ff" />
<path d="M 3.3 1 L 4.3 1 L 3.3 0 L 3.3 1 z" fill="#3399ff" />
<path d="M 1 1 L 2 0 L 0 0 l 1 1 z" fill="#3399ff" />
<path d="M 2.3 1.1 L 4.3 3.1 L 4.3 1.1 L 2.3 1.1 z" fill="#3399ff" />
<path d="M 4.4 1.1 L 4.4 3.1 L6.4 3.1 L 4.4 1.1 z" fill="#3399ff" />
<path d="M 4.441 1 L 5.149 1.707 L 5.149 0.293 L 4.441 1 z" fill="#3399ff" />
</g>
</svg>
Remove stroke and it's even smaller :D . Awesome! Rounded corners add complexity, sure. They do make a bit more friendly though. Decisions decisions...
... on the other hand this is too geeky to pass.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3.1 6.4 3.1" version="1.0" overflow="visible">
<g id="Boonex_Dolphin_Pro_Logo" transform="matrix(1 0 0 -1 0 0)">
<path d="M 2.2 1 L 2.2 0 L 3.2 0 L 3.2 1 L 2.2 see more 1 z" fill="#3399ff" />
<path d="M 2.1 0 L 1.1 1 L 1.1 2 L 2.1 1 L 2.1 0 z" fill="#3399ff" />
<path d="M 3.3 1 L 4.3 1 L 3.3 0 L 3.3 1 z" fill="#3399ff" />
<path d="M 1 1 L 2 0 L 0 0 l 1 1 z" fill="#3399ff" />
<path d="M 2.3 1.1 L 4.3 3.1 L 4.3 1.1 L 2.3 1.1 z" fill="#3399ff" />
<path d="M 4.4 1.1 L 4.4 3.1 L6.4 3.1 L 4.4 1.1 z" fill="#3399ff" />
<path d="M 4.441 1 L 5.149 1.707 L 5.149 0.293 L 4.441 1 z" fill="#3399ff" />
</g>
</svg>
Next challenge is an animation that brings it together into a tangram square and back seamlessly and smoothly. B-)
Cool thing about tangrams is that see more
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="600pt" height="300pt" viewBox="0 0 600 300" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path fill="#3399ff" d=" M 422.67 0.00 L 596.23 0.00 C 597.44 0.66 598.68 1.31 599.93 1.93 C 599.58 6.11 595.99 see more
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3.1 6.4 3.1" version="1.0" overflow="visible">
<g id="Dolphin_Logo" transform="matrix(1 0 0 -1 0 0)" stroke-width="0.01" stroke="#000033">
<path d="M 2.2 see more
... on the other hand this is too geeky to pass.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3.1 6.4 3.1" version="1.0" overflow="visible">
<g id="Boonex_Dolphin_Pro_Logo" transform="matrix(1 0 0 -1 0 0)">
<path d="M 2.2 1 L 2.2 0 L 3.2 0 L 3.2 1 L 2.2 see more
Depends on how you do it. Rounded corners below.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.2 -3.1 7.0 3.1" version="1.0" overflow="visible">
<g id="Dolphin_Logo" transform="matrix(1 0 0 -1 0 0)" stroke-width="0.1" stroke="#3399ff" stroke-linejoin="round">
<path d="M 2.4 1 L 2.4 0 L 3.4 0 L 3.4 1 L 2.4 1 z" fill="#3399ff" see more