SVG形式のファビコンを設置しよう | Webクリエイターボックス

2020/02/12 137 users ファビコン SVG PNG Webクリエイターボックス 画質

2020年2月13日 SVG, Webサイト制作 つ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要は... 続きを読む

ブラウザから即起動！ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）

2017/01/26 282 users APPGIGA ブラウ 0310lan SVG画像 アプギガ

どうも、まさとらん（ @0310lan ）です！ 最近は、Webサイトの制作などで「SVG形式」の画像を使うことが多くなっていますが、自分で作成してみたいと思ったことはないでしょうか。 そこで今回は、ブラウザから誰でも簡単に「SVG形式」の画像を作成できるように工夫されたオススメのWebエディタをご紹介しようと思います！ 【 Vectr 】 「Vectr」は、面倒なログイン登録なども不要で、ブラウ... 続きを読む

リンクもまるごとキャプチャしてSVGで出力するChromeスクリーンショット拡張をつくりました - ShikousakuGo

2016/04/06 221 users jpg PNG SVG スクリーンショ 自作

2016 - 04 - 06 リンクもまるごとキャプチャしてSVGで出力するChromeスクリーンショット拡張をつくりました 自作 スポンサーリンク 閲覧しているウェブサイトの選択された範囲のスクリーンショットを撮ってSVG形式でダウンロードできるChrome拡張機能をつくりました．SVGで出力しているため，普通のPNGやJPGと比べると，以下のような少しだけ高度なことができます． スクリーンショ... 続きを読む

IllustratorとIcoMoonでSVGスプライトのラクラク設定！ | Webクリエイターボックス

2016/02/10 102 users IcoMoon SVGスプライト Illustrator

繰り返し使うSVG形式のアイコン等を表示する際に便利なSVGスプライト。しかし、 symbol タグで囲んで…一つ一つにIDを付けて… viewBox 属性をコピペして…と、本当にコーディングがめんどくさい！新規プロジェクトを始める度に設定するのが煩わしくなり、いろいろと楽する方法を試した結果、アイコンジェネレーターツールの「 IcoMoon App 」を使う方法に落ち着いたので、やり方を紹介した... 続きを読む

無料で商用利用できる161種類のSVG形式のアイコンパック「GlyphPack」 - GIGAZINE

2014/12/10 261 users GIGAZINE ウェブデザイン 商用 デバイス アイコン

同じウェブサイトでもデバイスによってデザインが崩れていたりすると、複数のデバイスを使い回すマルチタスクユーザーにとっては地味ながらストレスに感じるもの。そんなマルチデバイス化が必要なウェブデザインのアイコンにおいて、どんなサイズにしても劣化させずに使えるSVG形式で、無料かつ商用利用も可能というベクターアイコンパックが「GlyphPack」です。 GlyphPack - The Most Indi... 続きを読む

ASCII.jp：流行のSVGアニメを手軽に作れるLazy Line Painter｜こうめの“これから使える”jQueryプラグイン

2014/07/18 62 users jQueryプラグイン 流行 ASCII.jp iPhone

今回紹介するプラグイン Lazy Line Painter 「Lazy Line Painter」 は、最近流行のSVGを使ったパスアニメーションを手軽に作れるプラグインです。自分で描いた線画をSVG形式で読み込み、手で描いたような動きをつけて表示できます。 あまり複雑な動きはできませんが、「Tatenaga GIF」のiPhoneの線画のように、さりげなく取り入れるにはぴったりのプラグインです。... 続きを読む

レスポンシブデザイン・マルチカラー化対応で汎用性の高いSVG形式アイコン「Iconic」 - GIGAZINE

2014/05/29 70 users Iconic finally GIGAZINE レスポンシブ

「モダンなウェブのためのインタラクティブアイコンを」ということで作られたのが「Iconic」です。アイコンはSVG形式でも提供されているのでウェブ上でも簡単に利用でき、なおかつ、CSSを使ってアイコンの一部分だけに色をつけたり、マルチカラーで統一したり、変形させたり、レスポンシブにサイズ変更したりということも可能です。 Iconic https://useiconic.com/ Finally, ... 続きを読む

ユニークデザインのアウトライン無料アイコン素材まとめ（PSD、ベクター、SVG形式）PhotoshopVIP |

2014/02/24 71 users PhotoshopVIP psd ベクター

