好みの形のblobをSVGで作れるシェイプジェネレーター・「ssshape」
ssshape ssshapeは好みの形のblobをSVGで作れるシェイプジェネレーターです。以前ご紹介したBlobsはランダムでしたがこちらは形を自分で決める事が出来ます。 ポイントの場所を指定すれば右下に☆ssshapeとい...
Resource - SVG
ベーシックなタイプのいろいろなSVGパターンを配布する・「Basic Pattern Repository」
Basic Pattern Repository Basic Pattern RepositoryはベーシックなタイプのいろいろなSVGパターンを配布するパターン配布サイトです。 斜線や罫線、方眼、波線などどこでも見かけるような...
SkechやFigmaで使えてReact、Vue等もサポートするオープンソースの国旗アイコンのセット・「Flagpack」
Flagpack FlagpackはSkechやFigmaで使えてReact、Vue等もサポートするオープンソースの国旗アイコンのセットです。 250以上の国の国旗がSVGで書かれており、3種類のサイズで用意されており、デザイナ...
アスキーアートをSVG化し、ダイアグラム等をプレーンテキストで作図できるOSS・「Svgbob Editor」
Svgbob Editor Svgbob EditorはアスキーアートをSVG化し、ダイアグラム等をプレーンテキストで作図できるOSSです。 上図のようにプレーンテキストで書いた図がそのままSVGで出力されるので複雑なダイアグラ...
900以上のシンプルなSVGアイコンをオープンソースで提供するアイコンプロジェクト・「Iconoir」
Iconoir Iconoirは900以上のシンプルなSVGアイコンをオープンソースで提供するアイコンプロジェクトです。900という数は、同じアイコンで線画と塗りがある、というものではなく純粋に900種以上のアイコンが用意されています...
シンプルで汎用的なアイコンを無料で配布するプロジェクト・「Iconic」
Iconic Iconicはシンプルで汎用的なアイコンを無料で配布するプロジェクトです。現在保管されているものに加えて、毎週一定数のアイコンが追加されるそうです。 細かくカテゴライズされており、今後数が増えても目的のアイコンを探...
任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できる・「CSS Filters Generator」
CSS Filters Generator CSS Filters Generatorは任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できるWebアプリです。 画像はサンプルが用意されていますが、アップロー...
ユニークなSVG背景を簡単に作成できるWebアプリ・「Haikei」
Haikei HaikeiはユニークなSVG背景を簡単に作成できるWebアプリです。いくつかの雛形から選んで形状や色、サイズやオブジェクトの数などを決定してDLする、というもの。 用意されている雛型は波状のものやサークル、アメー...
カスタマイズしてダウンロードできるオープンソースのシンプルなSVGアイコンセット・「HOLA SVG」
HOLA SVG HOLA SVGはその場でカスタマイズしてダウンロードできるオープンソースのシンプルなSVGアイコンセットです。 Strokeの太さや色、fillの色を変更したり角丸にしたりStrokeを破線に変更するなどが可...
商用でも使えるSVGアイコンのセットを大量に収集、検索できる・「SVG Repo」
SVG Repo SVG Repoは商用でも使えるSVGアイコンのセットを大量に収集、検索できるSVG検索エンジンです。 さらにほとんどのアイコンは無償配布されているものに絞って収拾されているみたいで数にして30万以上のアイコン...
SVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリ・「SVGX」
SVGX SVGXはSVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリです。Win、Macの両OSに対応しています。Electron + Svelteで作られているようです。 端末内の任意のSVGのプレビ...
汎用的に使えるスケーラブルな200以上のオープンソースアイコンセット・「Majesticons」
Majesticons Majesticonsは汎用的に使えるスケーラブルな200以上のオープンソースアイコンセットです。 丸みのある線画のアイコンと塗りの2セット用意されており全てSVGとなっている他、Figmaでも利用できる...
クレジット表記も不要で自由に使えるオープンソースのイラスト配布プロジェクト・「Illustration Kit」
Illustration Kit Illustration Kitはクレジット表記も不要で自由に使えるオープンソースのイラスト配布プロジェクトです。 様々なシーンや人物のゆるいスタイルのイラストがすでに大量に公開されており、PN...
様々なパターン背景をカスタマイズしてダウンロードできる・「Vector Pattern Generator」
Vector Pattern Generator Vector Pattern Generatorは様々なパターン背景をカスタマイズしてダウンロードできるWebアプリです。 よくある背景ジェネレーターですが、カスタマイズ性が割と...
SVGのパスを作成、操作できるオープンソースのSVGパスエディター・「SvgPathEditor」
SvgPathEditor SvgPathEditorはSVGのパスを作成、操作できるオープンソースのSVGパスエディターです。 実際に完成図を直感的に操作可能で、データが即時反映されます。左ペインからデータを編集する事も可能で...
1000以上用意された汎用的なスタイルのオープンソースのSVGアイコンセット・「EOS Icons」
EOS Icons EOS Iconsは1000以上用意された汎用的なスタイルのオープンソースのSVGアイコンセットです。 超大量に用意されたアイコンは様々なシーンや属性を問わず利用しやすく設計されています。SVGとタイトルに書...
各SNSやWebアプリなどのアイコンを全て1KB以下で作られた軽量SVGアイコン集・「Super Tiny Icons」
Super Tiny Icons Super Tiny Iconsは各SNSやWebアプリなどのアイコンを全て1KB以下で作られた軽量SVGアイコン集です。 TwitterやInstagram、Tumblrなどお馴染みのSNSや...
任意のSVGファイルをアップロードして色を変更したり背景を追加したりできるオンラインSVGエディタ・「Iconscout Icon Editor」
Iconscout Icon Editor Iconscout Icon Editorは任意のSVGファイルをアップロードして色を変更したり背景を追加したりできるオンラインSVGエディタです。 アップロードするSVGを選択するか...
シンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリ・「Pattern Monster」
Pattern Monster Pattern Monsterはシンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリです。 波状や罫線、レンガ状、方眼紙、、サークルを使ったものやスクエ...
ゆるいタッチのシンプルなSVG線画アイコンセット・「Streamline free DSP package」
Streamline free DSP package Streamline free DSP packageはゆるいタッチのシンプルなSVG線画アイコンセットであるStreamlineの無料版です。 Streamlineでは3...
小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセット・「Radix Icons」
Radix Icons Radix Iconsは小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセットです。 15×15のとても小さなサイズで設計されていますが、どれも視認性を損なう事無く、ど...
シンプルで汎用的なオープンソースのアイコンセット・「Mono Icons」
Mono Icons Mono Iconsはシンプルで汎用的なオープンソースのアイコンセットです。136個の、よく利用されるようなアイコンが用意されています。 WebやモバイルなどのアプリやWebサイトなど、様々なデジタルプロダ...