jQuery Mobile 1.4でアイコン表示を備えたボタンをChromeのデバッガで見てみると、イメージファイルを示す部分にはSVGのコードがそのまま記述されていることが分かります。

kana321 のブックマーク 2014/01/07 14:23

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/176418922/comment/kana321" data-user-id="kana321" data-entry-url="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/14/jquery_mobile_14csssvgretinadom.html" data-original-href="https://www.publickey1.jp/blog/14/jquery_mobile_14csssvgretinadom.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F14%2Fjquery_mobile_14csssvgretinadom.html" data-user-icon="/users/kana321/profile.png">jQuery Mobile 1.4が正式版に。CSSインラインSVGのアイコンでRetina対応、DOM削減で動作の高速化も</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%22jQuery%20Mobile%22">jQuery Mobile</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/MyInterest">MyInterest</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/jQuery">jQuery</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/mobile">mobile</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/JavaScript">JavaScript</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/DOM">DOM</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Publickey">Publickey</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Web%E5%88%B6%E4%BD%9C">Web制作</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/SVG">SVG</a>]</li></ul><br><p style="clear: left">jQuery Mobile 1.4でアイコン表示を備えたボタンをChromeのデバッガで見てみると、イメージファイルを示す部分にはSVGのコードがそのまま記述されていることが分かります。</p><a class="datetime" href="https://b.hatena.ne.jp/kana321/20140107#bookmark-176418922"><span class="datetime-body">2014/01/07 14:23</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！