svg动态图标1

//fill=填充颜色
//begin=时间间隔
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="119" height="16" xmlns="http://www.w3.org/2000/svg">
    <rect x="0" y="0" width="115" height="12" fill="none"  stroke="#20909e" stroke-width="2"></rect>
    <rect x="3" y="3" width="13" height="6" fill="#47e6fc">
        <animate attributeName="opacity" dur="1s" values="0.2;1;02" attributeType="XML" repeatCount="indefinite" begin="0.1"></animate>
    </rect>
    <rect x="19" y="3" width="13" height="6" fill="#47e6fc">
        <animate attributeName="opacity" dur="1s" values="0.2;1;02" attributeType="XML" repeatCount="indefinite" begin="0.2"></animate>
    </rect>
    <rect x="35" y="3" width="13" height="6" fill="#47e6fc">
        <animate attributeName="opacity" dur="1s" values="0.2;1;02" attributeType="XML" repeatCount="indefinite" begin="0.3"></animate>
    </rect>
    <rect x="51" y="3" width="13" height="6" fill="#47e6fc">
        <animate attributeName="opacity" dur="1s" values="0.2;1;02" attributeType="XML" repeatCount="indefinite" begin="0.4"></animate>
    </rect>
    <rect x="68" y="3" width="13" height="6" fill="#47e6fc">
        <animate attributeName="opacity" dur="1s" values="0.2;1;02" attributeType="XML" repeatCount="indefinite" begin="0.5"></animate>
    </rect>
    <rect x="84" y="3" width="13" height="6" fill="#47e6fc">
        <animate attributeName="opacity" dur="1s" values="0.2;1;02" attributeType="XML" repeatCount="indefinite" begin="0.6"></animate>
    </rect>
    <rect x="99" y="3" width="13" height="6" fill="#47e6fc">
        <animate attributeName="opacity" dur="1s" values="0.2;1;02" attributeType="XML" repeatCount="indefinite" begin="0.7"></animate>
    </rect>
</svg>