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

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

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

Hero Patterns

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

heropatterns.com

 

81 Users

3299 Pockets

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

 

3 Users

43 Pockets

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

 

2 Users

143 Pockets

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

 

33 Users

2070 Pockets

https://coolbackgrounds.io

https://coolbackgrounds.io

BGJar

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

bgjar.com

 

14 Users

363 Pockets

Free svg background generator

https://bgjar.com

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