現場で役立つ、SVGアイコン調整術 最終回 SVGアイコンの余白の調整 - 3 最終回はviewBoxの値と、width属性、height属性を使ったSVGアイコンの余白の調整を解説します。少しややこしいですが、どの属性を設定すると、どのような調整ができるのかしっかり押さえましょう。 カテゴリー 画像 > SVG 2025年10月2日 発行 著者 藤田 智朗 フロントエンド・エンジニア 現場で役立つ、SVGアイコン調整術 シリーズの記事一覧 このシリーズの記事 目次 はじめに ViewBoxのおさらい viewBoxで余白を増やす viewBoxで余白を削る preserveAspectRatio属性を使うか、viewBox属性を使うか まとめ この記事を読むには 購読の手続きが必要です 購読の手続きへ 購読済みの方はログイン 月額880円(税込) + 初めてお申し込みの方には、30日間無料でお使いいただけます 第3回 SVGアイコンの余白の調整 - 2