LoginSignup
21

More than 5 years have passed since last update.

無料で種類豊富なアイコンフォント、WebHostingHub Glyphs をiOSで使う

Last updated at Posted at 2016-04-28

始めに

僕のような絵が描けない人間にとって、
手軽にアイコンが表示できるアイコンフォントはとても強い味方。
最近オーソドックスなアイコン一覧が必要な事情が出来たので、
iOS上でフリーで使えるアイコンフォントを探してみた。

検索結果

WebHostingHub Glyphs という素晴らしい物が見つかった。

使ってみた

ダウンロード

ここ から、ttfファイルその他のアーカイブが入手できる。

フォントのインポート

iOSアプリでカスタムフォントを利用する
あたりを参考に、ttfファイルをプロジェクトにインポートする。

表示させる

1. IB上

1.ViewにUILabelを追加

trimmed1.png

2.UILabelのFontを、Custom -> WebHostingHub-Glyphs に設定

trimmed2.png

3.対応するアイコンのテキストを設定

trimmed3.png

2. コードで

ViewController.swift
import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let label = UILabel()
        label.font = UIFont(name: "WebHostingHub-Glyphs", size: 20)
        label.text = "forest"
        label.sizeToFit()
        label.frame = CGRect(x: 100, y: 100, width: label.bounds.size.width, height: label.bounds.size.height)
        view.addSubview(label)
    }
}

3. 結果

こうなる

Simulator Screen Shot 2016.04.29 3.11.45.png

注意点

  • トップページicon-xxx と紹介されているものを表示するには、iconを省いてxxx を設定する。
    例) icon-bag -> bag
  • トップページicon-xxx-yyy と紹介されているものを表示するには、 xxx もしくは yyy を設定する。
    例) icon-forest-tree -> forest or tree

ライセンス

SIL Open Font License なので安心

終わりに

様々なジャンルのアイコンが豊富にそろっていてとても便利。
しかもフォントなので、画像を使うよりずっと手軽。(端末ごとのppiの差を気にする必要がない)
独特の雰囲気のアプリでアイコンも自作する必要がある、などの特別な場合を除けばどんな場面でも使えると思う。

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
21