「C:\Windows\System32\Imageres.dll」には、大量のアイコンが含まれている。Windowsにはこのようなファイルがいくつかある フォルダーをカスタマイズしたり、スタートメニューにタイルを配置したいときなど、自作のオリジナルアイコンが欲しくなることがある。しかし、Windowsで用いられるICON形式ファイルは作成に専用ツールが必要で面倒だ。そもそもWindows自体にはICONファイルの作成ツールが含まれていない。 アイコン画像で用いられているICON形式のファイルとは？ ICONファイルはWindowsとともに登場したファイル形式だ。初期のWindowsでは、画像をビットマップで扱っていたため、さまざまな解像度や表示サイズ、色解像度に対応するために同一の画像を複数の解像度・色数で作成して1つにまとめた。これがICONファイル形式だ。昔は、Windowsの開発ツ

TwitterがXになったし、アプリアイコンだけでA～Zはそろう？　大人の自由研究やってみた：明日から使えるITトリビア（1/4 ページ） 8月を迎え、夏休みに入った小中高生も多いだろう。夏休みといえば、記者が思い出すのは自由研究の宿題だ。記者は当時、本で調べた昆虫の生態レポートなどを提出していたが、もし2023年に自由研究に取り組むなら、もっとネットやITサービスを利用していたのだろうかと、ふと考える。 8月3日現在、IT系ニュースで今話題の中心になっているのは、X（元Twitter）関連の話だろう。イーロン・マスク氏によってアプリの名称がTwitterからXへと変わり、多くの人に影響を与えた。そんな中、記者の中で1つの疑問が浮かぶ。「『X』アプリができたし、アプリアイコンでアルファベット26種全てそろったのでは？」 というわけで、スマートフォンのアプリアイコンでアルファベット26種全て

当ブログでもたくさんのSVGアイコンのライブラリを紹介してきましたが、それらのほとんどがひとまとめに閲覧・検索できる便利なサイトを紹介します。 複数のアイコンライブラリから探せるだけでなく、異なるライブラリのアイコンをまとめてアイコンフォントにもできます。矢印アイコンはMaterial Iconsで、ホームアイコンはBootstrapで、ということもできます。

Googleが提供するサービスのアイコンのデザインがアップデートされ、並べてみるとこんな感じになりました。

iPhoneアプリの「鳥」アイコンを集めて“鳥かご”にするTwitterユーザーが現れ話題になっています。 苔つしま（@koketools）さんが投稿したのは、iPhoneのホーム画面に「鳥」という名前のフォルダを作り、そこにTwitterなどの“鳥アイコン”をまとめた、ユニークな発想の鳥かご。そのほとんどが白抜きなため、白い鳥たちが集まっているのがまた面白いです。複数羽いるとよりかわいく見えてくる不思議。 平和堂アプリがあるのも相まって、見ていて平和な気持ちに…… そして同時に「他にあったら教えてほしい」と募集をかけたことから、大量のリプライとともに「鳥」の目撃情報が寄せられることに。それから間もなく、5羽だった鳥かごは20羽にまで増え、自動的に鳥の種類も鶴にニワトリ、ツバメ、フクロウなどが集まります。白以外の鳥の姿も……！ 上記の画像にプラス2羽います（この時点で20羽） さまざまな鳥

Half Second Hamburger Helperはよく見かける3本線のメニューアイコン、いわゆるハンバーガーアイコンのアニメーションエフェクトのパターンをまとめたサンプル集です。CodepenではJSも書かれていますが、基本全てCSSで制御できる様です。 Half Second Hamburger Helper

CSS ICONはCSSのみで出来たアイコン集です。それぞれのアイコンは上図のようにコードが紹介されており、各部位がハイライトされるようになっていて仕組みをわかりやすくしてくれています。スマフォの普及やオールドブラウザのシェア率低下で、この手のCSSも、より実用的なものになってきましたが、本アイコンはシンプルでコードもそこそこ簡単で巣で手ではないにしても割と実用的な印象でした。余談ですがロゴの「CSS ICON」もCSSで出来ていてコードも紹介されていました。 CSS ICON

昨年の終わりごろに「商用可で色、サイズ変更も自由自在な無料ピクトグラムアイコン517個セット「Noun Project」」というエントリーをご紹介したのですが、ますます種類が増え711個となっていたのでご紹介。 使用ライセンスに関しても個人、商用利用可能となっているのはうれしいですね。 詳細は以下から。 豊富でクールなピクトグラムアイコン公開、The Noun Project The Noun Projectで公開されているアイコン素材は、2011年8月現在711個となっており、まだまだ増えていく模様です。 すべてのファイルはSVGファイルとなっており、Illustrator を使うことでサイズ、色などお好みで変更することが可能となります。 アイコンをクリックするとダウンロードリンクと詳細情報がポップアップで表示されます。 日本語にも対応しており、あらかじめカテゴリー分けされているのはうれ

ほんの少しのイラストだけで、メッセージや情報をを伝えことができるアイコン。使いやすいデザインをいくつかストックしておくと、どんなプロジェクトにもいつでも活用でき便利です。 無料でダウンロードでき、デザイン制作に活かすことができるフリーアイコン素材をまとめてご紹介します。最近のアイコン素材は、Illustrator で編集可能なAi や EPS　ファイルを収録していることも多く、自由に配色やサイズを編集することができます。また、ウェブサイトでの利用が増えている SVG ファイルも揃っているので、コーディング作業にもすぐに利用することができるでしょう。 詳細は以下から。 図解でうまく伝わるデザインを！参考用すごい無料アイコンまとめ Olympics Sports Icon Set EPS, PDF, PNG, SVG オリンピック4o種目に加え、メタルや聖火トーチ、優勝カップが揃ったまさにいま

