Azure DevOps Wiki でアイコンを使いたい時は、Office UI Fabric Icons で探すと使える時もある

背景

Azure DevOps の Wiki で、Azure 関連のまとめを書いている。
で、Azure のボタンアイコンなんかをそのまま表示できないものか？と思ったら、似たようなものが使えたって話

概要

• Azure のボタンにアイコンが付いてたりする。例えばこういうの

• こういった Icon を Azure DevOps Wiki でもで使えるよってお話

実際、上記のメニューで試してみると、3/6 しか使えない

Reset とか普通に使えると思ったんですけどねぇ・・

名前取得サイト

以下のサイトで、Icon を探せます

Office UI Fabric Icons

使い方

1. Office UI Fabric Icons にアクセス

2. 欲しいものを検索して、右クリックメニューから、Friendly Name をコピー
   

3. あとは、突っ込みたいところに、以下のような感じで突っ込む。
   

   ms-Icon--{Friendly Name}

   <font class="ms-Icon--{Friendly Name}"></font>
   

   • 例）上で検索した Build の例
     

     <font class="ms-Icon--Build"></font >

     上記の例だとこんな感じ　⇒　

あとがき

全部使えるわけじゃないので、そもそもの体系が違うんだろうとは思うが、その辺はよくわかってない・・