iOS 7に採用された、ラインのみで描かれたシンプルなアイコンは、2014年デザイントレンドになりつつある「シンプル、ミニマルスタイル」との相性も使い勝手のよい素材です。PhotoshopやIllustratorで編集できる素材を中心にまとめています。 海外デザインブログGraphics Fuel.comで、アウトラインで描かれた無料アイコン素材セットをまとめたエントリー「20+ Free Set... 続きを読む

無料で商用利用もできるベクター形式のシンプルなアイコン60個セット - GIGAZINE

2012/09/26 219 users GIGAZINE ARCH アイコンセット ベクター形式 着色

クレジット表記なしで無料で商用利用できる60個のシンプルなアイコンセットがWebディレクションやWebデザインの情報を掲載しているArchからダウンロードすることができます。パスの変更・着色・拡大縮小などの加工も可能で、Illustratorなどのソフトで簡単に編集できるSVG形式となっています。 SVG形式のシンプルなアイコン60個セット | Arch http://www.ar-ch.org/... 続きを読む

SVG形式のシンプルなアイコン60個セット | Arch

2012/09/25 115 users イラストレーター 着色 自作アイコン バス アイコン

自作アイコンがたまってきたので、特に自分が良く使うシンプルなアイコンを配布してみます。SVG形式でイラストレーターで編集できます。アイコンは、商用無料でクレジット表記なしでお使いいただけます。 ご使用にあたって 以下を守ってお使いください。 禁止事項 × 再配布、またはダウンロード可能な状態にすること × 販売 × 素材への直リンク 許可事項 ○ パスの変更・着色・拡大縮小などの加工 ○ 商用・非... 続きを読む

475種類の汎用に使えるフリーのアイコンセット:phpspot開発日誌

2011/04/03 84 users アイコンセット クレジットカードアイコン free 汎用 形式

475 Free & Awesome High Quality Icons For Designers 475種類の汎用に使えるフリーのアイコンセット。 次のようなアイコンセットが公開されています。 SVG形式、PNG形式(32x32, 48x48, 100x100)の形式で配布されていますので利用しやすいですね。 関連エントリ綺麗にデザインされたクレジットカードアイコン色々 モダンなブラウザアイ... 続きを読む

無料で利用可能な400個以上のベクター＋PNG形式アイコン詰め合わせパック「Seven Icon Pack」 - GIGAZINE

2011/03/31 519 users free PNG形式 アイコン GIGAZINE 中身

SVG形式・100×100、48×48、32×32のPNG形式で無料配布されているのがこの「Seven Icon Pack」です。400個以上（中身のファイルを見ると全部で478個）もの高品質なアイコンが入っており、かなり実用的なデザインとなっています。 ダウンロードは以下から。 475 Free & Awesome High Quality Icons For Designers SVG形式 h... 続きを読む

国土地理院、SVG形式の地図データを公開

2007/07/20 174 users 国土地理院 地図データ オープンフォーマット 公開 SVG

国土地理院は19日、SVG（Scalable Vector Graphics）形式の地図データを一般に公開したと発表した。同日現在で公開しているのは関東から中部にかけての範囲で、25,000分の1地形図の50面分に相当する。 　SVGは、ベクトルグラフィックスの標準形式としてW3Cが勧告している規格で、XMLをベースにしているためデータの相互利用に適しているほか、地図のオープンフォーマットとしても... 続きを読む

無料で利用できるアイコン集「Tango Icon Library」 - GIGAZINE

2007/05/05 290 users GIGAZINE クリエイティブコモンズライセンス 無料

クリエイティブコモンズライセンスにて提供されており、無料で使うことができます。また、16x16、22x22、32x32の3種類のサイズのPNG画像以外にも、SVG形式で提供されているため、好きなサイズに変換して利用することも可能です。 ダウンロードは以下から。 Tango Icon Gallery - Tango Desktop Project 使用条件についてはこのページの「Terms Of U... 続きを読む

GIGAZINE - Illustratorのようにベクター画像を扱うフリーソフト「Inkscape」

2006/07/05 489 users GIGAZINE Inkscape FreeBSD 解像度

いわゆるSVG形式のベクター形式画像ファイルを扱う時に便利なオープンソースのソフトウェア。開いたSVGファイルを任意の解像度のPNGファイルに変換できます。また、Illustratorのようにベクター形式で画像を作成することも可能。Linux、Windows 2000/2003/XP、Mac OS X、FreeBSDなどで動作します。 実際のインストールと利用方法は以下の通り。 Inkscape.... 続きを読む