いざというときに便利そうな、ちょっと変わった珍しいアイコンセット - NxWorld
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
日本のブログでよく利用されているWEBサービスロゴのアイコンフォントまとめと利用方法
WEBサービスのアイコンフォントについて ウェブアイコンフォントと言えば現時点ではFont Awesomeが最も使われています。 Font Awesomeには、多数のウェブアイコンフォントがあり使い勝手もとても良いです。WEBサービスのロゴアイコンも多数揃っています。 ただ、Font Awesomeは海外で制作されていることもあり、海外でよく利用されているWEBサービスロゴしかありません。 例えば、Twitter、Facebook、Google＋、YouTube、Tumblrなどはあるのですが、feedly、はてブ、ポケット、LINEなど日本のブログ界隈でよく利用されているWEBサービスのロゴはありません。 こういうのは、自前でウェブアイコンフォントを作るしかありません。 僕も以前feedlyのアイコンフォントがなかったので以下のように作成しました。
大阪のホームページ制作会社プラスデザインカンパニーのブログ Vol.1
プラカンブログ ホームページ制作に関する役立つ記事からおもしろ記事など。 プラスデザインカンパニーの スタッフによるブログです。
これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
重宝すること間違いなし！役立つアイコンフォントセット19種
レスポンシブデザインが普及した流れから、近年多くのホームページで「アイコンフォント」を見かけるようになりました。 ちなみにアイコンフォントとは、その名のとおり、フォントに文字ではなくアイコンを割り当てたもののことです。一からアイコンを作成する手間が省けるということで、既に使っている方、ご興味をお持ちの方も多いのではないでしょうか。 様々なメリットを持つアイコンフォントですので、どんどん取り入れていきましょう。 そこで今回は、便利なアイコンフォントを配布しているホームページを複数ピックアップしてご紹介します。 アイコンフォントをお探しの方は、ぜひご覧ください。 ※各ページの掲載数などの情報は、2017年2月12日時点でのものです。今後変更となる可能性があります 便利なアイコンフォントセット19個 1. Foundation Icon Fonts 3 http://zurb.com/playg
アイコンデザインをWebフォントで表現出来る「アイコンフォント」の基本知識を解説
情報をコンパクトにわかりやすく伝えるデザインの1つに「アイコン」があります。 直感的に表しているものを理解できるアイコンは、看板からホームページのボタンまで様々なシーンに利用されています。 しかし、アイコン画像を使いすぎると、容量過多になりページが重くなってしまいます。 そんな時に便利なのが、テキストとしてアイコンを埋め込める「アイコンフォント」です。 今回はアイコンフォントとは何か、どのようなメリットがあるのかを解説します。 CSS3でも対応され、今注目を浴びているアイコンフォントについて、ホームページの制作に関わっている人は学んでおきましょう。 アイコンフォントとは アイコンフォントとは、簡単にいうと*「アイコンを表現出来るWebフォント」*です。 Webフォントとは、クラウド上にあげられたフォントデータを読み込むことでホームページに反映させる仕組みを指します。 CSS3からWebフォ
デザインスキルをあげる、アイコン制作用チュートリアル30個まとめ
デザインの手順を解説したチュートリアルは、最新のトレンドやエフェクトなどをチェックするのに適したコンテンツです。特にステップごとに解説されているので、必要なデザインテクニックを個別に応用することもできます。 海外デザインブログGraphicDesignJunction.comで、高品質でクリエイティブなアイコンデザインを制作する、最新デザインチュートリアル30個をまとめたエントリー「30 Best Icon Design Tutorials」が公開されていたので、今回はご紹介します。 チュートリアルと一緒に、無料ダウンロードできるサンプルファイルが、公開されている場合もありますので、活用してみてはいかがでしょう。 詳細は以下から。 デザインスキルをあげる、アイコン制作用チュートリアルまとめ メタリックに輝く南京錠をデザインする方法 パーツごとに分けてデザインを進め、異なるグラデーションを組
アイコンフォントセットまとめ10種
アイコンフォントセットまとめ10種 CSSで設定するだけですぐに使えるアイコンフォントセットをまとめてみました。 投稿日2017年01月30日 更新日2017年01月30日 Font Awesome Font Awesome は Bootstrap で採用されていることから一番有名なフォントセットなのではないでしょうか。 現在675個のアイコンを使用することができます。 ローディングなどCSS3でアニメーション設定されているアイコンもあります。 Font Awesome Foundation Icon Fonts 3 CSSフレームワーク Foundation で使用されいるアイコンです。 Foundation Icon Fonts 3 Ionicons Ionic という モバイルアプリを開発するフレームワークで使用されてます。 そのためiOS風なアイコンが多いです。 Ionicons
自分が使いたいSVGアイコンだけをまとめて、フォントセットを簡単に作成できるオンラインサービス -Glyphter
SVGアイコンを自分で選んで、好みのセットをつくり、ダウンロードできる無料オンラインサービスを紹介します。 使い方は簡単で、登録などの面倒なことも一切不要です。
Icons8 - 9,900 icons + Icon Tools
{{'WEB_APP.RIGHT_PANEL.ICON_TABS' | translate}} {{'WEB_APP.RIGHT_PANEL.COLLECTIONS_TABS' | translate}}
12月を、もっと楽しむために！デザイン不要の高品質無料ベクター素材60選【11月編】
2016年も残すところあとわずかとなり、ホリデーシーズンが近づいてきました。 世界的にも大きなイベントなだけに、多くの業種でクリスマスを意識したデザインをする機会があるのではないでしょうか。 無料素材サイトでは早くもクリスマス向けのデザインが豊富に登場し、クリスマスムード一色となっています。 今回は、この時期に大活躍のクリスマス向け素材から一つは持っておきたい定番素材まで、ぜひダウンロードしておきたい最新ベクター素材60個をピックアップしました。 ホリデーシーズンのデザインをこれから考える方、最新の無料素材をチェックしたい方は目をとおしてみてください。 全部無料でダウンロードできる、最新フリーベクター素材60選 1.Flat Christmas square icon pack https://www.vectoropenstock.com/vectors/preview/126165/f
これでもうアイコンには困らない！永遠に無料利用できる1,800種類のミニマルにデザインされたアイコン素材
FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails Emoji Map, Transport Tools Design Media Network, Web Users Time, Education Social Tech Shop Other Files, Folders アイコンの基本サイズは20x20pxで、鋭角と角丸の2種類でデザインされています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自作のWEBアイコンフォントの作り方（無料ツールのみでfeedlyフォントを作る）