eye-of-galizur.svg

<?xml version="1.0" encoding="utf-8" ?>
<svg viewBox="-20 -20 40 40" width="777" height="777" version="1.2"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    overflow="visible"
>
    <defs>
        <rect x="-20" y="-20" width="40" height="40" id="fill" />
        <circle r="18" id="base" />
        <circle fill="#fff" r="17" id="eyelid">
            <animateTransform attributeName="transform" type="scale"
                values="1 1;  1 1; 1.5 0;  1 1;  1 1; 1.5 0;  1 1;  1 1; 1.5 0;  1 1"
                keyTimes="0; 0.32;  0.33; 0.35; 0.76;  0.77; 0.78; 0.97;  0.99; 1.00" dur="7.37"
                repeatCount="indefinite">
            </animateTransform>
        </circle>
        <mask id="lid">
            <mask id="clid"><use xlink:href="#eyelid" y="-12" /></mask>
            <use xlink:href="#eyelid" y="6" mask="url(#clid)" />
        </mask>
        <mask id="eye" stroke="#000" stroke-width="2">
            <mask id="ceye"><use xlink:href="#eyelid" y="-12" /></mask>
            <use xlink:href="#eyelid" y="6" mask="url(#ceye)" />
        </mask>
        <mask id="ball"><use xlink:href="#base" fill="#fff" /><circle r="13" id="ball" fill="#000" /></mask>
        <circle r="7.37" id="iris" />
        <mask id="miri"><use xlink:href="#iris" fill="#fff" /></mask>
        <mask id="iyri"><use xlink:href="#base" fill="#fff" /></mask>
        <mask id="hedlit">
            <ellipse cy="  1" rx="19" ry="18.5" fill="#000" stroke="#fff" />
            <ellipse cy="-17" rx=" 7" ry=" 2"   fill="#fff" />
        </mask>
        <mask id="lite">
            <circle cx="10" cy="2" r="200" fill="#fff" />
        </mask>
        <radialGradient id="shad" fy="0.37" cy="0.27" r="0.7" gradientTransform="rotate(37 .5 .5)">
            <stop offset="17%" stop-color="#000" />
            <stop offset="37%" stop-color="#666" />
            <stop offset="57%" stop-color="#888" />
            <stop offset="77%" stop-color="#ccc" />
            <stop offset="100%" stop-color="#fff" />
        </radialGradient>
        <mask id="sham" color-interpolation="sRGB">
            <use xlink:href="#fill" fill="url('#shad')" />
        </mask>
    </defs>

    <circle r="19" stroke-width="" fill="#201" opacity="0.7" />
    <g mask="url(#iyri)">
        <use xlink:href="#fill" fill="#e82" />
        <use xlink:href="#fill" fill="#303" mask="url(#sham)" />
        <g transform="rotate(37)" mask="url(#hedlit)" fill="#fc5">
            <use xlink:href="#base" opacity="0.1" />
            <ellipse cy="-17.30" rx=" 4" ry="1" opacity="0.4" />
            <ellipse cy="-17.70" rx=" 2" ry="0.3" opacity="0.7" />
        </g>
        <g mask="url(#lid)">
            <use xlink:href="#fill" y="-20" fill="#303" opacity="0.6" />
            <use xlink:href="#fill" y=" 20" fill="#fc7" opacity="0.6" />
            <g mask="url(#eye)">
                <use xlink:href="#base" fill="#fff" />
                <g>
                    <use xlink:href="#fill" fill="#f39" mask="url(#ball)" />
                    <ellipse rx="13" ry="11" fill="none" stroke="#d38" />
                </g>
                <g  transform="rotate(37)" id="look">
                    <g mask="url(#miri)">
                        <animateTransform attributeName="transform" type="translate" calcMode="discrete"
                            values="0 0; -4 -1; 1 4; 0 0; 3 -3; 0 0"
                            keyTimes="0;   0.3; 0.5; 0.7;  0.8;   1"
                            dur="6.66" repeatCount="indefinite" />
                        <use xlink:href="#iris" fill="#3a7" />
                        <ellipse         cy="-6.66" rx="2.73" ry="3.73" fill="#fff" opacity="0.5" />
                        <ellipse cx="-2" cy="-3.73" rx="7.37" ry="3.73" fill="#7fc" opacity="0.2" />
                        <ellipse cx=" 2" cy="-3.73" rx="7.37" ry="3.73" fill="#7fc" opacity="0.2" />
                        <g id="pup">
                            <animateTransform attributeName="transform" type="translate" calcMode="discrete"
                                values="  0 0;-1 -.25;.25  1; 0 0;.75 -.75; 0 0"
                                keyTimes="0.0;    0.3;   0.5; 0.7;     0.8;   1"
                                dur="6.66" repeatCount="indefinite" />
                            <g>
                                <animateTransform attributeName="transform" type="scale"
                                    values=" .9; 1;  1; .8;  1; .9;  1; .9;  1; .8; .9"
                                    keyTimes="0;.1; .3;.32; .5;.52; .7;.72; .8;.82; 1"
                                    dur="6.66" repeatCount="indefinite" />
                                <circle             r="4.10"         fill="#123" />
                                <circle  cy="-0.25" r="3.5"          fill="#def" opacity=".07" />
                                <ellipse cy="-3.1" rx="0.8" ry="0.4" fill="#fff" />
                                <ellipse cy="-2"   rx="0.4" ry="0.6" fill="#fff" opacity="0.7" />
                            </g>
                        </g>
                    </g>
                </g>
                <use xlink:href="#fill" fill="#102" mask="url(#sham)" />
            </g>
        </g>
    </g>
</svg>