diff --git a/example/src/index.js b/example/src/index.js
index 68aca5f2f..3532d7f0f 100755
--- a/example/src/index.js
+++ b/example/src/index.js
@@ -281,6 +281,27 @@ class Test extends React.Component {
               </div>
             </pre>
           </div>
+          <div className="section">
+            <h4 className='title'>Test SVG</h4>
+            <p className="sub-title"></p>
+            <div className="example-jsx">
+              <div className="side">
+                <svg data-tip="=( •̀д•́)" data-for="svgTooltip" width="50" height="50">
+                  <circle cx="25" cy="25" r="22" fill="#fff" stroke="#000" stroke-width="4"/>
+                </svg>
+                <ReactTooltip id='svgTooltip'/>
+              </div>
+            </div>
+            <br/>
+            <pre className='example-pre'>
+               <div>
+                 <p>{"<svg data-tip='=( •̀д•́)' data-for='svgTooltip' width='50' height='50'>\n" +
+                 "  <circle cx='25' cy='25' r='22' fill='#fff' stroke='#000' stroke-width='8'/>\n" +
+                 "</svg>\n" +
+                 "<ReactTooltip id='svgTooltip' />"}</p>
+               </div>
+             </pre>
+          </div>
         </section>
       </div>
     )