Красивые кнопки png для сайта: Иконки кнопки — 134,533 бесплатных иконок — Независимое театральное объединение "Зрительские симпатии"

Сайт

Содержание

Кнопки, Кнопки png | PNGEgg

Кнопки, Кнопки png

изменить размер PNG

ширина(px)

высота(px)

Некоммерческое использование, DMCA Contact Us

Кнопка, круглая кнопка, круглая золотая рамка, кнопка вектор, кнопка материал png 1154x1166px 258.37KB
черно-белая кнопка воспроизведения, значки компьютеров на YouTube, кнопка воспроизведения, угол, текст png 1024x1024px 14. 42KB
Круглый зеркальный поднос, Автомобильная кнопка, Плоская кнопка, угол, кнопка Вектор png 2267x2267px 848.02KB
Кнопочная 3D компьютерная графика, стерео кнопки, четыре овальные кнопки разных цветов, мебель, прямоугольник png 1292x1934px 147.3KB
четыре желтые, оранжевые, синие и фиолетовые иллюстрации, кнопка кристалл, кнопка кристалл, фиолетовый, прямоугольник png 638x800px 271.96KB
YouTube Play Button Компьютерные иконки, YouTube, логотип YouTube, угол, прямоугольник png 512x512px 10.69KB
круглые оранжевые и синие иллюстрации, значок кнопки, элемент кнопки, стекло, компания png 864x1967px 394KB
org/ImageObject»> игровые кнопки, игровые кнопки, пользовательский интерфейс png 448x227px 61.62KB
синяя сфера, сферическая кнопка, сферическая кристаллическая кнопка, синий, 3D компьютерная графика png 867x834px 129.98KB

значок, веб-кнопка значок, кнопки, веб-дизайн, текст png 1500x1500px 270.21KB
Компьютерные иконки Facebook, Inc. Логотип Кнопка «Мне нравится», Facebook, логотип, обои для рабочего стола png 1024x1024px 18.42KB
прямоугольная синяя иллюстрация, фирменный синий шрифт, синяя кнопка, синий, вектор Кнопка png 2549x1084px 103.22KB

org/ImageObject»> Кнопка Диалоговое окно Значок, Красивая кнопка, угол, сервис png 2283x600px 138.82KB
Подписаться логотип, Подписаться на кнопку Youtube, значки логотипы смайлики, кнопки подписки png 1660x480px 70.92KB
YouTube Facebook как кнопка смайлик, палец вверх, как значок, синий, текст png 1600x1600px 55.9KB

Автомобиль Автомобильное освещение Материал желтый, желтый, чтобы понять, кнопка, угол, прямоугольник png 2110x554px 106.7KB
круглая разноцветная графика, кнопка, кнопки, Разное, текст png 537x523px 164.97KB
Кнопка Стрелка, кнопка Кристаллическая Стрелка, разноцветное абстрактное искусство, угол, другие png 700x1505px 71. 91KB

серая иллюстрация шаблона, компьютерная техника угла, трехмерный материал серая кнопка переключения, прямоугольник, трехмерный png 1297x324px 17.06KB
игровые кнопки, 3d, трехмерный png 1024x967px 192.86KB
Логотип Facebook Черно-белые значки компьютеров, facebook, фотография, логотип png 800x800px 15.09KB
прямоугольная сине-черная доска, прямоугольник, черная пуговица, синий, древность png 670x502px 96.04KB

Кнопки, Кнопки png 960x480px 28.96KB
нажмите значок руки, нажмите нажмите руку, значки логотипы смайлики, нажмите здесь кнопки png 256x256px 4. 68KB
Свяжитесь с нами коллаж иллюстрация, кнопка евклидова иконка, кнопка контакта, вектор Кнопка, текст png 2100x2100px 378.8KB
Фирменный логотип Шрифт, Хрустальная кнопка, вектор Кнопка, оранжевый png 2356x882px 142.12KB
круглая красная и желтая кнопка, евклидова кнопка, кнопка заказа, вектор Кнопка, текст png 2399x574px 138.29KB
play, значок ресурса кнопки, кнопка «Пуск», игра, компьютерная сеть png 911x805px 486.01KB
кнопка, прямоугольник, кнопка Вектор png 817x822px 123.09KB

