Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: SVG

[Icon] Simply beautiful open source icons – オープンソースのシンプルアイコン

  • Pocket
  • このエントリーをはてなブックマークに追加

シンプルな線画のオープンソースアイコン。フォーマットはSVGで、個別にダウンロードする事もまとめてダウンロードする事もできます。シンプルで分かりやすく上品な印象なので、いろんな場面で使えそうです。ベクターデータな点もナイス。

[Software] Svgsus – SVGファイルの管理・コンバートツール

  • Pocket
  • このエントリーをはてなブックマークに追加

SVGファイルを管理でき、かつCAShapeLayerでの書き出しまでできるMac用アプリケーション。デザイナー属性の人にとっては前者の管理ツールとしての使用がメインになるかと思います。できる事はあらかじめプリセットされているMaterial Designアイコンファイルの検索、新規SVGファイルの登録(フォルダ単位で放り込めばSVGセットとしてまとめる事もできます)、そして管理されたSVGファイルとベクターグラフィックアプリとの連携です。連携についてはIllustratorやSketch間において、ベクター画像をコピペし合う事ができます(ドラッグ&ドロップでもOK)。Illustratorだと最近じゃライブラリをCloud同期したりする事もできるけど、複数のドローツール使う人にとっては、このアプリだけでツールをまたいでSVGを管理できたりするので便利です。UIデザインの際にサクっとコードで書き出しまで行えるのも使い勝手が良さそうです。そして何よりも無料だというのが素晴らしい。AppStoreからダウンロードできます。

[Icon] Simple Icons – メジャーなWebブランドのSVGロゴデータ

  • Pocket
  • このエントリーをはてなブックマークに追加

メジャーなWebブランドのSVGロゴデータをまとめたサイト。各企業やサービスごとのイメージカラーも併せて紹介されていて、色順でソートされているようです。個別にダウンロードするのが面倒な時はGitHubからまとめてダウンロードできます。こうして見ると青系多いっすね。SVGフォーマットなので汎用的に使える点が便利です。

[Icon] SVG Porn – SVGロゴのコレクションサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

デベロッパーのための各種SVGロゴを集めたサイト。企業やサービスのロゴをSVGフォーマットで集めたサイトなんだけど、デベロッパー向けというだけあってAWSとかCodepenなどの、各種サービスやフレームワーク、CMS、Web規格のアイコン類が豊富に揃っています。SVGフォーマットで作られているので汎用性も高く、この手のサービスロゴを掲載したい時なんかに便利ですね。SVG Porn(ポルノ)というサイト名もクールです。

[Freebie] 11 Awesome Resources for SVG Icons – SVGアイコン配布サイトまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

SVGアイコンの配布サイトをまとめた記事。11の素材サイトが紹介されています。フォーマットがベクターデータだと拡大もできるし、なにより加工がしやすいのが利点ですよね。アイコン素材探す際の起点として使えそうです。またCSSと組み合わせてアニメーションする素材などもあるようです。