キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

なければ作ればいい!アイコン型ウェブフォントが自作できる IcoMoon

      2015/07/29

イギリスで一人暮らしをするかもしれないキャリコ( @calicocatxyz )です。

こっちの一軒家は大きいからひとりで住むのはちょっと寂しいけれど… 良い経験になりそうだから前向きに考えています。さて、今日は昨日の続きということで… ラテよろしくね♪

こんにちは、ラテにゃ。

連日更新してるアイコン型ウェブフォントについてにゃ。昨日のエントリーで IcoMoon にはない、はてブと Feedly のアイコンについて触れたけど、なければ自作すればいいということでサイトの紹介にゃ。

Ads by Google

アイコンを自作する

IcoMoon

リンクhttps://icomoon.io/

アイコンを用意する

Illustrator などで画像をトレースして SVG 形式のファイルで書き出したファイルを IcoMoon で読み込むと、オリジナルのアイコン型ウェブフォントとして書き出す事が出来るにゃ。キャリコでは、はてブ、Feedly 、Pocket のアイコンをこちらのサイトからダウンロードしたにゃ。

リンクブログのデザインでも使用している「Webフォントアイコン」を本当にオススメしたい!

アイコンをアップロードする

IcoMoon にアクセスしたら左上にある紫色のボタンをクリックするにゃ。

アップロードしたら後は先日のエントリーと同じ手順でアイコンをゲットするにゃ。

リンクIcoMoon で使いたいアイコンを選ぶ

まとめ

画像をトレースして SVG 形式にすることが出来れば、どんなアイコンでも作れるにゃ。新しいウェブサイトが出来ても、マニアックなサイトのアイコンも作れたりと、便利なことこの上ないにゃ。

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - ウェブサービス

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

  おすすめ記事

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

nend を1年間掲載してみてわかった平均クリック単価

nend は稼げない、キャリコです。 冒頭から夢のないことを言っちゃいますが… …

軽いブラウザを比較した、おすすめの使い分け方法とは?
軽いブラウザを比較した、おすすめの使い分け方法とは?

ブラウザは使い分けるタイプ、キャリコです。 皆さんはブラウザを使い分けていますか …

忍者 AdMax が Google AdSense よりも稼げる理由
忍者 AdMax の年間平均クリック単価は62円?!

そんなバカな、キャリコ( @calicocatxyz )です。 実は忍者 AdM …

Googleが マテリアルデザイン化された750個のアイコンを配布

10月も後半に入り冷え込んできたのにセントラルヒーティングの付け方がわからないキ …

SNS 連携サービス「 Paper.li 」の登録方法。キャリコ新聞も創刊したよ!

ひょんなことから新聞を創刊したキャリコ( @calicocatxyz )です。 …

WordPress で「 下書きを保存しています… 」が永遠に終わらない原因はロリポップの WAF だった

STINGER5 以外のテーマを扱ってみたキャリコ( @calicocatxyz …

pocket のブックマーク数の取得方法とオリジナル SNS ボタンの設置方法

週3でペペロンチーノを食べてるキャリコ( @calicocatxyz )です。 …

これでもアクセスが増えなかったらもう諦めよう!
これでもアクセスが増えなかったらもう諦めよう!

随分と大きく出たもんだ、キャリコ( @calicocatxyz )です。 Cla …

ロリポップの FTP で2つ目の独自ドメインを設定する方法

イギリスのリーズに滞在中のキャリコ( @calicocatxyz )です。 東京 …

【 保存版 】フリー写真素材サイト超絶まとめ61選
【 保存版 】フリー写真素材サイト超絶まとめ61選

ブログのアイキャッチなら任せろ、キャリコ( @calicocatxyz )です。 …