org/ImageObject»> Прямоугольник, Простая кнопка, синий, угол png 1801x739px 115.06KB
золотая лента, материал прямоугольника, материал стерео кнопки, угол, вектор Кнопка png 2138x554px 40.89KB
стеклянный шар, кнопка хрустальный шар стекло, круглая кнопка, текстура, сфера png 591x591px 121.47KB
пиво со льдом, ледяной блок, пиво png 1000x596px 196.4KB
Кнопка выключения иконки компьютера, кнопка, компьютер, окно png 512x512px 8.08KB
кнопки включения, паузы, остановки, плюса и минуса, значок медиаплеера, кнопка паузы воспроизведения, текст, прямоугольник png 1096x780px 37. 65KB
как значок, YouTube Facebook как кнопка Блог, YouTube, текст, прямоугольник png 652x510px 18.37KB
иллюстрация кнопки пуска человека, кнопка, кнопка «Пуск», фотография, рука png 739x1000px 207.67KB
Прикрепить логотип, подписать кнопку Youtube, значки логотипы смайлики, кнопки подписки png 1004x354px 9.99KB
серебряный декор, прямоугольник, нажмите серую кнопку, угол, с днем рождения векторные изображения png 1373x571px 97.49KB
чертежная кнопка, мультипликационная канцелярская кнопка, мультфильм png 118x215px 16.41KB
org/ImageObject»> Кнопки, Кнопки png 800x369px 30.85KB
Подписаться сейчас логотип, подписаться Баннер Кнопка, значки логотипы смайлики, кнопки подписки png 1531x1559px 34.52KB
Значок «Поделиться» Значки компьютеров Кнопка, Кнопка, угол, текст png 980x982px 33.39KB

Кнопка Красная кнопка, кнопка, кнопка, электрические переключатели png 512x512px 135.36KB
Круглый зеленый логотип, 3D компьютерная графика Круг 3D моделирование Иконка, Кнопка, Разное, трава png 800x800px 38.25KB
Facebook кнопка «Мне нравится» Компьютерные иконки Смайлик, вау, вау реакция смайликов, смайлик, Сигнал большого пальца png 850x850px 35. 38KB
оранжевый светодиод, иллюстрация кнопки, круглая кнопка, шаблон, оранжевый png 550x534px 87.79KB
Фирменный прямоугольник, красная кнопка, кнопка Материал, кнопка Вектор png 1523x633px 103.95KB
5 разных цветов, веб-баннер, хрустальная кнопка, гаджет, электроника png 734x800px 278.47KB
кнопка завершения вызова, кнопка телефонного звонка, текст, товарный знак png 1000x1006px 9.83KB

Анимированная кнопка для сайта — создаём красивые кнопки

Здравствуйте, уважаемые друзья. Сегодня я расскажу про два способа, которые помогут вам создать анимированную кнопку для ваших сайтов. Вы наверняка, видели много таких кнопок и нажимали на них. Так вот, на своём блоге я периодически рекомендую партнёрские курсы и тренинги, только те, что испробовал сам. И разумеется я интересуюсь статистикой, а статистика говорит, что на привлекательные кнопки люди нажимают на 48% чаще, чем на обычные ссылки.

По началу, когда я поставил цели Яндекс.Метрики на кнопки, я скорей хотел видеть сколько было переходов (именно по кнопке), но со временем я обратил внимание, что ссылки в статье по кликабельности в разы отличаются от анимированных кнопок. В общем, на такие кнопки кликают гораздо чаще.

И поэтому я советую использовать такие кнопки на Ваших сайтах и блогах. К тому же делаются они вовсе не трудно.

Итак, давайте приступать. И первый способ, который позволяет создать анимированную кнопку потребует от Вас создания графических заготовок и создания CSS стилей для этих кнопок. Второй же способ будет основываться только на CSS стилях.

