SVG– tag –
-
tldraw - ブラウザやVS Codeから利用できるドローツール
仕事や日常生活を送る上で、ちょっとした図を書くツールがあると便利です。 本日紹介する「tldraw」はそのような用途に便利な、コンパクトなお絵かきツールです。Webベースで動作するので、PCのブラウザや、タブレット、スマホなどさまざまなデバイスから... -
svg-grabber - SVG画像をまとめて閲覧・ダウンロードできるChrome拡張機能
近年解像度に影響を受けずに使用することができるSVG(Scalable Vector Graphics)ファイルが、Webサイトのロゴ画像やアイコン画像等で使用されることが多くなっています。 本日紹介する「svg-grabber」は、このSVGファイルをまとめて抽出し、確認・ダウンロ... -
Heroicons - MITライセンスを採用した高品質のSVGアイコンコレクション
拡大縮小しても品質が保たれるSVG(Scalable Vector Graphics)アイコンは、Web開発を始めとした様々な場面で幅広く使用されるようになってきています。 本日紹介する「Heroicons」は、そのようなSVG形式のアイコンを集めたアイコンコレクションリポジトリで... -
macSVG - macOS用のHTML5 SVGグラフィックエディタ
SVGとはScalable Vector Graphicsの略。拡大縮小しても画質が劣化しないことから、近年Webサイトで広く使われるようになってきています。 本日紹介する「macSVG」はこのSVGグラフィックを編集するためのmacOS用アプリです。 MITライセンスが採用されたオー... -
Railsで即使用可能な軽量SVGアイコンセット「Evil Icons」
「Evil Icons」はWebプロジェクトで使用するためにつくられた軽量のアイコンセットです(GitHub)。 Node.jsパッケージまたはRuby gemとして簡単にWebプロジェクトに組み込み可能で、各アイコンの名前を指定するだけですぐに使えるようになります。SVGアイコ... -
モダンWebのための全く新しいアイコンセット「Iconic」
モダンなWebサイトや、ツール、アプリなどで使うことを目的としたアイコンセット「Iconic」が話題となっています(Hacker News)。 多機能 アイコンの見た目自体は普通の感じですが、SVG形式(pngやweb fontもあり)で提供されていて、レスポンシブデザインに... -
高品質のSVFアイコン「Iconmelon」
「Iconmelon」は無料で使える高品質なSVGアイコンライブラリ(GitHub)。SVG形式のアイコンはベクター形式で拡大縮小しても、劣化しないという利点があり、最近多く利用されるようになってきました。ライセンスもMITライセンスなので使いやすいと思います。 ... -
「Snap.svg」を利用したアニメーションSVGアイコン「Animated SVG Icons」
Snap.svgを利用したアニメーションアイコン「Animated SVG Icons」が公開されています(紹介とダウンロード、デモ)。 それぞれのアイコンをクリックすると、ちょっとしたアニメーションが表示されます(矢印の向き反転する。時計が回転する。旗がたなびくな... -
iOS 7風デザインのアイコンフォント「ionicons」
「ionicons」はiOS 7風デザインのアイコンフォント集です(GitHub)。MITライセンス。使用方法はGitHubのほうに詳しく記述されています。 もともと、Ionic Frameworkと呼ばれるオープンソースのHTML5フロントエンドフレームワークで使われる予定のものらしい...
1