Twitter Replacement Icon

January 20, 2011

I wasn't really happy with the app icon of the latest Twitter app for Mac… so I decided to do a quick a replacement icon. It's available in dark gray and blue. Hope you enjoy.

Download Twitter replacement icon

Concept wise I didn’t really want to reinvent the wheel, rather to spice up the already existing one. In order to replace the icon, just locate the Twitter app in you “Applications” folder. From the context menu choose “Show package contents” and replace the existing icons in “Contents/Resources”. Restart the app and you should be good to go.
Download Replacement Icons

69 comments

Fein. Danke.

macx

Here’s a slightly easier way of replacing the icon: http://mathiasbynens.be/notes/shell-script-mac-apps#icon

Mathias Bynens

Wow... Well done job, Wolfgang! I prefer the darker version but both are better than the official one.

Frank Gregor

Awesome! Looks great. Thank you!

Alec

Awesome, installing this minute.

Aleksandar Vaci?

Super Arbeit! Also so wie immer! Weiter so :-) Wie lange hast du für die Icons ungefähr gebraucht?

Dennis

Very nice. Thanks for sharing! ;-)

Daem0n

Thank you. The initial icon took me around half an hour. All in all I spent about 2 hours on it…

Wolfgang

Beautiful work as always sir! And very speedy work too - I couldn't bear that official Twitter icon any longer.

James Gill

Awesome. Great job!

Stephan

Why not just use the original 2.0 one? It's nice and black. You can get the icns file at http://dl.dropbox.com/u/73534/Twitter.icns .

Jannis Andrija Schnitzer

Looks so much better than the original! - Thanks!

Dennis Stokholm

Great! Thank you! :-)

Georg Portenkirchner

I'm using it. So awesome. So much better. — http://cl.ly/45h6

James McDonald

Lovely; thank you!

Patrick Brumfield

Great Icon but I would have preferred an icon that wasn't rotated like the original. The colors look better in this version, but I liked the old shape better.

JD

I'm sorry, what app is this for? There are several twitter apps..

Tylo

FYI, twitter JUST updated their app and the icon has changed... looks actually a bit like yours. :p

JA Brown

Looks great, but not crazy about the angle.

Tim

This icon(s) is pretty cute indeed; I don't think their bird looks like that in shape exactly, but it conveys the twitter brand well, with a slight twist.

Phil

Viel besser als das Original, sehr schöne Arbeit.

rob

Besten Dank! Mein Dock sieht gleich schicker aus.

HR

I like very much. Looks great.

Marketing online Valencia

When you say do a "quick replacement" how long did this icon actually take you from start to finish... I'm trying to figure out whether I just work too slow... Nice icon by the way, it's gracing my dock right now.

Francois Carstens

I'm still yet to work out why we're received a new icon with each update to the App - are the designers simply indecisive? Either way, I much prefer your solution.

Russell Bishop

Look great Thanks

recettes de perte de poids

Vielen Dank auch aus Krefeld. Bin ab dem 14.2. wieder in Graz. Mal Lust einen Kaffee im Tribeka zu trinken? /marc

marc

Wie immer restlos begeistert! Ich danke dir!

Social Media Marketing

Looks pretty like always with your work. Thanks!

Nicolas Chevallier

Deine Icons gefallen mir auch wesentlich besser als das Original! Vielen Dank dafür.

Mirko

The Twitter icon looks gOOd ;) Beautiful work! Thanks for sharing!

Salon Kamee

Awesome aptitude and I absolutely commensurable your blog… I hadn’t absolutely apparent of a bout of these situations so it followed acceptable to acquisition some addition references…

California

Hi Bartelme, Awesome Twitter icons! Any chance to release an alternative version without the bird? I'd like to use it as a replacement icon for Adium. Thank you!

Tazek

finally, sometimes a useful website first-class post , thanks

Web Design

Much better!! Thank you so much!

Traci Gregory

Just beautiful, thanks for this!

57 Degrees North

If you just go into resources within the twitter.app they have all the icons they have used to date, so you just need to rename the one you want to use to icon.icns

MediaKat

...and again I'm surfing this blog to see beautiful signs of webdesign ;-) Pls keep up you good work. It's always a pleasure to read your blog.

Björn

Thanks for these. I think I prefer the traditional blue but the grey has a really classy look to it. Always a pleasure to find blogs that are offering out freebies for others and it's a great way to make sure your readers keep coming back.

JP

wow . Love it . I am with JP prefer the blue but the grey has a certain something. Keep up the good work

Roofer Leeds

Gefällt mir richtig gut. Kann man das ganze ein wenig individualisieren!

Björn

Sauber, das Standard-Twitter-Icon hängt mir schon zum Hals raus!