Как создать анимированную кнопку с помощью графических заготовок

Если у вас есть навыки работы с графическими редакторами, — это только приветствуется. Если нет, берите готовые шаблоны, которые я подготовил для вас.

И вот видеоурок по первому способу:

Итак, открываем изображение кнопки в бесплатном онлайн-редакторе Pixlr Edition. Хотя, вы можете работать в любом удобно для Вас редакторе.

Открываем изображение

Для этого достаточно выбрать нужный файл и нажать кнопку «Открыть». Если вы используете свои изображения, помните они должны быть в формате PNG (то есть поддерживать прозрачность).

Выбор нужного файла

Теперь нужно увеличить размер холста. А заодно и узнаем исходный размер изображения. Это нам понадобится в дальнейшем.

Изменение размера холста

Исходный размер 300х90 надо увеличить по вертикали, и получится 300х200. Если, что-то будет лишнее, после уберём.

Увеличив холст по вертикали, приступаем к дублированию слоя с кнопкой. Для этого достаточно просто перетащить имеющийся слой на иконку «Новый слой».

Дублирование слоя

Далее нужно сместить одно изображение ниже. Для этого используйте клавиши управления курсором. Изображения должны быть строго одно под другим. Иначе в дальнейшем получится немного не тот эффект на который Вы рассчитываете.

Смещение слоя вниз

Эффектов, которые Вы можете сделать огромное множество, это и изменение градиента, цвета, формы, прозрачности и так далее. Всё зависит от вашей фантазии.

В качестве примера, мы просто добавим призыв к действию на кнопке.

Надпись на кнопке

Слой с текстом также нужно дублировать и сместить ниже, на второе изображение кнопки. Делается это так же как описано выше. Должно получиться примерно так:

Две одинаковые кнопки

Теперь сама суть всего способа: верхнее изображение будет видно изначально, а нижнее будет появляться при наведении мышки на кнопку. Поэтому верхнее изображение нужно изменить.

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

Эффект прозрачности

После того, как две кнопки готовы, нужно убрать всё лишнее. Для этого используйте инструмент «Обрезка».

Обрезка лишнего

Все, изображение готово, сохраняем в формате PNG.

Сохранение

Следующим этапом, загружаем изображение на сайт. Думаю, подробно останавливаться не будем, все и так знают, как это делать. Загрузив изображение, скопируйте ссылку на него в отдельный файл, она пригодится в дальнейшем.

Копируем ссылку на изображение

Вот теперь в статье, где вы захотите вставить кнопку, надо добавить вот такой код:

<div><a href="ВАША ССЫЛКА" target="_blank" rel="nofollow"></a></div>

Обратите внимание на класс ссылки в данном коде class="button_red". Для разных кнопок, данный класс нужно будет менять и в статье и в таблице стилей. Но это делается только один раз, в дальнейшем при вставке кнопки, достаточно будет вставлять вышеуказанный код.

Далее открываем раздел «Внешний вид» > «Редактор» > «Таблица стилей»,

Добавление кода CSS в таблицу стилей

где в самом конце добавляем следующие стили.

