囲み数字のSVG素材、もっと自由に作れたら。
囲み数字って、フォントでは20番くらいまでしか対応していないって知ってましたか？
0〜99までの番号を、自由な色・形で、SVGとして一括生成できたら便利だな……と思って作ってみました。
こんなSVG画像を作れます
▶ SVG囲み数字アイコンジェネレーター
👉 ツールはこちら
- 0〜99まで対応（出力範囲は選択可能）
- 背景色・文字色・輪郭色・線の太さを自由に調整
- 円形／角丸／直角四角の選択が可能
- 文字の太さ（Normal / Bold）切り替え対応
- 1クリックで一括ZIPダウンロード
▶ こんな使い方におすすめ
- 手順書・教材資料の番号ラベルに
- ランキングやリストの数字装飾に
- スライド資料や動画テロップの番号バッジに
- UIパーツとしてのWebバッジに
▶ 利用ライセンス
このツールで生成されたSVGは、すべて パブリックドメイン（CC0） としてご利用いただけます。
商用・非商用を問わず、クレジット不要でご自由にお使いください。
▶ 開発背景と今後の拡張
囲み数字って一見地味だけど、手元にちょっと欲しいときがあるんですよね。
フォントやWebFontでは補えない部分を、オンザフライ生成＆一括DLできる形にしたら、 思った以上に実用的なツールに仕上がった気がします。
今後、以下のような拡張も検討中です：
- 数字以外の文字や記号に対応
- PNG形式の出力
- WordPressプラグイン化
使ってみて「これ便利！」と思っていただけたら、ぜひSNS等でシェアしてもらえると嬉しいです。
SVGの可能性、もっと広げていきましょう！
この記事は Mizuki Nozawa によって開発・公開されたツールの紹介です。
