SVG logos for developers, designers, bloggers, geeks and more
![SVG Porn](https://cdn-ak-scissors.b.st-hatena.com/image/square/6091efe3a7e70e208190f29bfb159d3c35d44bdf/height=288;version=1;width=512/https%3A%2F%2Fcdn.svgporn.com%2Fshare-v1.png)
マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 Cloud and Enterprise Symbol/Icon set Cloud and Enterprise Symbol/Icon set は、UX グループが Azure 向けに作成した200個以上のアイコンセットです。PNG 画像と Visio ステンシルがダウンロードできます。 新サービスのリリース時と四半期ごとに更新が予定されているようです(現在は、4月に更新された Ver. 2.22)。アンケートやメールでのフィードバックも受け付けています。 基本は、Azure 関連のアイコンですが、一般的なアイコンも含まれています。資料作成などの用途に広く使えます。 You can use them in architecture diagrams, training mat
エンジニアが自分一人でアプリ開発などをしているとかなり困るのが画像素材の作成。(もっというとデザイン全般ですが。。。) その中でもアプリアイコンを作る際に個人ではどうしているかを晒してみようと思います。 アイコンを作る手順 ざっくり手順を言うと以下2つです。 Inkscapeで元アイコン作成 makeappiconで全サイズのアイコン画像作成 Inkscape アイコン作成といえばIllustratorやPhotoshopを使うのが一般的かと思うのですが、非デザイナーにとってこれらのソフトはまだまだ高価で簡単に手を出せるものではありません。 そこでこのInkscapeです。 公式サイトはこちら。 Inkscapeはオープンソースの無料のベクター画像編集ソフトです。(ものすごく簡単に言うとIllustatorと同じことができる無料のソフトです) 無料ですが、基本的なアイコン作りには困らない機
AI, EPSのベクターで作成されたRetinaディスプレイ対応のアイコン素材を紹介します。 アロー、サーチ、メール、ソーシャルメディアをはじめ、ビジネス用もホビー用も揃ってます。
スマートフォンやタブレット端末などタッチスクリーンデバイスにおけるユーザーの指の動きを表すアイコンやステンシルを配布されているサイトの紹介です。 仕様書を書く時にこういうジェスチャー素材を入れておくと、動きに対するイメージの認識のズレがなくなるので助かります♪ デバイスごとにジェスチャーをまとめられているサイトもあるので、アプリの仕様を考える時など、この端末はどんな動きができるんだっけといった悩みも解消してくれます。 実写のジェスチャーアイコン 2012/5/23 High quality multitouch gesture for devices License: Creative Commons Attribution 3.0 マルチタッチジェスチャー素材9種類。 きれいな女性の手で、サイズは実物大! PSD形式で、赤い部分と手は別レイヤになっています。
自作アイコンがたまってきたので、特に自分が良く使うシンプルなアイコンを配布してみます。SVG形式でイラストレーターで編集できます。アイコンは、商用無料でクレジット表記なしでお使いいただけます。 ご使用にあたって 以下を守ってお使いください。 禁止事項 × 再配布、またはダウンロード可能な状態にすること × 販売 × 素材への直リンク 許可事項 ○ パスの変更・着色・拡大縮小などの加工 ○ 商用・非商用サイトでの使用 ○ Web、プレゼンなどの資料、ソフトウェア、印刷物への利用 ある程度縮小しても、視認性を保てるようにつくりました。また、シンプルなので、どんなサイトでも使えるかなと思います。お役に立ちましたら幸いです。
最近話題になっていたこちらのサイトがとても便利です。 Fontello – http://fontello.com/ 使いたいフォントを選択します。 ここでは、「Entypo」フォントから5つ選択します。 選択が終わったら、上部のタブから「Edit codes」をクリックします。 アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。 英語で頭文字を取るとか、abc~とかにするとかですかね。 文字列の指定が終わったら、フォントファイルのダウンロードを行います。 サイト右上にある「Download webfont(n)」をクリックしましょう。 「fontello-xxxxxxxx.zip」がダウンロードされます。 解凍して中身を見てみましょう。 fontello -cssフォルダ -icons.css -icons-codes.css -icons-ie7.css -
画面の上や下に配置されるツールバーにあるお気に入りやプリンター、戻るや進むといったボタンをカスタマイズできるシンプルなアイコンが「30 Toolbar Icons」です。個人的に使うことはもとより、商用利用もできます。 30 Toolbar Icons for User Interface Design | Web Resources | WebAppers http://www.webappers.com/2012/07/09/30-toolbar-icons-for-user-interface-design/ アイコンの大きさは32×32、ファイル形式にはPSD形式とPNG形式の2つがあります。 アイコンは写真、メール、ダウンロード、設定、本、フォルダ、ページ、ツール、プリント、ヘルプ、サーチ、ペースト、アンドゥ、ホーム、電源、リンク、星、コメント、ロック、戻る、進む、ストップ、ゴミ
全部ダウンロードしたら、3000種以上! 商用でも無料で利用できる、ピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
Webフォントでアイコンをつくろう! ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 (以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。) jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ! 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
ここ最近、この手のフォントがかなり増えてき ましたが、こちらも良い感じでしたのでご紹介。 Webフォントにも使用できる、アイコンフォント です。シンプルで汎用的なのでなかなか使い 易いのではないかなと思いました。セマンティ ック的側面では反対の声も見かけますけど。。 こういう、アイコンタイプのフォントもかなり目立ち始めましたね。以前、同じくWebフォントに使えるWeb Symbols typefaceというフォントをご紹介しました。また、先日公開されたソーシャルメディアアイコンのフォント・Socialicoも素敵でした。※Webフォントに使えるかは調べてません。 今日ご紹介するModern Pictogramsも汎用的なデザインで、Webフォントにも利用可能です。 シンプルで使いやすい感じです。Webフォントにも使用できますので、CSS3と合わせてスマートフォンアプリで応用したり、管理画面
2009年02月16日 アイコンの常識を凌駕する高クオリティフリーアイコン50個 カテゴリ:WEBデザイン アイコンと言えば、PCの操作上で識別する為のものですが、そのアイコンにこだわってみると言うのも今まで無かったのでは。Windows7時代になれば大きなアイコンも使えます。もちろんWebデザインにも使える。 ◆高クオリティフリーアイコン50個 ※この記事とても長いです・・・。覚悟して見て下さい。 では Function Icon Set Concept Icons .08 Affel Smultron Icon Pack Eico Studio Anniversary Icon Pack Kidaubis 3D Icon - Blue series Beijing 2008 Icons Jonas Rask Icons The Shield Icon Set Mac Icons
見た目が汚らしいとは思うんだけど、デスクトップにショートカットやフォルダのアイコンを並べる事をどうしてもやめられない……という人には「Fences」をオススメする。デスクトップアイコンを自動で整理してカッコよく表示し、かつ一発で全てを不可視化/可視化してくれるツールだ。 デスクトップに並ぶアイコンの数が一定数を超えると、目的のアイコンを即座に探すのが難しくなってくる。諦めてランチャーツールを導入する(参考:さまざまな操作で呼び出せるポップアップ型ランチャOrchix :教えて君.net)……というのが最善手ではあるのだが、「使い慣れてきた環境を大幅に弄るのは抵抗があるし、そもそもランチャー導入自体が面倒」ということで、結局使い勝手の悪いデスクトップを使い続けている人もいるはず。老舗のデスクトップカスタマイズツールベンダーStardockの新作「Fences」は、「デスクトップに大量のアイコ
WEB開発に活用できる、2009年初お目見えアイコンセット集。 知っていると思っていても、まだまだ知らないアイコンは色々あるみたい&生まれているみたい。 Proxal Icon Set v2 by !valkyre on deviantART 細かくデザインされたミニアイコンセット Sanscons シンプルだけど背景色が選べて汎用に使えそうなアイコンセット iconset "sketch'd up!" on the Behance Network スケッチがいい味をだしているアイコンセット WebDev Icon Pack WEB開発に使えそうなものがかなり沢山詰まっている Irokez CMS Icon Set CMSに使えそうなアイコンセット集 参考エントリ:50 of the Best Ever Web Development, Design and Application Ico
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く