RE: Иконки популярных в рунете сервисов

    Вот смотрю как товарищ grokru выложил свое творчество и прямо вдохновляюсь. И поскольку мне было скучно, я решил тоже вспомнить былое и наштампить иконок. Заняло все это порядка 18-20 минут.



    Попробовал себя в народном творчестве так сказать. Может совместно создадим habrapack?

    Архив с .PSD и .PNG

    UPD: А я немного обновил все! Совсем немного.



    Качаем здесь! И следим здесь. И предлагаем сервисы для пополнения.
    Те что предложили, уже в процессе выполнения.

    UPD2: Вот уже пополнилась коллекция на несколько иконок, а именно:
    • Google plus
    • GMail
    • sms (еще думаю как изменить, уж больно она не говорит о себе)
    • Wikipedia
    • Mail
    • tumblr


    09.01.2012 0:03 (+6)

    Вот как сейчас выглядит пак



    С вашей помощью и поддержкой он разрастется еще больше. Вот думаю нужно страничку в сети создать для всего этого =)
    Поделиться публикацией

    Похожие публикации

    Комментарии 152
      +32
      Эти мне больше нравятся!
        0
        Другое дело )
        –7
        Меня уже тошнит от закруглений на иконках.
          +4
          Именно от закруглений?
          А какой вариант вам по нраву?! =)
            +7
            Именно от закруглений.
            Менее яблочный, либо без фона, либо с более квадратными углами.
            Пусть меня заминусуют, но это моё мнение. Надеюсь, закругления по углам умрут когда-нибудь, вместе с бликами.
              +15
              Я знаю где вы найдете утешение!
              Windows Phone 7 и Metro дизайн)
                –6
                Немного не нравится организация в Metro, много пустого пространства. А тенденция хорошая. У андроида тоже в оформлении закругляшки исчезать стали, что не может меня не радовать.
                +7
                Извините, но закругления уголков не умрут никогда)

                uxmovement.com/thinking/why-rounded-corners-are-easier-on-the-eyes/
                  +5
                  Пока Apple не запатентовало закруглённые углы, пользоваться можно.
                  +2
                  Треугольные
                  +10
                  На вкус и цвет. Мне наоборот нравятся закругления и это никак не связано с Эплом.
                    +1
                    ИМХО, без закруглений — вариант более универсальный.

                    На незакругленную картинку легко навесить закругления с любым радиусом (от 0 до min(width, height) / 2).
                    На уже закругленную картинку можно поместить только такие закругления, радиус которых больше радиуса предыдущего закругления (от старого r до min(width, height) / 2).
                    +2
                    Тут скайп удался, а вот контакт-фейсбук (цвета) и особенно яндекс (все) — нет.
                      +1
                      Благодарствую) Буду изменять. Мне прямо понравилось иконочки делать
                        0
                        Контакт помоему нормально, а вот фейсбук мнекажется выбивается из общего стиля иконок хотя бы отражением внизу иконки.
                        С Яндексом никак не могу понять что не так, но что-то не так.
                          +4
                          У Яндекса красная «Я» на белом фоне, а тут наоборот. Возможно это :)
                            +19

                            А так лучше выглядит?
                              0
                              Да, думаю так будет лучше.
                                –2
                                Не знаю, кто и за что плюсует пост, но иконки — полное говно!

                                Только лишь иконки одноклассников и скайпа выглядят более-менее ничего, наверное, потому что вы меньше всего туда внесли от себя.

                                Может быть стоило потратить больше, чем 20 минут?

                                Особенно ужасна иконка Яндекса. Лебедев бы отгрыз нос своему работнику, если бы он принёс ему такую иконку?

                                Скажите честно, вы ведь не иллюстратор, верно?

                                Кстати, у товарища, который вас вдохновил, тоже плохие иконки. Особенно плохая иконка скайпа.
                                  +1
                                  Столько вопросов!

                                  Конечно стоило потратить и больше, что я собственно и делаю сейчас.

                                  Не то что бы нос отгрыз, я думаю он бы четвертовал, сжег на костре, кинул в кипящие масло и съел с чесночным хлебом.

                                  Честно, я не иллюстратор, верно!
                                    –5
                                    Меня всегда манило начать изучить php, а потом другие языки программирования! Что греха таить! — Я просто мечтаю уметь программировать!

                                    Мне давно хочется научиться валидно верстать странички!

                                    В какой-то момент я понял, что каждый должен заниматься своим делом. Чинить кран должен сантехник, убираться уборщица, класть плитку — плиточник.

                                    Да, я умею рисовать блок-схемы, верстать более-менее дивами, но глубже я не лезу — предпочитаю подключать толковых верстальщиков и программистов.

                                    Мне кажется, я делаю правильно.

                                    Может быть вам тоже следует так поступить? Может, ну их, эти иконки?

                                      +4
                                      «Может, ну их...»

                                      Нет, вы конечно правы. Кран должен чинить сантехник, но он ведь не родился сантехником!

                                      Может дальше у меня что-то и получиться, а люди добавят по паре иконок на свои уютные бложики.
                                        +3
                                        Мечтаете — станьте. Не боги горшки обжигают. Но без практики и фидбэков вряд ли станете хорошим.
                                          0
                                          Раз вы профессионал может нарисуете бесплатный пак иконок? если вам жалко времени, может не стоит отговаривать других делать то, что им нравится за бесплатно? Он ведь с вас деньги за них не берёт за свою работу, а другие уже сами решают нужна она им или нет.
                                    0
                                    У фейсбука на фав иконке так же.
                                      0
                                      В увеличенном виде это отражение имхо лишнее.
                                      0
                                      Да с Яндексом цвета же не те.

                                      Использовал размеры автора. Возможно, стоит букву чуть уменьшить, но не до уровня «В».
                                    0
                                    А мне кажется, у скайпа тут избыточная выворотка. Достаточно просто белую букву S на голубом скругленным полужирным ариалом или гельветикой.
                                      0
                                      > просто белую букву S на голубом
                                      Это-то как раз и было в раскритикованном предыдущем варианте. Тот Skype, который здесь, был предложен в обсуждении предыдущего варианта, как его замена.
                                        0
                                        Раскритиковано было качество, а не само решение. Та иконка возможно чуть менее узнаваема, зато более проста, распознаваема и меньше «шумит». Простые формы лучше воспринимаются.
                                      +1
                                      а мне скайп не понравился…
                                        +2
                                        А мне наоборот понравился…
                                      +10
                                      Неделя mad skillz на Хабре!
                                        0
                                        может стоит сделать репозиторий на github?
                                          +1
                                          Хорошая идея.
                                        • НЛО прилетело и опубликовало эту надпись здесь
                                          0
                                          А попробуйте сделать иконку Яндекса вот такой формы.

                                            +3
                                            ОК
                                              +1
                                              Во, ИМХО, такой Яндекс круче.
                                                +1
                                                Ура, теперь я могу голосовать за рейтинг статьи, все думал, чем бы хоть чуток помочь автору.

                                                Автор, а приделайте где-нибудь на своем ресурсе кнопку доната. Пригодится )
                                            • НЛО прилетело и опубликовало эту надпись здесь
                                                +1
                                                Я использовал фирменные цвета =)
                                                  0
                                                  Что бы не резали глаза можно использовать

                                                  .class:link { opacity: 0.5; }
                                                  .class:hover { opacity: 1; }
                                                  +3
                                                  Вообще типографскую цветность не согласовали. Надо было логотипам делать примерно одинаковые размеры
                                                    +1
                                                    Если подумать то только rss, fb и Яндекс выходят из общего размера.
                                                    • НЛО прилетело и опубликовало эту надпись здесь
                                                      +2
                                                      Но вы правы.
                                                      +1
                                                      Некачественно, яндекс сделан криво, буква какая-то худая и высокая, на фоне градиент (а у других — нет), фейсбук криво смотрится из-за сползшей на край буквы, освещение на иконках в разном стиле, некоторые почему-то выпуклые, некоторые вдавленные, некоторые плоские, тень под иконками скучная и плохозаметная.
                                                        +3
                                                        Благодарю) Будем исправлять. Утром обновлю, хочу чтобы также посмотрели и прокомментировали ^_^
                                                        +1
                                                        Размеры знаков пляшут. Проведите направляющие сверху и снизу и примерно усредните все размеры, чтобы знаки были примерно одинаковых габаритов.
                                                        +4
                                                        Филиал Дрибла на Хабре. :)
                                                          0
                                                          Может я конечно придираюсь, но по моему у яндекса подложка слишком «красная» :)
                                                            +1
                                                            Оригинальный цвет буквы «Я» из логотипа Яндекс. Но я уже провожу эксперименты с цветом фона =)
                                                          0
                                                          Ну вот, «Иконосказ» оживает по-тихоньку :-)
                                                            +2
                                                            А может стоит Яндекс сделать в соответствии с их фирменным стилем?
                                                              +1
                                                              А с юридической точки зрения выкладывать куда-либо и использовать на сайте эти иконки можно без проблем? На сколько я знаю обычно на сайтах типа facebook.com есть специальный раздел где они выдают фирменные логотипы допустимые к использованию.
                                                                0
                                                                выглядит аккуратно.

                                                                кстати, это только у меня такое впечатление, что дизайнеры нынче обленились и обмельчали. большинство иконок сайтов, логотипов и так далее представляют из себя заглавную букву на фоне. все эти «В», «f», «t» выглядят уж очень примитивно.
                                                                  +1
                                                                  Да. Надо больше жизни! Вот так, например!
                                                                    0
                                                                    Отлично! Возьму на заметку как эталон современного дизайна :)
                                                                  +1
                                                                  Мне больше иконка скайпа и твиттера понравилась с этого «релиза» )
                                                                  Но и grokru отлично поработал!
                                                                    +5
                                                                    А в архиве еще и ЖЖ есть оказывается image
                                                                      +7
                                                                      Всего лишь хочу выразить обоим авторам благодарность за то, что не забывают включать в свои наборы Хабр :) Приятно.
                                                                        0
                                                                        Кстати, не способ ли это поссориться сразу со всеми брендами? У каждого — есть правила, по которым можно отображать свои логотипы…
                                                                          +1
                                                                          Простите за глупый вопрос… А какова должна быть функциональность пимпы хабра? С fb и vk — поделиться, t- твитнуть, s — видимо позвонить/чатнуть… А хабр? Типа просто графическая ссылка?
                                                                            +10
                                                                            –1
                                                                            Ваши значки лучше, чем у grokru.
                                                                              0
                                                                              Я если честно немного ужаснулся прошлому «паку» )) Другое дело.)
                                                                                +2
                                                                                Иконку Mail.ru для коллекции сделаете?
                                                                                  0
                                                                                  yes! =)
                                                                                    0
                                                                                    А под какой лицензией выкладываются иконки? Имею ли я право, например, использовать их в своём проекте, и обязательна ли ссылка на первоисточник?

                                                                                    P.S. Иконки для блоков «войти через» и «поделиться».
                                                                                  –1
                                                                                  Что-то среди меня все эти сервисы не особенно популярны. Сужу по стартовой странице у себя в браузере:

                                                                                    0
                                                                                    thx, расширю пак =)
                                                                                      0
                                                                                      Я не участвовал в спорах сверху. О цветах, размерах букв, в ту или не ту сторону смещена буква f. Для себя выискивал оригинальные иконки сервисов. Для этого частенько приходилось хорошенько покопаться на соответствующем сайте. Например в разделах типа Corporate Identity. Или, например, с иконкой goplan. На самом сайте нормальной не нашлось, зато нашлось на их странице в фейсбуке.
                                                                                        0
                                                                                        Если кому интересно, могу выложить .PSD со своим комплектом
                                                                                          +1
                                                                                          Мне интересно, поделитесь =)
                                                                                            +2
                                                                                            Вот, на домашнем сервере. 100% доступность не гарантируется ;-)
                                                                                              0
                                                                                              В Dropbox в public выложи, будет доступно всегда :)
                                                                                                –1
                                                                                                Мне понравилась ваша коллекция, решил поделится своим облаком :)
                                                                                                dl.dropbox.com/u/14555809/icons.zip
                                                                                                  +1
                                                                                                  Хорошо бы с владельцем согласовать перед выкладыванием. Может у него были соображения не класть в Dropbox.
                                                                                        0
                                                                                        Можно, конечно, и Твиттер добавить в коллекцию. А то без него как-то одиноко :)
                                                                                          0
                                                                                          Твиттер есть, причем даже в двух вариантах. тут и тут смотрим =)
                                                                                            0
                                                                                            С птичкой лучше)
                                                                                              0
                                                                                              Второй твиттер — 26 кб…
                                                                                            0
                                                                                            По до-катовой картинке хотел написать, что бы padding всем иконкам одинаковый сделали, но под катом уже пофикшенная версия :) Спасибо за иконки, вот эти уже можно скачать. Кстати, в iconizer.net и findicons.com отправьте.
                                                                                              +1
                                                                                              Если судить по сервисам для «войти через» не хватает

                                                                                              1) моймир
                                                                                              2) кинобаза.тв
                                                                                              3) мойкруг
                                                                                                +1
                                                                                                Вполне неплохо получилось.
                                                                                                А вот с иконкой фейсбука, я поступил бы так:

                                                                                                В противном случае, возникает ощущение, что буква отбрасывает дополнительную тень, хотя это и не так :)
                                                                                                  0
                                                                                                  good, исправляю =)
                                                                                                  0
                                                                                                  А можно еще иконки email и sms в таком стиле? Вот примерно как тут
                                                                                                    +1
                                                                                                    Можно. Сделаю
                                                                                                    0
                                                                                                    Замечательные иконки. Уж было расстроился, что нет ЖЖ, но она оказалась в исходнике.
                                                                                                    Благодарю :)
                                                                                                      +1
                                                                                                      Она в процессе обдумывания!
                                                                                                        0
                                                                                                        Жду с нетерпением окончательного результата :)
                                                                                                        А имеет ли смысл создавать иконку для почту отдельно, а не использовать GMail?
                                                                                                          0
                                                                                                          Не понял, что значит отдельно? Она итак отдельно :)
                                                                                                            0
                                                                                                            Оу. Протупил я )
                                                                                                      +2
                                                                                                      G+?
                                                                                                        +1
                                                                                                        Заметили на github?
                                                                                                        +1
                                                                                                        мож мне тоже нарисовать? кому какие?
                                                                                                          +1
                                                                                                          Добавьте, пожалуйста, файл LICENSE, например CC BY-SA, иначе использование ваших иконок дело довольно рискованное.
                                                                                                            +2
                                                                                                            thx man, added!
                                                                                                            0
                                                                                                            Добавьте, пожалуйста, иконки для E-mail и Google.Reader.
                                                                                                              0
                                                                                                              Email просто с видом конверта или Gmail?

                                                                                                              А Google Reader немного сложновато придумать, ведь там также используется логотип RSS. Могу сделать в другой цветовой гамме основываясь на иконке как здесь
                                                                                                                0
                                                                                                                Просто конверт. Кстати, можно еще иконку для tumblr сделать.
                                                                                                                  +1
                                                                                                                  Как вам такой вариант иконки Email?
                                                                                                                    0
                                                                                                                    Отлично. Забираю.
                                                                                                                      +1
                                                                                                                      Tumblr кстати тоже готов
                                                                                                                        0
                                                                                                                        Да, я уже увидел. Спасибо.
                                                                                                                          +2
                                                                                                                          По поводу Google reader в голову залезает нечто подобное.

                                                                                                                            0
                                                                                                                            По-моему неплохо.
                                                                                                              0
                                                                                                              Почему Хабра — просто H? Мне из прошлого пака с картинкой больше понравилось
                                                                                                                0
                                                                                                                ок, сделаю вариант с лого.
                                                                                                                0
                                                                                                                еще раз спасибо иконки (планирую использовать в ближайшее время). Но увидев ссылку на rar архив, я разбил лицо фейспалмом :)
                                                                                                                0
                                                                                                                google не хватает еще
                                                                                                                  0
                                                                                                                  Неплохо бы иконки iTunes и PodFm для ленты подкастов.
                                                                                                                    0
                                                                                                                    Добавьте Juick, даже иконка уже готова.
                                                                                                                    habrahabr.ru/blogs/iconoskaz/135825/#comment_4516478
                                                                                                                      0
                                                                                                                      А как же без youtube?
                                                                                                                        0
                                                                                                                        Запланировал на завтра
                                                                                                                        0
                                                                                                                        как предложение:
                                                                                                                        + github
                                                                                                                        + dropbox
                                                                                                                        + slideshare

                                                                                                                        спасибо
                                                                                                                          0
                                                                                                                          Ок, в списочек добавил.
                                                                                                                            0
                                                                                                                            И vimeo бы не помешал
                                                                                                                          +8
                                                                                                                          тоже решил попробовать. Вот так примерно получилось.

                                                                                                                          image
                                                                                                                            +1
                                                                                                                            Cool man =)
                                                                                                                              +1
                                                                                                                              Очень круто. Теперь бы еще добавить сюда youtube и выложить иконки в psd
                                                                                                                                0
                                                                                                                                под MeeGo сделали чтоль?
                                                                                                                                  +3
                                                                                                                                  да просто увидел случайно иконки с такими скруглениями, которые показались мне симпатичными, решил вот попробовать.

                                                                                                                                  Еще несколько иконок. Утром приложу psd.

                                                                                                                                  image
                                                                                                                                    +1
                                                                                                                                    добавил Google+ и Dirty.ru (таким образом поздравляю этот блог с 10-ти летием!)

                                                                                                                                    image

                                                                                                                                    Png и psd —
                                                                                                                                    cl.ly/3E3b2f3x2a1C2j2W2X22
                                                                                                                                      0
                                                                                                                                      майл.ру и я.ру в набор прошу)
                                                                                                                                        0
                                                                                                                                        Не удержался
                                                                                                                                        image
                                                                                                                                        Зы. это Gcup;D
                                                                                                                                  0
                                                                                                                                  А куда делся Гугл? Мне как раз понадобилась иконка.
                                                                                                                                    0
                                                                                                                                    Это действительно хорошие иконки
                                                                                                                                      +3
                                                                                                                                        +4
                                                                                                                                          0
                                                                                                                                          Голосую за добавление кнопки/иконки «OpenID». Как раз ищем иконочки для формы логина.
                                                                                                                                            0
                                                                                                                                            Окей.
                                                                                                                                            0
                                                                                                                                            Сравнивая с постом grokru — не хватает иконок LiveJournal и ICQ…
                                                                                                                                              0
                                                                                                                                              +1 к иконкам ЖЖ и ICQ!
                                                                                                                                              0
                                                                                                                                              А вы сейчас занимаетесь своим паком? Обновите, пожалуйста, иконку твиттера :)
                                                                                                                                              0
                                                                                                                                              Не хватает хорошей иконки ЖЖ. Та, что выше, выбивается из общего стиля и карандаш еле видно.

                                                                                                                                              Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                                                                                                              Самое читаемое