TOP  >  Tool  >  便利で優秀なSVGツールとアイコンセットのまとめ「40 Excellent SVG Tools and Dozens of Icon Sets」
2017年08月30日

便利で優秀なSVGツールとアイコンセットのまとめ「40 Excellent SVG Tools and Dozens of Icon Sets」

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

svg_top
Plain Pattern

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

詳しくは以下

svg_1
Snap.svg – Home
SVGファイルを自由に編集することができ、簡単な操作でアニメーション化を行うことができます。サイト内にソースコードが書かれているので、分かりやすいのもポイント。デモがあるので、一度ご覧下さい。
 
 
 
svg_2
SVGMagic – Great jQuery SVG fallback plugin
古いブラウザだとSVGファイルがサポートされておらず、表示されないこともありますが、SVGMagicを使用すれば自動的に最適なデータに入れ替えてくれます。古いブラウザを気にする手間が省けるのは非常に嬉しいポイント。
 
 
 
svg_3
Free Download: Responsive eCommerce Icon Set | Plug and Play
レスポンシブに応じて3つのバージョンで制作されたアイコンが収録されています。機種ごとにアイコンを制作したり、探す時間がなくなるので便利です。SVGファイルの他にAIやjpgなど様々な形式で使用することが可能。
 
 
画面サイズが変わっても綺麗に表示されるSVGはこれからもっと活躍するファイル形式です。使用する際には便利なツールも多く知っているとその強みを最大に活かしながら、制作を行うことができるのではないでしょうか。
この他にも便利なツールやアイコンセットが多く収録されているので一度チェックしてみてください。

40 Excellent SVG Tools and Dozens of Icon Sets | NOUPE

posted 09:00  |  
Category: Tool   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る