はい、完全無料です。アカウント登録も不要で、制限なく使えます。

データは安全ですか？

すべての処理はブラウザ内で完結します。SVGデータがサーバーに送信されることはありません。

PNGに変換すると画質は下がりますか？

SVGはベクター形式なので拡大しても劣化しませんが、PNGに変換するとラスター化されるため、必要なサイズで変換してください。

SVGをBase64エンコードした文字列で、CSSのbackground-imageやHTMLのimgタグに直接埋め込めます。小さなSVGアイコンなどに便利です。

はい、.svgファイルを直接アップロードしてプレビューできます。コードを貼り付ける方法と併用可能です。

SVGコードを無料・登録不要・ブラウザ完結でプレビュー・編集・変換できるツールです。サイズや背景色を変更しながらリアルタイムで確認し、PNG変換やData URIコピーも可能です。

リアルタイムプレビュー

SVGコードを入力すると即座にプレビューが更新

背景色・サイズ変更

透明・白・黒・ダークの背景色とサイズを自由に調整

PNG変換・Data URIコピー

SVGをPNGに変換してダウンロード、またはData URIとしてコピー

Webデザイナー

SVGアイコンの表示を背景色を変えて確認したいとき

透明・白・黒・ダーク背景を切り替えてSVGの見え方を即チェック

フロントエンドエンジニア

SVGをPNGに変換したりData URIとして埋め込みたいとき

PNG変換・Data URIコピーをワンクリックで実行

コーダー

SVGコードのviewBoxやサイズ情報を素早く確認したいとき

コードを貼り付けるだけでサイズ・viewBox等の情報を自動表示

無料ですか？: はい、完全無料です。アカウント登録も不要で、制限なく使えます。
データは安全ですか？: すべての処理はブラウザ内で完結します。SVGデータがサーバーに送信されることはありません。
PNGに変換すると画質は下がりますか？: SVGはベクター形式なので拡大しても劣化しませんが、PNGに変換するとラスター化されるため、必要なサイズで変換してください。
Data URIとは何ですか？: SVGをBase64エンコードした文字列で、CSSのbackground-imageやHTMLのimgタグに直接埋め込めます。小さなSVGアイコンなどに便利です。
ファイルアップロードに対応していますか？: はい、.svgファイルを直接アップロードしてプレビューできます。コードを貼り付ける方法と併用可能です。