レスポンシブが盛んな昨今。PCとスマートフォン両方で使用することができ、かつ綺麗に表示させることが可能なSVGファイルは、非常に便利。今回ご紹介する「40 Excellent SVG Tools and Dozens of Icon Sets」ではSVGに焦点をあてた便利なツールがまとめられています。

Plain Pattern

SVGファイルを編集してアニメーションを制作できるツールなどこれから必要になるコンテンツが多数収録されており、その中から気になったものをいくつかピックアップしていますので下記よりご覧下さい。

詳しくは以下

Snap.svg – Home
SVGファイルを自由に編集することができ、簡単な操作でアニメーション化を行うことができます。サイト内にソースコードが書かれているので、分かりやすいのもポイント。デモがあるので、一度ご覧下さい。
　
　
　

SVGMagic – Great jQuery SVG fallback plugin
古いブラウザだとSVGファイルがサポートされておらず、表示されないこともありますが、SVGMagicを使用すれば自動的に最適なデータに入れ替えてくれます。古いブラウザを気にする手間が省けるのは非常に嬉しいポイント。
　
　
　

Free Download: Responsive eCommerce Icon Set | Plug and Play
レスポンシブに応じて3つのバージョンで制作されたアイコンが収録されています。機種ごとにアイコンを制作したり、探す時間がなくなるので便利です。SVGファイルの他にAIやjpgなど様々な形式で使用することが可能。
　
　
画面サイズが変わっても綺麗に表示されるSVGはこれからもっと活躍するファイル形式です。使用する際には便利なツールも多く知っているとその強みを最大に活かしながら、制作を行うことができるのではないでしょうか。
この他にも便利なツールやアイコンセットが多く収録されているので一度チェックしてみてください。

40 Excellent SVG Tools and Dozens of Icon Sets | NOUPE