Ten reasons we switched from an icon font to SVG
We use a lot of icons on lonelyplanet.com and recently went through the task of transferring them from an icon font to SVG files. I wanted to share why we did this along with some of the drawbacks to SVG and how we got around them. 1. Separation of concernsWe use a custom font on lonelyplanet.com and we used to bundle the icons into the same file, storing the glyphs within the Private Unicode Area
保存アイコンでみえてくるアイコンデザインの勘違い
先日 Goodpatch さんが 保存アイコン＝フロッピーディスクの時代は終わった…？ という興味深い記事が掲載されていました。フロッピーディスクを保存アイコンをとして採用するのは古いのではないか、という議論は国内外で何年かに一回はあります。私も 2009 年に変わりゆく「保存」の存在と題してフロッピーディスクアイコンのあり方も踏まえて、今後の保存の姿を模索していました。また、先月開催された Android Bazaar Conference 2013 Spring でも同じ話題に触れています。 アイコンと問題解決について 様々なデザイナーが新しい保存アイコンを提案しているものの、「うん、これは保存だ」と納得できたものはほとんどなかったと思います。ダウンロードにみえるものも少なくありませんし、中には抽象的すぎて何を意味しているのかさえ分からないのもあります。自分たちのクリエイティブアウトプ
保存アイコン＝フロッピーディスクの時代は終わった…？ | Goodpatch Blog
まずはアイコン素材配布サイトから。 今は無料で使えるアイコン素材配布サイトが多いので、ここからダウンロードしてデザインする時に使う人も多いのではないでしょうか。まずはそのアイコン素材配布サイトで”save”と検索した結果を見てきます。 iconmonstr http://iconmonstr.com/ 以前にもMEMOPATCHで紹介した事のあるサイトです。ここはフロッピーディスクもありますがクラウドっぽいアイコンや下向き矢印のアイコンもありますね。 softicons http://www.softicons.com/ こちらはほとんどフロッピーディスクのアイコンです。しかも立体的なアイコンが多いです。 iconfinder http://www.iconfinder.com/ こちらもフロッピーディスクのアイコンが多いですが、下矢印やチェックマークもあります。 次に有名なサービスやアプ
iOS, Mac, win, Androidのアプリアイコンサイズまとめ | Goodpatch Blog
こんにちは！ 最近Goodpatchでアプリの制作依頼をいただくようになったので、この機会にアプリを作る際に必要なアプリのアイコンサイズを一通り調べてみました！ 調べたのは以下の6種類です。調べた限りこれらがまとまっている記事がなかったのでMEMOPATCHで記事にしました。（サイズは全てピクセルです） ◯PC ・Mac OS ・Windows XP ・Windows 8 ◯モバイル ・iOS ・Android ・Windows Phone 7 16 x 16（icon_16x16 .png） 32 x 32（icon_16x16@2x .png） 32 x 32（icon_32x32 .png） 64 x 64（icon_32x32@2x .png） 128 x 128（icon_128x128 .png） 256 x 256（icon_128x128@2x .png） 256 x 25
Thousands of free Vector icons and Icon Webfonts for Interfaces and Responsive web design
We present to you an interesting and exciting selection of Free Icons, flat icons, symbols and pictograms with vectorial content, especially designed for UI design, menus, lists, webapps or native apps.On a different note, we've made a selection of the most recent Icon Webfonts designed specifically for responsive projects and to solve problems like graphics resolution in retina displays. These cu
意外と知らない？アイコンはWebフォントでつくるとこんなに便利！
Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ！ 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
icon edit online｜アイコンエディットオンライン
icon edit online 32ピクセル×32ピクセルの.pngファイル作成ツール create pool delete titleuntitled nameunknown date2019/02/02 19:17:08 delete titleuntitled nameunknown date2019/02/01 12:16:09 delete titleuntitled nameunknown date2019/02/01 12:14:58 delete titleuntitled nameunknown date2019/01/31 11:41:50 delete titleuntitled nameunknown date2019/01/31 11:41:39 delete titleuntitled nameunknown date2018/11/14 18:18:05 d
The Camera Collection
A collection of camera iconsA collection of 100 pixelated camera illustrations for anybody to download and use in whatever way they see fit. The camera illustrations are under the Creative Commons Attribution 3.0 Unported License. This means you can do absolutely anything with them but you gotta give me (Billy Brown) credit somewhere.
CSSでアイコンをデザイン
ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ
家紋合成ジェネレータ（テスト版）
ジェネレーターのURLは変更になりました。 自動でジャンプしない場合は、下記のURLをクリックしてください。 http://kojodan.jp/tools/icon_gen/kamon/
Hlvticons
Preview Hlvticons Basic 245 icons Preview $279 Purchase Extras 232 icons Preview $259 Purchase Additional 123 icons Preview $159 Purchase Complete 600+ icons All icon packs $499 Purchase Read license agreement. 7 file formats Seven file formats of which six are in scalable vector format. The set contains a lot of different file format, such as .gs for Omnigraffle icons, and .chs for Photoshop shap
3flab inc.
フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資本金 3,000,000円（2014/8現在） 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icon fonts vs. svg icons – Donny Wals
Transformicons - Your Go-To for Auto, Bike, and Truck Care Blog
Dashicons
DOWNLOAD: Social Media Icons Pack Font Family - at Fontfabric™
http://blog.typocode.net/2011/06/iphone_ipad_web.html
Noun Project: Free Icons & Stock Photos for Everything
ガラクタコージョー » Safari機能拡張のアイコンは３サイズ用意しましょう
IDEA * IDEA
