ボタン作成ツール

基本設定

クラス名

リンク先

サイズ

ボタン文字

文字サイズ

文字太さ

アイコン

なしあり

アイコン設定

SVGを直接入力

使用したいSVGコードを入力すると、ボタンのアイコンとして使用できます。

使いたいアイコンが一覧にない場合は、SVGアイコン作成ツールでオリジナルのアイコンを作成できます。

作成したSVGコードをコピーして、上の入力欄に貼り付けてください。

SVGアイコン作成ツールを開く

アイコン位置

アイコンサイズ

文字との間隔

上下余白

左右余白

形

角丸

枠線の太さ

枠線色

背景

単色グラデーション

背景色

開始色

終了色

グラデーション方向

文字色

ホバー

なしあり

背景色

文字色

アイコン色

枠線色

切り替え時間

浮き上がり

立体効果

なし影厚み

横位置

縦位置

ぼかし

広がり

影の色

厚み

厚みの色

プレビュー