0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Azure DevOpsAdvent Calendar 2023

Day 9

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

Posted at

背景

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

概要

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

image.png

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

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

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

image.png

名前取得サイト

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

Office UI Fabric Icons

image.png

使い方

  1. Office UI Fabric Icons にアクセス

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

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

    ms-Icon--{Friendly Name}
    <font class="ms-Icon--{Friendly Name}"></font>
    
    • 例)上で検索した Build の例
      <font class="ms-Icon--Build"></font >
      上記の例だとこんな感じ ⇒ image.png

あとがき

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?