商用利用無料！UIデザインに適した、シンプルで使い勝手がよいSVG完備のアイコン素材 -Iconic
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが無料で利用できるIconicを紹介します。 アロー・ホーム、サーチ・ショッピングカート・バッグ・スター・メールなど、UIデザインでよく使用されるアイコンが揃っており、フォーマットはSVGで利用できます。また、Vue, Reactのコンポーネントとしても利用できます。 Iconic Iconic -GitHub Iconicアイコンの特徴 Iconicアイコンの使い方 Iconicアイコンの種類 Iconicアイコンの特徴 Iconicは24pxのグリッドでデザインされたSVGフォーマットのアイコンです。160種類のアイコンが揃っており、今後もアップデートで増やしていくとのことです。 Iconic アイコンは26のカテゴリに、全160種類。 24pxグリッドに基づくピクセルパーフェクトなデザイン。
Favicon Generator for perfect icons on all browsers
Your favicon is transparent. This is usually a good thing, but not for iOS Web Clips which are supposed to be opaque. Look at the sample on the left, this is how a user would see your favicon as a Web Clip on his device. What to do about this? Your favicon is not transparent. This is a good thing for iOS Web Clips. Yet, web clip corners are rounded. Depending of your favicon, it may disrupt its de
クリエイティブなファビコンを設置しよう
2017年9月22日 Webサイト制作, 便利ツール Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです（Favourite + Icon = Favicon）。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します！ ↑私が10年以上利用している会計ソフト！ ファビコンをデザインする ファビコンは16×16ピクセルとかなり小さいながらも、その存在は偉大です。複数のタブを開いている時や、ブックマークリストの中から、ひと目見てどのサイトか区別できるからです。 多くの場合、そのWebサイトのロゴマークを縮めたり、簡略化したものがファビコンデザインとして採用されています。CHANEL、A
Ligature Symbols
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
50 Amazing Free Icon Sets - Web Design Ledger
Every web designer loves to have high-quality icons at their disposal. While creating your own custom icons for your projects is an option, it’s rarely practical. There are plenty of quality icon sets available for purchase, but fortunately, there are also some free icon sets out there with professional quality. These free icons sets are some of the most useful and helpful resources because of the
Fresh UI Kit - Icon Deposit
This is probably the biggest UI Kit I did so far. This "Fresh UI Kit" includes everything from Media Player buttons, regular buttons, custom icon buttons, search boxes, On and Off switches and much more! Everything is all vector, and includes a Photoshop PSD like always, enjoy :) You can see the full view of this design HERE. REMEMBER: Since this is such a big freebie, you will need to link back t
20 Free Sets of Minimally Designed Icons for Your Next Project
Collections#Icons#Minimal Design 20 Free Sets of Minimally Designed Icons for Your Next Project Trends come and go. Minimalism stays. Minimalistic icons and glyph-type icons are still the most used ones around. Icons bring designs and interfaces alive; they engage people and help them interact. Simplicity of them is also their advantage. All the Icons, Fonts, Web Templates & Design Assets You Coul
商用利用も無料！ ピクトグラムのアイコン素材のまとめ
全部ダウンロードしたら、3000種以上！ 商用でも無料で利用できる、ピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
無料でAndroid向けに使える1万5000種類のベクターアイコン集
メニュー、通知バー、ダイアログ、リストビューなどで使われるAndroidのアイコンを1万5000種類も詰め込んだセットが配布されています。アイコンのサイズはAndroidのユーザーインターフェイスガイドラインにのっとって3種類用意されています。 Android icons アイコンのキャンバスサイズは512x512、その中にアイコンが426x426で収まっています。 収録されているアイコンの一例はこんな感じ。 最下部の「Download Now」ボタンをクリックするとアイコンセットがダウンロード可能です。 ダウンロード時にはメールアドレスが必要となります。 アイコン集の中身。フリー版の場合、メニュー用とダイアログ用の2種類だけが利用可能で、フォルダ名に「only_in_comercial」と書いてあるものは中身が入っていません。 リストビュー用のアイコンなども利用したいという場合には19ド
意外と知らない？アイコンはWebフォントでつくるとこんなに便利！
Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ！ 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
ツイッターに残念なアイコンを使ってませんか？：実践！SixDegree：ITmedia オルタナティブ・ブログ
みなさんは、ツイッター（Twitter）やfacebookなどのソーシャルメディアにどのようなアイコンを使っていますか？ もちろん、匿名でひっそりとSNSを楽しむのに、どんなアイコンを使おうと勝手なわけですが、これらのサイトを通して、良い出会いを期待するなら、いまいちどご自分のプロフィールアイコンについて再考された方がよろしいかと思います。 以下に残念な例をあげておきます。 ・犬猫アイコン ・芸能人の写真を勝手に使ったアイコン ・二次元キャラなどのアイコン これらの画像を使っている人は、おそらく自分のアバターとしてのアイコンと、携帯の待ち受け画面なんかを勘違いしているのではないでしょうか？ SNS上のアイコンは、自分が好きな画像を表示しておく場所ではありません。自分をあらわす画像を設定する場所なのです。 例えば、愛犬家専用のSNSで自分の飼っている犬の写真をアイコンにして、犬を通じたコ
かわいい上にハイクオリティなフリーのアイコン集
ブログ用からEコマース用まで、極小サイズ、手書き風、折り紙風などシンプルでかわいいフリーのアイコンをIconDockから紹介します。 IconDock キャプチャのアイコンは「20 Free Marker-Style Icons」 IconDockで配布されているアイコンから、フリーのものだけを下記にピックアップしました。 有償のアイコンでは更に素敵なアイコンセットが用意されています。 Stock Icon（有償のアイコンページ）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ログイン - はてな
Material Design
GLYPHICONS - Visual language that everybody understands