1分でわかるSVG
SVGファイルはプレーンテキストです。ブラウザ・テキストエディタ・デザインツールで開き、HTMLのように読み、色・サイズ・形状を画質を劣化させずに変更できます。だからUI・ロゴ・ボタンはベクターで配布されます。
SVG NexusはオープンソースのSVGアイコンライブラリとイラストをカタログ化し、React・Vue・HTML・CSS・デザインツールへそのままコピーできます。登録不要、アップロード不要です。
パスは数式であってピクセルではありません。同じファイルが16pxのファビコンでもレティナのロゴでも4Kのスライド図でも鮮明です。
fill や stroke を一度変えるだけで図形全体が追従します。CSS の keyframes と hover は、JavaScript なしでインライン SVG に効きます。
アイコンは数KBへ圧縮され、どんなサーバーからも gzip で効率よく配信でき、検索エンジンやスクリーンリーダーも読めます。