アイコン(Icon)

Bootstrap4ではアイコンがバンドルされていませんが、公式サイトでは下記のアイコンをテストし、お勧めしています。

Iconicの使い方

  1. Iconicサイトにアクセスし、アイコンファイルをダウンロードし解凍します。
    Iconicダウンロードページ
     
  2. ダウンロードしたファイルを解凍すると、下記のディレクトリが展開されます。

     
  3. 「font」ディレクトリを、Bootstrapのディレクトリにコピーします。
     
  4. cssファイルを読み込みます。
    <link href="/font/css/open-iconic-bootstrap.css" rel="stylesheet">
    
  5. アイコンを挿入
    <span class="oi oi-icon-name"
      title="icon name" aria-hidden="true"></span>
    
  6. Icon nameはIconicのページより確認することができます。

フォントとしてアイコンが利用できるので、とても便利ですね

 

コンテンツをシェア


このエントリーをはてなブックマークに追加