/*Кнопка информация о курсе*/
.button_red {
display: block;
position: relative;
width: 271px;/*Ширина кнопки*/
height: 90px;/*50% высоты изображения*/
padding: 0px;
margin: 10px auto;
line-height: 94px;/*смещение по вертикали*/
border: 0px;
background: url(http://test.1zaicev.ru/wp-content/uploads/2014/06/buttons.png) 0 0 no-repeat;}/*путь к вашей кнопке*/

.button_red:hover { background-position: 0 -92px;}/*смещение фона*/ 
.t_c { text-align: center !important}

Комментариями отмечены те параметры, которые вам придётся менять в зависимости от размеров кнопки. Тут главное понять, что если изображение по высоте 180рх, вы указываете высоту (height) 90px. И с этим значением работаете, плюс минус несколько пикселей в параметрах line-height и background-position для улучшения эффекта.

Итак, первый способ готов, скачивайте архив с заготовками.

Как сделать анимированную кнопку с помощью CSS

Данный способ позволяет создавать красивые анимированные кнопки для сайтов, только на основе стилей CSS. Делать это можно и самому, но легче использовать онлайн генераторы для создания кнопок на CSS. Я пользуюсь вот этим сервисом CSSButton. Классный, многофункциональный сервис, но англоязычный и для новичка сложноват. Поэтому, для подготовки статьи я поискал в Интернете другие генераторы кнопок. В результате чего, я отобрал несколько сервисов, которые вы можете опробовать:

CSS3 Button Generator

Sciweavers

CSS Button Generator

CSS3 Linear Gradient Buttons Generator

Генератор кнопок CSS

Принцип создания анимированных кнопок на CSS заключается в следующем, есть три положения. 1 — Исходное, 2 — при наведении курсора и 3 — при нажатии кнопки мышки. В каких-то сервисах есть все три положения, а в каких-то только два. Но главное, чтобы вас устраивал конечный результат.

Видеоурок по второму способу создания анимированных кнопок:

В качестве примера рассмотрим сервис CSS3 ButtonGenerator, в нём как раз всего два положения. Но эффекты смотрятся очень хорошо. Кого смущает отсутствие русского языка, используйте последний генератор, приведённый в списке.

Итак, начинаем.

Открываем главную страницу сервиса. Изначально перед вами будет предварительный вид кнопки и инструменты позволяющие сделать всевозможные настройки.

Предварительный вид кнопки

Первый раздел Text&Font, отвечает за текст, размер шрифта, цвет шрифта, тень шрифта. Именно здесь вы пишете надпись на кнопке, задаёте неё размер, цвет, и тень.

Параметры шрифта

Следующий раздел Background, относится к фону. Здесь можно указать цвет кнопки, градиент кнопки, размер кнопки и смешение фона.

Параметры фона

Раздел Border, отвечает за настройки тени и бордюров кнопки. Вы без труда сможете настроить толщину бордюра, закругление углов, и тень кнопки.

Параметры бордюров

Следующий раздел Transform, отвечает за трансформацию кнопки, — это повороты, смещения, искажение.

Параметры трансформации

Следующий раздел Transition, отвечает за плавность анимации. Данные настройки Вы устанавливаете в соответствие с Вашей кнопкой. Действия могут быть применены как ко всей кнопке, так и к отдельным слоям.

Параметры анимации

Попробовав, несколько раз, поэкспериментировать с настройками и вы поймете, что к чему.

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

Параметры при наведении курсора мышки

Теперь все изменения в настройках вы делаете для кнопки, которые будут отображаться при наведении курсора мыши. И эти настройки зависят индивидуально от каждой кнопки. В качестве примера я изменил настройки поворота, градиента и цвета тени.

Вид при наведении

Когда готова кнопка, можно переходить к установке кнопки в статью. Для этого в нужном мести статьи устанавливаем код:

<a href="#">Текст ссылки</a>

Примечание: текст ссылки и будет надписью на кнопке. То есть надпись указанная в генераторе, — это лишь для предварительного просмотра.

После вставки ссылки в статью, в таблицу стилей вставляете полученный в генераторе стиль. В результате у Вас получится, ваша индивидуальная кнопка.

Вот наш пример:

Результат

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

На этом сегодня всё, желаю Вам удачи. И всегда рад видеть на страницах своего блога.

С уважением, Максим Зайцев.

P.S. А вот пример анимированной кнопки на тренинг Дениса Герасимова «Настройка холодного трафика для продвижения партнёрских ссылок». Я прошёл этот тренинг и рекомендую его всем — это без лишнего преувеличения, реальный способ заработка на партнёрских программах. Чем я в принципе и занимаюсь.

Тренинг Дениса Герасимова

37 бесплатных высококачественных красивых наборов иконок социальных сетей для вашего веб-сайта

Правильные визуальные эффекты могут украсить ваш веб-сайт и учетные записи социальных сетей и выделить их из толпы. Иконки являются важным компонентом общего внешнего вида веб-сайта или визитной карточки. Пользовательские значки могут передать вашу индивидуальность и уникальность.

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

Веб-сайты могут быть недостаточно прозрачными в отношении условий и тарифных планов. Вы можете в конечном итоге дорого заплатить за то, что вы считали бесплатным на всю жизнь. Чтобы уберечь вас от неприятных сюрпризов, мы рассмотрели 37 популярных наборов иконок для социальных сетей. Мы перечислили их ключевые особенности и включили образцы их галерей. Проверь их.

37 бесплатных высококачественных иконок социальных сетей для вашего сайта:

1. Набор черно-белых иконок от Iconmonstr
2. Набор векторных иконок Long-Shadow от Vecteezy
3. Набор 3D-плоских иконок от GraphicsFuel
4. Бесплатный набор социальных иконок от Nucleo
5. Плоский набор круглых иконок с поддержкой Retina от Land-of-Web
6. Набор наклеек для социальных сетей от Vecteezy
7. Набор бесплатных векторных многоугольников от LunarPixel
8. Набор иконок с градиентным затенением от Zee Que
9. Набор векторных треугольных иконок от Vector4Free
10. Free Flat Набор иконок Аллана МакЭвоя
11. Набор иконок Simple Line от Ahmad Firoz
12. Бесплатный набор круглых иконок от Michal Kulesza
13. Набор анимированных плоских иконок от Dani Perez
14. Flat-Shadow, 3D Icon Set от Uiconstock
15. iOS Набор иконок Style от Roberts Ozolins
16. Набор плоских иконок в пастельных тонах от PrintKEG
17. Набор иконок Ultra-Thin Line от MediaLoot
18. Набор иконок Stamp от FreeVectors
19. Набор иконок Outline Social от Graphics Bay Team
20. Набор плоских иконок в стиле гранж от PrintKEG
21. Flat Circular Icon Set от Publicons
22. Geometric Icon Set от Blogtacular
23. Free Stylized Icon Set от Tonicons
24. Socialico Icon Set от FontFabric
25. 3D Icon Set от Simeon Kachikwu 26. PSD Flat Shadow Icon Set от Pixeden
27. Vector Social Icon Set от Dreamstale
28. Flat Social Icon Set от Designmodo
29. Adobe Muse Icon Set
31. Hand Drawn Icon Set от Freepik
32. Набор иконок Vintage Stamp от John Negoita
33. Набор бесплатных иконок Somicro от Tina Mailhot-Roberge
34. Набор плоских круглых иконок от Dawid Dapszus
35. Набор иконок в стиле ленты от Zee Que
36. Geekly Flat Icon Set от Abdulrahim Bajaber
37. Flat Social Icon Set от Specyboy

1. B&W Icon Set от Iconmonstr

Iconmonstr — детище Александра Калькопфа, немецкого графического дизайнера с 15-летним профессиональным опытом. . На платформе есть множество значков социальных сетей с открытым исходным кодом, которые вы можете скачать бесплатно.

Генератор значков позволяет создавать значки различных размеров, цветов и форм фона. Сжатые значки доступны в виде однострочных фрагментов, которые вы можете добавить в свой HTML.

Источник: iconmonstr.com

2. Набор векторных значков с длинной тенью от Vecteezy

Набор векторных длинных теней для социальных сетей — один из многих наборов значков, доступных на Vecteezy. Vecteezy — одно из крупнейших графических сообществ в мире, в котором участвуют и сотрудничают миллионы художников и иллюстраторов.

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

Источник: vecteezy.com

3. Набор трехмерных плоских иконок от GraphicsFuel

Этот набор из 20 иконок доступен в форматах PSD и PNG и имеет разрешение 114 на 114 пикселей. Несмотря на то, что набор 3D Flat Social Media Icon Set в основном создан для iPhone5, его можно использовать на других мобильных устройствах или в Интернете. Набор содержит яркую графику высокого разрешения, которая оживит ваш веб-сайт и социальные сети.

Источник: graphicsfuel.com

4. Бесплатный набор социальных иконок от Nucleo

Nucleo имеет богатое хранилище из более чем 28 000 иконок, которые вы можете экспортировать для коммерческого использования. Вы можете получить этот бесплатный набор значков социальных сетей на Dribbble. Чтобы получить дополнительные наборы значков, вам необходимо загрузить приложение Nucleo и подписаться за единовременную плату в размере 99 долларов США за пользователя. Значки имеют тип SVG и могут улучшить ваш веб-сайт своим гладким внешним видом.

Источник: dribbble.com

5. Набор круглых плоских значков для Retina-Ready от Land-of-Web

Этот набор из 24 цветных значков в формате PNG украсит ваши профили в Twitter, Facebook, Pinterest, Google+, Dribbble и Behance. Иконки бывают четырех разных размеров — 256 x 256 пикселей, 128 x 128 пикселей, 64 x 64 пикселей и 32 x 32 пикселей. Вы можете бесплатно загрузить эти профессионально выглядящие значки из раздела Freebie на Land-of-web.com.

Источник: land-of-web.com

6. Набор наклеек с иконками социальных сетей от Vecteezy

Изогнутые и красочные наклейки с иконками социальных сетей действительно сделают ваш сайт популярным. Значки представляют собой векторные изображения, которые можно редактировать и изменять размер по мере необходимости.

Источник: vecteezy.com

7. Набор бесплатных векторных многоугольников от LunarPixel. Набор из 160 наклеек доступен в форматах PSD и PNG и поставляется с тремя пустыми шаблонами.
Источник: deviantart.com
8. Набор иконок с градиентной заливкой от Zee Que
Зи Кью. Вы можете использовать эти 40 веб-сайтов с затененными наклейками с контрастным фоном. Варианты размера включают 48, 56, 72, 96, 128 и 256 пикселей. Обратите внимание, что эти значки бесплатны только для личного использования.
Источник: designbolts.com
9. Набор треугольных векторных иконок от Vector4Free
Вы можете получить 20 отличительных иконок социальных сетей, не заплатив ни копейки. Эти модные значки выглядят оригинально благодаря своей треугольной форме. Их дизайн чистый, а разрешение идеально подходит для использования в социальных сетях.
Источник: vector4free.com
10. Бесплатный набор плоских иконок от Аллана МакЭвоя
Если вы ищете обычные значки социальных сетей в свежем виде, вы можете выбрать плоский набор значков Аллана МакЭвоя. Вы можете скачать их бесплатно по ссылке EPS на Dribbble.
Источник: dribbble.com
11. Набор иконок Simple Line от Ahmad Firoz
Минималистичный дизайн линий никогда не выйдет из моды. Вы можете скачать эти 20 наклеек, разработанных Ахмадом Фирозом, на Dribbble. Вы можете получить расширенный набор простых, но стильных иконок, перейдя по ссылке, предоставленной конструктором.
Источник: dribbble.com
12. Бесплатный набор круглых иконок от Michal Kulesza
Черное и белое — классическое сочетание, которое практически никогда не выходит из строя. Если вы ищете черно-белые значки социальных сетей, вы можете скачать бесплатные круглые значки Михала Кулеши. Набор содержит 65 цветных и черно-белых иконок с круглыми рамками и без них.
Источник: dribbble.com
13. Набор анимированных плоских иконок от Dani Perez
Вы можете бесплатно добавлять анимированные плоские значки на свой веб-сайт или в электронные письма. 16 значков доступны в форматах GIF и различных размерах, таких как 64, 128 и 256 пикселей. Вы можете загрузить и сохранить их для последующего использования или сделать их готовыми к публикации, используя их векторные формы.
Источник: behance.net
14. Набор трехмерных иконок Flat-Shadow от Uiconstock
Эти 40 профессионально выглядящих иконок социальных сетей повысят уровень стиля вашего сайта. Их трехмерный вид является отличительным. Вы можете скачать иконки в виде векторов Ai или файлов PNG с веб-сайта uiconstock.
Источник: uiconstock.com
15. Набор иконок iOS Style от Roberts Ozolins
Монохроматические иконки вне времени и стильны. Вы можете загрузить 24 значка социальных сетей iOS через Dribbble. Вы получите файлы EPS или Vector AI, которые можно легко встроить в ваш HTML-код.
Источник: dribbble.com
16. Набор плоских иконок в пастельных тонах от PrintKEG
Яркие значки на фоне в пастельных тонах могут добавить нотку классности вашим веб-сайтам и блогам. Вы можете изменить цвет фона и форму, как вы хотите. Галерея включает в себя иконки большинства популярных социальных сетей.
Источник: blog.printkeg.com
17. Набор значков Ultra-Thin Line от MediaLoot
Будьте стройными с ультратонкими значками социальных сетей, вдохновленными iOS 7. Этот набор из 24 значков доступны в форматах Ai, EPS и SVG. Вы можете свободно использовать их в своих личных и коммерческих проектах с указанием авторства.
Источник: medialoot.com
18. Набор иконок для штампов от FreeVectors
Этот набор иконок содержит 20 оригинальных стикеров, нарисованных вручную. Значки социальных сетей можно использовать в соответствии с условиями бесплатной лицензии FreeVectors.
Источник: freevectors.net
19. Набор иконок Outline Social Icon Set от Graphics Bay Team
Иконки Outline Social Icons — это набор из 27 иконок на ярком синем фоне. Вы можете загрузить значки в виде файлов PDF и Adobe Illustrator.
Источник: dribbble. com
20. Набор плоских иконок в стиле гранж от PrintKEG
Иконки в стиле гранж могут выглядеть круто и по-разному. Вы можете скачать полный набор гранжевых плоских иконок социальных сетей в формате PSD с сайта PrintKEG. Вы можете настроить цвета и прозрачность значка по мере необходимости.
Источник: blog.printkeg.com
21. Набор плоских круглых иконок от Publicons
Если вы предпочитаете аккуратный внешний вид, мы рекомендуем иконки социальных сетей от Publicons. Эта графика с открытым исходным кодом и многократного использования. Все иконки можно скачать в форматах SVG или PNG.
Источник: joshuasortino.com
22. Набор геометрических иконок от Blogtacular
Геометрические иконки социальных сетей предлагают социальные кнопки в ярких, неоновых и пастельных тонах. Выберите цвет, который соответствует теме вашего веб-сайта или контактной карточки. Вы можете смешивать разные оттенки и создавать собственный цвет. Иконки доступны в разных размерах: 32, 64 и 128 пикселей.
Источник: blogtacular.com
23. Бесплатный набор стилизованных иконок от Tonicons
Вы получите семь стилизованных наборов иконок для всех основных социальных сетей. Все изображения являются векторными и многоуровневыми, поэтому вы можете изменять их размер и редактировать их несколькими щелчками мыши.
Источник: tonicons.com
24. Набор иконок Socialico от FontFabric
Подписавшись на Socialico, вы можете получить 74 бесплатных кнопки социальных сетей для своего веб-сайта и социальных аккаунтов. Вы можете назначить сочетания клавиш одним щелчком мыши для ваших любимых значков.
Источник: fontfabric.com
25. Набор 3D-иконок от Симеона Качикву
Этот набор иконок охватывает социальные направления, такие как Medium и Vine, которые трудно найти в других наборах иконок. 12 значков доступны в виде PSD-файлов, которые вы можете легко встроить в код своего веб-сайта.
Источник: dribbble.com
26. PSD Flat Shadow Icon Set от Pixeden
PSD Flat Shadow Icon Set содержит 16 распространенных социальных иконок, которые вы можете загрузить и использовать бесплатно. Создатель использовал эффект длинной тени, чтобы придать значкам приподнятый вид.
Источник: pixeden.com
27. Набор векторных социальных иконок от Dreamstale
90 социальных иконок в девяти стилях делают иконки Dreamstale одними из лучших на рынке. В набор иконок входят и иконки менее известных социальных сетей.
Вы можете выбрать набор из закругленных, водяных, листовых, прямоугольных или цветочных наборов. 810 значков разработаны в Adobe Illustrator и доступны в различных форматах файлов.
Источник: dreamtale.com
28. Набор плоских социальных иконок от Designmodo
Плоские значки соответствуют всем макетам. Если вам нужна надежная ставка для вашего веб-сайта, вы можете использовать 35 плоских значков социальных сетей от Designmodo. Иконки доступны в форматах PSD и PNG.
Источник: designmodo.com
29. Набор значков Adobe Muse
Значки Adobe Muse представляют собой набор из 60 кнопок социальных сетей в черно-белой цветовой гамме. Вы можете бесплатно скачать их, зарегистрировавшись на Behance.
Источник: behance.net
30. Набор плоских иконок от Кристофа Керебеля
Этот изящный набор иконок разработан Кристофом Керебелем и доступен на Dribbble. Вы можете скачать значки и использовать их для украшения своего веб-сайта или печатных материалов.
Источник: dribbble.com
31. Набор рисованных иконок от Freepik
Если вы осмелитесь выделиться, эти нарисованные от руки иконки социальных сетей вам понравятся. Набор иконок содержит 120 социальных кнопок, нарисованных карандашом.
Источник: fribli.com
32. Набор иконок Vintage Stamp от John Negoita
Если вы приверженец старой школы, вы оцените винтажную атмосферу этого набора иконок, созданного John Negoita. 15 иконок доступны в форматах PSD и PNG и имеют размер 256 X 256 пикселей. Лицензия бесплатна в соответствии с Условиями использования Freebie Files.
Источник: webfx.com
33. Набор бесплатных иконок Somicro от Tina Mailhot-Roberge
Небольшой, но мощный набор бесплатных иконок Somicro имеет размер 32 X 32 пикселей. 45 компактных значков могут аккуратно разместиться в ограниченном пространстве на ваших веб-страницах и визитных карточках.
Источник: deviantart.com
34. Набор плоских круглых иконок от Давида Дапсзуса
Эти 20 иконок для социальных сетей разработаны Давидом Дапсзусом и доступны на Dribbble. Иконки имеют чистый вид, основанный на минимальном дизайне. Вы можете бесплатно загрузить набор значков в виде ZIP-файла и использовать его для улучшения своего веб-сайта и электронных писем.
Источник: dribbble.com
35. Набор иконок в виде ленты от Zee Que
Эти 18 значков социальных сетей привлекут внимание и заставят зрителей нажать на них. Вы можете получить их в диапазоне размеров от 48 до 256 пикселей.
Источник: designbolts.com
36. Geekly Flat Icon Set от Abdulrahim Bajaber
Этот набор состоит из 40 полностью настраиваемых плоских иконок социальных сетей. Современный дизайн хорошо сочетается с современными минималистичными веб-сайтами.
Источник: behance.net
37. Набор плоских социальных иконок от Specyboy
24 значка в этом наборе имеют плоский дизайн и бывают четырех форм (квадратные, круглые, а также темные и светлые углы со скругленными углами). Они доступны в пяти размерах и различных форматах файлов (PNG и EPS).
Источник: speckyboy.com
Подведение итогов
Как и было обещано, все рассмотренные нами наборы значков доступны бесплатно. Вы можете загрузить эти значки несколькими щелчками мыши и легко использовать их для улучшения своего веб-сайта и печатных изданий. Выберите тот, который соответствует уникальному стилю и индивидуальности вашего бренда. Правильные наборы иконок могут украсить ваш сайт и визитные карточки.
Посмотреть больше значок кнопки PNG и вектор SVG скачать бесплатно
Посмотреть больше значок кнопки PNG и SVG вектор скачать бесплатно
Мы создаем новые иконки каждый день. Станьте покровителем UXWing для поддержки сайта всего за $1 в месяц!
Поделиться этой страницей
Форматы: Оптимизированный файл SVG, уменьшенный файл PNG / PNG Размер: 512px x 512px / Категория: Интернет, приложение, разработка
Лицензия: Все иконки можно использовать в любых личных и коммерческих проектах без указания авторства или указания авторства.
No related posts.