1234567891011121314151617181920212223242526272829303132333435363738 |
- <?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="25" height="25" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="#f7941d" class="puff">
- <g fill="none" fill-rule="evenodd" stroke-width="3">
- <circle cx="22" cy="22" r="1">
- <animate attributeName="r"
- begin="0s" dur="3s"
- values="1; 20"
- calcMode="spline"
- keyTimes="0; 1"
- keySplines="0.165, 0.84, 0.44, 1"
- repeatCount="indefinite" />
- <animate attributeName="stroke-opacity"
- begin="0s" dur="3s"
- values="1; 0"
- calcMode="spline"
- keyTimes="0; 1"
- keySplines="0.3, 0.61, 0.355, 1"
- repeatCount="indefinite" />
- </circle>
- <circle cx="22" cy="22" r="1">
- <animate attributeName="r"
- begin="-1.5s" dur="3s"
- values="1; 20"
- calcMode="spline"
- keyTimes="0; 1"
- keySplines="0.165, 0.84, 0.44, 1"
- repeatCount="indefinite" />
- <animate attributeName="stroke-opacity"
- begin="-1.5s" dur="3s"
- values="1; 0"
- calcMode="spline"
- keyTimes="0; 1"
- keySplines="0.3, 0.61, 0.355, 1"
- repeatCount="indefinite" />
- </circle>
- </g>
- </svg>
|