snipt

Ctrl+h for KB shortcuts

HTML

Add svg to html with object tag

1
2
3
4
5
6
<object type="image/svg xml" width="100" height="100" style="float:right" 
data="http://blog.codedread.com/clipart/apple.svgz">
<span/></object>

you can style it on css.
url: http://www.alistapart.com/articles/using-svg-for-flexible-scalable-and-fun-backgrounds-part-ii
https://snipt.net/embed/e69360d17e5ca4d55d913664f975ed82/
/raw/e69360d17e5ca4d55d913664f975ed82/
e69360d17e5ca4d55d913664f975ed82
html
HTML
6
2019-06-07T06:26:19
True
False
False
/api/public/snipt/40155/
add-svg-to-html-with-object-tag
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a> <a href="#L-4">4</a> <a href="#L-5">5</a> <a href="#L-6">6</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="p">&lt;</span><span class="nt">object</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;image/svg xml&quot;</span> <span class="na">width</span><span class="o">=</span><span class="s">&quot;100&quot;</span> <span class="na">height</span><span class="o">=</span><span class="s">&quot;100&quot;</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;float:right&quot;</span> </span><span id="L-2"><a name="L-2"></a><span class="na">data</span><span class="o">=</span><span class="s">&quot;http://blog.codedread.com/clipart/apple.svgz&quot;</span><span class="p">&gt;</span> </span><span id="L-3"><a name="L-3"></a><span class="p">&lt;</span><span class="nt">span</span><span class="p">/&gt;&lt;/</span><span class="nt">object</span><span class="p">&gt;</span> </span><span id="L-4"><a name="L-4"></a> </span><span id="L-5"><a name="L-5"></a>you can style it on css. </span><span id="L-6"><a name="L-6"></a>url: http://www.alistapart.com/articles/using-svg-for-flexible-scalable-and-fun-backgrounds-part-ii </span></pre></div> </td></tr></table>
html, svg