ja
トレンド
旧インターフェイス
コレクションすべて表示
ここにアイコン
をドラッグ
Recolor
Overlay
Text
Add Effects
Stroke
Padding
Background
Circle
Square

透明な背景のフェイスブックアイコン

undefined icon
ダウンロード
Embed HTML
集める
ダウンロード
Embed HTML
集める
他のスタイルの フェイスブック アイコン
iOS icon
iOS
Collection
iOS  用 Glyph icon
iOS 用 Glyph
Collection
マテリアル塗りつぶし icon
マテリアル塗りつぶし
Collection
マテリアルアウトライン icon
マテリアルアウトライン
Collection
マテリアル角丸アイコン icon
マテリアル角丸アイコン
Collection
マテリアルツートン icon
マテリアルツートン
Collection
マテリアルシャープ icon
マテリアルシャープ
Collection
カラー icon
カラー
Collection
Windows 10 icon
Windows 10
Collection
Office icon
Office
Collection
キュートアウトライン icon
キュートアウトライン
Collection
キュートカラー icon
キュートカラー
Collection
ブルー UI icon
ブルー UI
Collection
点線付き icon
点線付き
Collection
グラデーションライン icon
グラデーションライン
Collection
シンプルな小アイコン icon
シンプルな小アイコン
Collection
パステル icon
パステル
Collection
Ice Cream icon
Ice Cream
Collection
Windows Metro icon
Windows Metro
Collection
クラウド icon
クラウド
Collection
円形バブル icon
円形バブル
Collection
カラー手描き icon
カラー手描き
Collection
手描き icon
手描き
Collection
Cute Clipart icon
Cute Clipart
Collection
iOS icon
iOS
Collection
関連アイコンは、タグやすべてのロゴアイコンにマッチするアイコンです。すべてのアイコンは同じフラットスタイルになっています。あなたは無料のPNGアイコンをダウンロードすることも、SVGのベクターデータを購入することもできます
フェイスブック アイコンのアイデア
This is a very well known logo on the Facebook page. It is a small f surrounded in a square with all corners rounded. It is located on the top left corner on the Facebook web page.
We took the official Facebook icon and adopted for different styles that you may need for your website, app- and UX design. They are available in PNG format for free download (and you can buy SVG icons too). Unlike the official Facebook logo guidelines that have a single image and insist on using it no matter how bad they fit your design, we've created several versions of the Facebook logotype that match your design and match your size. For example, Android and Windows 10 versions are great in small resolutions, while iOS and decorative icon packs serve better for higher resolutions.

フェイスブック アイコンのストーリー

After I came home from work one day, I decided to sit down at the computer and finally look at my Facebook page after so long. Only to realize, as I already knew, that I didn’t have any friends in there, mostly because I hated using it. I've always been in denial about it because I don't think it's that useful at 52 years old, although "friends" in the real world tell me otherwise. They always tell me to stop using the house phone and an old crummy computer and start using Facebook and a mobile phone. In my opinion, the only thing mobile about a phone is when you throw it out the window after a long conversation with your ex-wife and even she uses Facebook.
   
So I decided to give social media a try using a new "portable" phone instead of my Windows 98 computer; that way, I can keep in touch with people on the go—pulling my hair out has never been easier. With every last hair still on my head, I truly got into Facebook, saw the free downloadable icon, clicked on it, and instantly got it. I suddenly enjoyed using it to keep in touch with my friends on a daily basis, uploading pictures, status updates and poking everyone online.

Of course, now, I was also able to stalk my ex-wife efficiently without having to talk to her, and although I'm on the same social network as my wife, I enjoy logging on to Facebook—the same way I enjoyed logging into life when I was 22!


Proper Usage

This article describes the Facebook icons that you should and should not use.

Do

First of all, the current Facebook logo is this:

Facebook icon
Update: the image above has some off-put color; we've screenshoted it from the official guidelines but didn't fix the color. Sorry, to be fixed.

Facebook suggests these icons (all of these are available for download in EPS or PNG formats, along with the guidelines:

Proper Facebook Logo
Also, Facebook suggests using these thumbs up icons also known as Like buttons:

Facebook like icon
facebook like icon image
Unlike Facebook, we advise you using the adoptations of the original logo to suit your design better.

facebook icons

In particular, adaptations are great for small resolutions such as 32x32. Look, this small icon is pixel perfect (pls ignore a little blur of f — that happens in Sketch when zooming the view):

facebook icon pixels

Also, this office style icon would look way better with Ribbon bar:

Microsoft ribbon toolbar looks great with office style Facebook icon

Don't

Facebook official guidelines list some of the weird cases. No designer would do that:
wrong facebook like icon
However, using the proper assets isn't just about good design. There're lots of outdated stuff there.

Don't use this old glossy design, even if it's used all over Wikipedia:

old facebook icon
Neither use its Android, sharp edged version:

facebook icon how not to do
And yeah, don't use the old font (in the bottom):

facebook icons new and old
コレクション
0 セット
新規作成
ここにアイコンをドラッグ