Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Official Facebook Connect button as PNG

Tags:

facebook

Is there any official Facebook Connect button, as a image file?

There a lot of really different images on the web, with different sizes, different styles (and even colors), different licenses, free and paid. But I believe there should be some official example, as PNG image.

I know that by using https://developers.facebook.com/docs/reference/plugins/login/ I can generate HTML and make screenshot, but seems that it's too hacky, and I'm just missing right page. Is it?

Brand Permissions Center doesn't have 'Connect' button

like image 760
Igor Artamonov Avatar asked Nov 19 '12 08:11

Igor Artamonov


People also ask

What is the log back in button on Facebook?

The Login button is a simple way to trigger the Facebook Login process on your website or web app. If someone hasn't logged into your app yet, they'll see this button, and clicking it will open a Login dialog, starting the login flow.

Is there any official Facebook Connect button image file?

Is there any official Facebook Connect button, as a image file? There a lot of really different images on the web, with different sizes, different styles (and even colors), different licenses, free and paid. But I believe there should be some official example, as PNG image.

Is it possible to download the continue on Facebook button image?

EDIT 21/02/2018: Facebook has updated the guidelines with a new "Continue on Facebook" button image asset Show activity on this post. You can still download the icon here. I guess they've dedicated a separate domain to it now.

What is the login button on Facebook?

The Login button is a simple way to trigger the Facebook Login process on your website or web app. If someone hasn't logged into your app yet, they'll see this button, and clicking it will open a Login dialog, starting the login flow. People who have already logged in won't see any button, or you can also choose to show a logout button to them.

What does the continue with Facebook button do?

The Continue with Facebook button replaces earlier versions of the Login button. For more information, see Migration. The Continue as {Name} button has the text "Continue as {persons' name}" and optionally includes the person's Facebook profile picture if they're logged in to Facebook in the same browser.


2 Answers

enter image description here

enter image description here

enter image description here

You can get the official "Log in with Facebook" button here. ZIP has PNGs for different sizes https://developers.facebook.com/docs/facebook-login/checklist/#brandedlogin

EDIT 26/07/2014: Facebook seems to have removed those image assets. They now suggest you using a Javascript log in button with their button style. https://developers.facebook.com/docs/plugins/login-button

New Facebook log in button

EDIT 21/02/2018: Facebook has updated the guidelines with a new "Continue on Facebook" button image asset

Continue with Facebook button

like image 191
LongZheng Avatar answered Sep 20 '22 05:09

LongZheng


Would comment on existing answer, but rep... =\

You can still download the icon here. I guess they've dedicated a separate domain to it now. I believe they will always have to provide you with an icon alternative since they require, just as google does:

The "f" Logo may be used alone or alongside other social icons. It should be used at equal size to neighboring icons. Be sure to maintain its shape and proportions and provide adequate clear space between logos.

You can't really do this consistently without a proper icon.

like image 45
Erik Avatar answered Sep 19 '22 05:09

Erik