[B! SVG] miholovesqのブックマーク

ブックマークしておくと便利！背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめ

WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等高線やねじれ線、ぼかしやノイズなど、いざという時にブックマークしておくと便利です。 fffuel -free SVG makers fffuelでは背景やテクスチャをはじめ、パターン、シェイプ、グラデーション、装飾グラフィックなどを生成するSVGツールがたくさんリリースされています。生成されるフォーマットはすべてSVGで、PNGに変換したい場合は変換ツールをご利用ください。生成した素材は、個人でも商用プロジェクトでも無料で利用できます。ツールはかなりたくさんあり、その中からいくつか紹介

miholovesq 2022/08/11

リンク

無料＆商用利用可能な100点以上のイラストをまとめた「illlustrations」

グルメサイトのZomatoでチーフデザイナーを務めるVijay Verma氏が2016年に行った「100日間で100個のイラストを作成するチャレンジ」で描いたイラストをベースとした、無料かつ商用利用可能なオープンソースのイラストキットが「illlustrations」です。 illlustrations - open source illustrations kit https://illlustrations.co/ 「illlustrations」に収録されているイラストの一例は以下の通り。単色の背景にひとつのモノを描いたイラストが多く、デザインで使用したりSNSのアイコンにしたりもできそうな、キュートな見た目のものが多数存在します。 iPod コントローラーカメラプリンター電動スクーター花火ハードディスククジラビル文房具ハンバーガークリスマスツリープログラミング

miholovesq 2021/08/31

素材
SVG

リンク

Vivus Instant - inline SVG animation with CSS

Make stroke drawing animation without JavaScript. Simply drag and drop your stroke based SVG and set your options. The result will be animated by CSS and ready to export, and used inline or in a <object> tag. More information If you want to play with, here is the un-animated logo. This is a beta, expect crashes, bananas and explosions (especially on IE/Edge). Also use the amazing SVGOMG to clean y

miholovesq 2021/05/14

SVG

リンク

全部、完全に商用利用無料！スマホのUIデザインに適した2,186種類のSVGアイコン素材 -Fluent Icons

MicrosoftからAndroidやiOSのスマホのUI向けにデザインされたSVGアイコンを紹介します。もちろん、デスクトップで使用しても問題ありません。アイコンは角が丸く、形状が単純化されており、スマホでの視認性や操作性が考慮されています。スタイルはソリッドとベタ塗りの2種類、2,186種類すべてがSVGアイコンです。 Fluent Icons ※オープンソースなので、有志によるサイトも作成されています。 MITライセンスで、商用プロジェクトでも無料で利用できます。アイコンは全部で、2,186種類！アイコンのスタイルは、Regularのソリッド、Filledの塗りつぶしの2種類。スマホのUI用に、24pxでデザインされたアイコン。ダークモードにも対応。アイコンはSVGで、コードのコピーあるいはファイルのダウンロードで利用できます。すべてSVGアイコンなので、サイズやカラー

miholovesq 2020/12/24

リンク

Web制作の時短に！2020年の便利オンラインツール・ベスト100選

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。コンテンツ目次 1. CSSツール（14個） 2. パターンツール（7個） 3. イラスト系ツール（3個） 4. デザインツール（10個） 5. 配色カラーツール（6個） 6. グラデーションツール（3個） 7. SVGツール（8個） 8. スクリーンショ

miholovesq 2020/12/22

リンク

全部、完全に商用利用無料！さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons

企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEm bl emiconsを紹介します。先日ローンチしたばかりで、アイコンの種類はなんと1,064種類！ SVGだけでなく、各サイズのPNGも揃っており、すべてオープンソースです。 Em bl emicons Em bl emicons -GitHub Em bl emiconsの特徴 Em bl emiconsのダウンロード Em bl emiconsの使い方 Em bl emiconsの特徴 Em bl emiconsは、デザイン・デベロッパー・プレゼン・学術プロジェクトなどで一般的かつ、頻繁に使用されるアイコンのオープンソースライブラリです。 MITライセンスで、個人および商用のプロジェクトで、アイコンは完全に自由に使用およびダウンロードできます。

miholovesq 2020/10/03

リンク

商用利用無料、UIデザイン用のSVGアイコンが220種類！改変・再配布も可の太っ腹ライセンス -System UIcons

システムとプロダクトのUI用にデザインされた、オープンソースのSVGアイコンを紹介します。Webサイトやスマホアプリに最適です！アウトラインのシンプルなデザインで、220種類のアイコンが揃っています。SVGなので、サイズやカラーなども簡単に変更して利用できます。 System UIcons System UIcons -GitHub System UIconsの特徴 System UIconsのダウンロード System UIconsの使い方 System UIconsの特徴 System UIconsは、システムとプロダクトのUIによく使用されるアウトラインのアイコンです。フォーマットはSVGなので、使いやすいと思います。ライセンスはThe Unlicenseで、商用プロジェクトでも無料で利用できます。改変・再配布もOKです。

miholovesq 2020/08/20

素材
SVG

リンク

商用無料！UIデザインに最適なSVGアイコンが1,130個、小さいスペースにも配置できる極小サイズ対応の優れもの

個人でも商用プロジェクトでも無料で利用できる、小さいスペースにも配置できる極小サイズ対応のSVGアイコンを紹介します。SVGアイコンなので、もちろん通常のサイズ、大きいサイズでも美しく表示されます。 UIデザイン用のアイコンはアウトライン・ソリッドの2種類計1,130アイテムが揃っています。しかもオープンソースなのは、嬉しいですね。 Teenyicons Teenyicons -GitHub Teenyiconsの特徴 Teenyiconsのダウンロード Teenyiconsの使い方 Teenyiconsの特徴 Teenyiconsは非常に小さいスペースにも配置できるようデザインされたSVGアイコンで、極小サイズ（15x15）でも鮮明に見えるよう設計されています。 MITライセンスで、商用プロジェクトでも無料で利用できます。

miholovesq 2020/07/29

リンク

商用利用無料、UIデザイン用のSVGアイコンが558種類！デザインに合わせたカスタマイズも簡単な優れもの

企業サイトはもちろん、プロダクト、コマース、ショップ、アプリ、ブログなど、さまざまなUIデザインのSVGアイコンが無料で利用できるTabler Iconsを紹介します。 SVGアイコンの数はなんと558種類で、オープンソース！豊富なアイテムに加え、カラーやサイズやストロークなどのカスタマイズも簡単で、自分のデザインに合ったSVGアイコンを利用できます。