Testberichte

Web site Design Tips Useful Tips for Effective Web Design Listed below are some useful and rather important tips for designing a professional and high quality web site: * Neat and Easy Navigation: Navigation of links on your site plays a big role in determining the stickiness of your site (how long your visitor stays and explores your site). Ask yourself this, what do visitors do as soon as they open your site? They would probably read the content of the present page and then look around to find any other page that interests them. Read our article on Web site Navigation Tips. * Clean Layout Design: A clean layout that uses a lot of white space enhances a site's looks. Try to keep the focus on your content, use dreamweaver templates for this. Use fonts that will be available on all computers to prevent your site looking messed up. * Program using pure CSS: The world is moving away from table based websites to pure CSS websites because it offers accessibility, reusability and considerably reduces file size apart from giving greater control over the look of your website. The single most important skill you can learn today to become a quality web designer is CSS programming! Even if you are not an expert at CSS you can learn to use the following simple CSS Styles Effects to enhance your website: 1. Cool Text Effects using CSS Styles: Text Links Rollover, Text Case Setting, Text Spacing and Line-through Effect 2. Bullets in HTML or Deamweaver: Using CSS Styles with bullets (shapes, decimal, roman-numerals, images, etc.) 3. Links without Underline: Use CSS Styles to display links without the appearance of the underline. * Optimum Load Time: Make sure your load time is low. For this you must: Minimize Graphics, Flash and scripts: They hugely increase your file size. Optimize your HTML & script code: Make sure that your site doesn't have any unwanted tags or unused scripts. Use Server Side Include (SSI) files where ever possible. SSI files once called from the web server reside in its cache so on subsequent requests they load faster. Read our article Tips for a Fast Loading Site for more. * Design for all Screen Resolutions: A site that is easy-to-use always encourages visitors to stay and read your content. For site with long pages of content this is very crucial as the amount of scrolling required is reduced. Suppose your site doesn't look good for a particular resolution it is very probable that the visitor will close the browser window feeling that the web page is not for their viewing. Designing stretch layouts that fit any screen resolution ensures that you know all your visitors see a visually appealing and professional site. Read our article Designing for all Screen Resolutions for more. * Ensure Web site scalability: Make sure your code and design is scalable. As technology advances and configuration of computers & their monitors keep increasing and varying it is impossible to test your site in all screen sizes and platforms. * Cross Browser Compatible: Make sure you check your site for Internet Explorer 5+, Mozilla Firefox 1+, Opera 7+, Safari 3+ and Netscape Navigator 6+ as they constitute 95% of the world's browsers. Local Web Design

Zino Maximovich

Oh It's so beutiful! Really interesting work. Thanks

Miguel

Danke sehr coole Twitter Icons Danke!

Tobias

Echt geil! Eine super Arbeit - vielen Dank ;-)

Gerd-E.

Sehen wirklich top aus die Icons, vielen Dank dafür :-)

Tolles Liebesspielzeug

I like it, dark gray is perfect.

Tienda erotica

very good! i like the blue one

Philipp

Danke :)

Mario Janschitz

thanks for sharing this valuable information, had learn a lot from it. Cheers!

SarahSEO

Wieder mal ein ausgesprochen interessantes Design. Besten Dank dafür.

Juliane

Super! Genau danach hab ich gesucht... Ich hab zwar viele andere Twitter-Icons gefunden aber die sahen noch lange nicht so gut aus wie deine! Dankeschön

Sarah Koch

oh, thank god!

alec

Congratulations for the blog!!!!!

Diseño web en Madrid

Die Icons sind cool! Ich werde versuchen, ob sie auch zu meiner neuen Golfseite zu nutzen.

Golfalmanach

Inmobiliarias en torrejon de ardoz

Inmobiliarias en Torrejon de Ardoz

wwwwwwwwwwwwwwwwwww

phyowe

Sehr hübsch.

Christine

I think it looks really good what you have done. Just off topic for a while.I really like the look of your website as a fellow web designer. Clean uncluttered and very professional.

Website Designer Perth WA

Good work, thank you.

Tienda erotica sexshop

this is a good website i have visited!!

???

Nice, I'll see if we can use it on our website for "glasses":www.misterspex.co.uk

thefelix

"ganz nett":http://www.google.co.uk/

hmm

Looks sharp, I wonder how you created it, with photoshop or fireworks probably. Man I wish I had those skills to created beautiful graphics like that. Just incredible looking!

Georgio

Der Button ist hüsch! Ich will mich auch bei Twitter anmelden, da ist ein cooler Button ein Blickfang. Vielen Dank!

Almgourmet

Fine, I'll put it on your site ????? ????? ???????????? ???????

Mikhail

Commenting is not available in this channel entry.