Badge Maker
シンプルなバッジ画像(SVG形式)を生成する為のツールです。
GitLabなどのバッジスペースにリンクを設置する際の画像が欲しくて作ってみました。
下記のようなバッジ画像を、最低限の入力で簡単に生成することができます。
preview (プレビュー)
filename (ファイル名)
downloading
Download
fit_screen
Optimize
Automatically adjusts the button size according to the actual size of the string.
←文字列の実際のサイズに合わせてボタンサイズを自動調節します。
カラーセット →
スポイトで選択用
height (高さ)
font-size (フォントサイズ)
font-family (フォント)
width (幅)
bg-color (背景色)
text (テキスト)
split-type (2分割スタイル)
width2 (幅2)
bg-color2 (背景色2)
text2 (テキスト2)
svg-icon (SVGアイコン)
Enter the SVG code you want to add as icon.
↑アイコンとして追加したいSVGコードを入力してください。
SVGコードは下記オープンソースアイコンライブラリなどから入手可能です。
https://heroicons.dev
https://css.gg
icon-size (アイコンサイズ)
© 2022 funlab, Inc.