Coconaru’s Web

フリーランスのWebデザイナーのメモ帳です

アイコンフォントのicomoonを使う方法

種類が豊富なicomoonをWEBで使う方法メモ

icomoonはここでGet

 

  1. サイト右上の「IcoMoon App」を押す
  2. 左下 Add Icons From Library…からライブラリ追加できる。
  3. 使いたいアイコンをポチポチ選択して左下Generate SVG & Moreを押す
  4. 左下の歯車アイコンを押して設定する。PNGを外してから、左下のDownloadを押す
  5. SVGフォルダとsymbol-defs.svg(→リネームしてsprite.svgに)を画像フォルダに入れる
  6. サーバー上では見えないことに注意