シンプルなパターンがたくさん揃ってる!商用無料で使えるSVGの背景素材 -Basic Pattern Repository

シンプルなものからかわいいものまで、ベーシックなパターンが揃ったSVGフォーマットの背景素材を紹介します。インラインSVG、SVGファイル、Figma用が揃っており、SVGなのでカラー変更なども簡単です。

商用プロジェクトでも完全に無料で、こういうシンプルなパターンはさまざまなデザインに使用できるので、助かりますね。

ベーシックなパターンが揃ったSVGの背景素材 -Basic Pattern Repository

Basic Pattern Repository
Basic Pattern Repository -GitHub

Basic Pattern RepositoryはSVGで使用することを目的としたシンプルでベーシックなパターンのコレクションです。ライセンスはGPLv3で、商用プロジェクトでも無料で利用できます。

サイトのキャプチャ

Basic Pattern Repository

パターンを利用するのは簡単で、3通りの方法があります。

  • インラインのSVGとして使用する
  • .svgファイルとして使用する
  • Figmaで使用する

「インラインのSVG」は各パターンをクリックすると、コードが表示されます。「.svgファイル」はダウンロードをクリックすると、.svgファイルがダウンロードでき、CSSの背景画像として簡単に使用できます。

サイトのキャプチャ

Pattern #1

コードをドキュメントの<defs>に追加して、パターンします。

「Figmaで使用する」は、下記ページから。

サイトのキャプチャ

Basic Patterns for backgrounds

「Duplicate」をクリックすると、Figmaで使用できます(要Figmaのログイン)。

サイトのキャプチャ

Figma

シンプルなものから、かわいいものまで、ベーシックなパターンが揃っています。

サイトのキャプチャ

Figma

sponsors

top of page

©2021 coliss