タグ

htmlとアイコンに関するjed_leeのブックマーク (1)

  • IllustratorとIcoMoonでSVGスプライトのラクラク設定!

    2016年2月9日 Illustrator, SVG, 便利ツール 繰り返し使うSVG形式のアイコン等を表示する際に便利なSVGスプライト。しかし、symbol タグで囲んで…一つ一つにIDを付けて… viewBox 属性をコピペして…と、当にコーディングがめんどくさい!新規プロジェクトを始める度に設定するのが煩わしくなり、いろいろと楽する方法を試した結果、アイコンジェネレーターツールの「IcoMoon App」を使う方法に落ち着いたので、やり方を紹介したいと思います。 ↑私が10年以上利用している会計ソフト! SVGスプライトとは? SVGスプライトは、ロゴやアイコンなどの複数のSVG画像をひとつのファイルにまとめて保存し、使いたい時に呼び出す方法です。SVGなので、拡大縮小しても画質が劣化しません。詳細は過去記事「アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう」に目

    IllustratorとIcoMoonでSVGスプライトのラクラク設定!
    jed_lee
    jed_lee 2016/05/07
    WEBフォントと違って、モノによってはやや重くなる時もあるけどメンテナンスや追加 / 加工のしやすいSVGスプライトのアイコン集を手軽に作成する方法。
  • 1