Web制作の手間を少しでも省く！SVG作成ジェネレーター

この記事は【2022年7月21日】が最後の更新のため、記事の内容が古い可能性があります。

イラレなど扱えない・デザインが苦手な方にはおすすめ！そうじゃない方も制作の手間を少しでも省ける素敵なSVG作成ジェネレーター。個人的にもお世話になってるのを中心にご紹介。
背景などサイトのアクセントとしてご利用ください。

良さそうなのがあったら随時更新予定。

Hero Patterns

40種類以上のパターンから選べます。前景・背景・透過率を選択するシンプルな構成で扱いやすい。
SVGはCSSやダウンロードにも対応。

heropatterns.com

Hero Patterns

https://heropatterns.com

A collection of repeatable SVG background patterns for you to use on your digital projects.

Wave Generator

波の数、複雑さ、高さ、色、グラデーションを変更して、さまざまな種類のウェーブパターンを作成することが可能なWave Generator
PNGまたはSVGの出力が可能。

www.softr.io

SVG Wave Generator – Create SVG waves for your designs

https://www.softr.io/tools/svg-wave-generator

A free SVG wave generator to create beautiful SVG waves for your web design. Supports gradient, multiple layers, curves and more!

Generate SVG Waves

こちらもウェーブパターンを作成できますが、レイヤー数（波の数）を調整できます。グラデーションの選択も可能なのはありがたい。
PNGまたはSVGの出力が可能。

svgwave.in

Svg Wave - A free & beautiul gradient SVG wave Generator.

https://svgwave.in

SVG Wave is a minimal gradient svg wave generator with lot of customization. It lets you abiltiy to generate and export pngs and svgs of beautiful waves. SVG wave also lets you layer multiple waves. Create SVGs for your website designs.

Cool Backgrounds

パターン数は5種類と少ないけど個人的にデザインが好き。
パターンと用意されている配色から自由に組み合わせることができます。

coolbackgrounds.io

https://coolbackgrounds.io

BGJar

ウェブサイト、ブログ、アプリの背景使用に役立つ!無料のSVGジェネレーター。

bgjar.com

Free svg background generator

https://bgjar.com

Free svg background generator for your websites, blogs and app.

- PR -

ニッチなテーマのイラスト素材投稿始めました。良かったら使ってください。
RU DESIGN/無料イラスト・フリー素材「イラストAC」

オリジナル絵本　Kindleにて出版
ナマケモノのふにゃまるちゃん

ドメイン取得は同じところで取得しておくと便利ですよ。

応援・支援よろしくお願いいたします。サイト運営に使わせていただきます。

■BTC
1PPYM4493tNYVZuGxXnYLpVdKJXSwFagPQ
■MATIC
0xC75744667A7396DFF507cf44371A2CF0B6eEF03B
■ETH
0xC75744667A7396DFF507cf44371A2CF0B6eEF03B