Resource - SVG

汎用的で使いやすいアイコンを意識してデザインされたオープンソースのSVGアイコンセット・「Humbleicons」

Humbleicons Humbleiconsは汎用的で使いやすいアイコンを意識してデザインされたオープンソースのSVGアイコンセットです。 シンプルでクセの無いスタイリングで、そのまますぐにプロジェクトで使えるようなアイコンと...

ピクセルアート風の350以上のアイコンをまとめたオープンソースのSVGアイコンセット・「Pixelarticons」

Pixelarticons Pixelarticonsはピクセルアート風の350以上のアイコンをまとめたオープンソースのSVGアイコンセットです。 24×24のグリッドでデザインされており、各アイコンのSVGコードはその場でコピ...

オープンソースのピクセルアートなアイコンセット・「Skware」

Skware Skwareはオープンソースのピクセルアートなアイコンセットです。小さめのドットでアイコンとしての可視性も低くなく、スケーラブルなアイコンとなっており割と汎用的な印象です。 種類は100個ほどとなっています。フォー...
Ads

様々なオープンソースのアイコンプロジェクトを編集してダウンロードしたりコードをその場でコピーできる・「Iconer」

Iconer Iconerは様々なオープンソースのアイコンプロジェクトを編集してダウンロードしたりコードをその場でコピーできるWebアプリです。 FeatherやIonic、Heroiconsなどなど頻繁に利用されているアイコン...

縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディター・「minimator」

minimator minimatorは縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディターです。方眼紙のようにドットによるグリッドに沿って縦線、横線、四分円にいずれかを使い、線画を作成できるエディター的なもの...

アイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリ・「Icon Shelf」

Icon Shelf Icon Shelfはアイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリです。Web開発者向けのアイコンマネージャーとして開発されています。 React、Electronベー...

任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリ・「SVG Quick Editor」

SVG Quick Editor SVG Quick Editorは任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリです。 アップロードにはほとんど時間がかからず即座に表示されます。色やパスが個別に...

好みの形のblobをSVGで作れるシェイプジェネレーター・「ssshape」

ssshape ssshapeは好みの形のblobをSVGで作れるシェイプジェネレーターです。以前ご紹介したBlobsはランダムでしたがこちらは形を自分で決める事が出来ます。 ポイントの場所を指定すれば右下に☆ssshapeとい...

ベーシックなタイプのいろいろな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パスエディターです。 実際に完成図を直感的に操作可能で、データが即時反映されます。左ペインからデータを編集する事も可能で...
Ads