以前「ネットワーク図を作る時に便利なアイコン集のまとめ(2013年度版) 」という記事をエントリしたのですが、それから時間が経過したので2016年度版を作ってみました。 ※　2020年　12月05日　「Kubernetesのアイコン集」と「ヤマハネットワーク機器のアイコン集」を追加、その他のリンク集に「資料で使う技術/プロダクトロゴのリンク集 – Qiita」を追加いたしました。 ※　2018年　11月28日　Alibaba Cloud iconsを追加いたしました。 ※　2017年　12月22日　ニフクラ アイコン＆シンボルを追加いたしました。 ※　2017年11月18日　cocha-iconsを追加いたしました。 ※　2017年8月27日セキュリティアイコン/Security icons – Security along DesigNを追加いたしました。 ※　2016年12月26日　「

IoTのシステム構成図が描けるアイコンセット、ソラコムが無償公開。IoTデバイス群、ドローン、監視カメラ、SIMなどを表すアイコンも IoTデバイス向けの通信サービスをクラウドで提供するソラコムは、IoTデバイス群やドローン、SIMなどの最近のIoT関連デバイスから、基地局、交換局、インターネット、サーバ、データベース、ユーザーなどの一般的なものまで、IoTなどのシステム構成図を描く際の部品として使えるさまざまなアイコンを揃えた「SORACOM アイコンセット」を公開しました。 以下はその一部です。 SORACOMアイコンセットは、PowerPoint形式、SVG形式、PNG形式のファイルで提供されるのに加え、オンライン作図ツールのCacooでもステンシルとして提供されます。 使用にはSORACOM アイコンセット使用ガイドラインが定められており、SORACOMの使用に言及する場面などでの

Flat Color 使い方は、簡単です。 Step 1: 外部ファイル 外部ファイルにjquery.jsを使用している場合は、下記の外部スクリプトを加えます。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script> AngularJSバージョンも用意されています。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/angular-webicon.min.js"></script> Step 2: HTML あとは、使用するアイコンのコードを書くだけです。 アイコンをクリックするとコードが表示されるので、そ

ドイツのデザイン事務所Differantlyが製作したピクトグラムは、一筆書きで様々なオブジェクトをシンプルに表現した作品。 いくつかはアイコンとしてフリーでダウンロード可能です。

マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 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

どうも、平成の☆　やな☆ぎさわです。 デザインや資料作成などで素敵なアイコンをサクッと配置したり、ワンポイントで使いたい時ってありますよね。 そんなとき、自分で作ると時間がかかるし、そもそも作れないよぉなんて悩んでる方は多いのではないでしょうか。というわけで、王道中の王道ですが、今回は素敵なアイコンサイトのご紹介と行きたいと思います。 もはや何番煎じだかわからないからこそ、全力で厳選しました。ぜひ。 ありとあらゆるアイコンが無料＆超激安で手に入る金字塔的サイト「ICONFINDER」 ICONFINDER >>サイトはコチラ 僕は、資料を作る際に必ずと言っていいほどこのサイトに依存してます。 検索は英語限定ですが、JPG、PNG形式はもちろん、ベクターデータや3D系まで異常なほど豊富なアイコン収録数が魅力。 本職のデザイナーさんでここを知らないって人はもはやいないと思いますが、非デザイナー

Apple社は時々大きなデザインコンセプトの変更を行う一方、シンボリックな要素については非常に大事にしてきました。「コマンドキー」アイコンは初代Macから残っているものの一つ。このデザインがどこから生まれたのか、デザイナーのスーザン・ケアが語っていました。 スーザン・ケアは初期のApple社のアイコンのほとんどをデザインしたグラフィック・デザイナー。「ハッピーマック」を始めとする、Appleの象徴的なアイコン群は彼女の作品となります。 Susan Kare – User Interface Graphics – Apple Mac Icons ちなみにこちらもスーザンの作品。 Susan Kare – User Interface Graphics さて、彼女が「コマンド」キーのアイコンを作ったのは初代マッキントッシュ開発中のこと。お絵かきソフト「MacDraw」のメニューを見たスティーブ

※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 OSXDailyなどによると、AppleのMac 30周年記念サイト「Thirty Years of Mac」には、隠しファイルとして、Macアイコンフォント「mac-icon-standard.ttf」が置かれていると伝えています。 これはWebフォントとして使用されているようで、他に「mac-icon-simple.ttf」も有ります。 フォントをダウンロードしたら、フォントファイルをダブルクリックして、Font Bookからインストールし、Font Bookからドラッグ＆ドロップなどにより、OS X上でフォントとして使用することが出来ます。

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました アイコンを上手に使うと文字で説明するよりももっと簡単にすぐに機能や意味するところを理解してくれるようになります。 最近ではアイコンに使う素材の選択肢が広がっており、PNGやGIFといった画像の他、Web Fontsを選択するケースも増えています。今回はそのどちらでもない、SVGを使ったアイコン集iconmelonを紹介します。 iconmelonでは多数のカテゴリーに分かれてSVG製のアイコンを紹介しています。そして気に入ったものをだけを選択してダウンロードできるのが特徴です。 SVGはベクターなので大きさは自由に変更できます。iconmelonでは幅、高さや線の太さや色などをCSSで指定できるようになっています。さらにJavaScriptからの操作も容易という点が利点でしょう。