Иконки — ежемесячный выпуск №11 (иконки социальных сетей) | Дизайн
Павел Марковнин в рубрику Дизайн24 января 2011
263.5 из 5
Иконки — ежемесячный выпуск №11 (иконки социальных сетей)
Всем привет!
Как-то со всеми делами забыл про ежемесячный выпуск иконок. Последний был аж в апреле. Ладно, пора восстанавливать традицию.
Сегодняшний выпуск будет посвящен иконкам социальных сетей. Ну знаете, все эти Фейсбуки, Контакты, Твиттеры и так далее. Ведь часто же надо на сайте поставить красивую ссылку на страницу проекта в той или иной социальной сети.
В подборке будут представлены более-менее универсальные иконки. Всего 11 наборов, в том числе и иконки для русских социальных сетей.
Иконки социальных сетей «Social Media Bookmarks» от Waqas Ahmad
Иконки 16×16 и 32×32 пиксела плюс кнопки для 27-ми социальных сетей и сервисов. Все бесплатные для личного и коммерческого использования.
Иконки социальный сетей «Social Media Mini» от Komodo Media
30 иконок 16×16 пискелов в формате PNG. Бесплатны как для личного, так и для коммерческого использования со ссылкой на автора.
Иконки социальный сетей «Aquaticus Social» от Jwloh
30 иконок представлены в размерах 16×16, 24×24, 48×48 и 60×60 пикселов. Автор разрешает любое использование.
Иконки русских социальных сетей «Social Rus» от Фарида Рафикова
В дополнение к предыдущему набору иконок, Фарид Рафиков нарисовал иконки для русских социальных сетей. Использование — свободное.
Иконки социальный сетей «Vector Social Media» от IconDock
80 различных иконок, доступных в растре в размерах 16×16, 24×24 и 32×32 пиксела и в векторе. Большим плюсом является наличие «заготовок» для иконок различного цвета, так что можно самостоятельно дорисовать нужные вам иконки. Использование свободное, ссылка на сайт автора приветствуется.
Черно-белые иконки социальных сетей от WebToolKit4Me
14 иконок формата PNG размером 32×32 пиксела. Абсолютно свободное использование.
Иконки социальных сетей «Glossy Social Icons» от WebToolKit4Me
20 иконок в PNG формате PNG и PSD (что круто) странного размера 80×80 пикселов. Опять, свободное использование.
Иконки социальных сетей «Simple Circular Social Media Icons» от BlogPerfume
Круглые иконки 17-ти социальных сетей и сервисов представлены в трех размерах: 32×32, 64×64 и 128×128 пикселов. Автор призывает не стесняться и использовать их как в личных, так и в коммерческих проектах.
Иконки социальных сетей «Instant Shift» от Manuel Lopez
Замечательный набор из 82 иконок в PNG формате, размеры — 16×16, 32×32 и 64×64 пиксела.
Иконки русский социальных сетей от Матвея, сайт MatArt.ru
42 круглые бесплатные иконки в формате PNG и размером 50×50 пикселов.
Иконки социальных сетей «LinkDeck» от Daniel Eckermann
38 черно-белых иконок в формате PNG и размерах 16×16, 32×32, 64×64, 128×128 и 256×256 пикселов. Для использования необходимо указывать ссылку на сайт автора.
Ну что, какие вам понравились? Может быть, есть еще достойные иконки на примете? Пишите в комментариях и рассказывайте друзьям с помощью кнопочек ниже. Спасибо!
Автор: Павел Марковнин
Сооснователь Временно.нет. Интересуется онлайн бизнесом, дизайном, юзабилити и клиентским программированием. Участвует в разработке нескольких интернет-проектов.
Иногда пишет в Твиттер, но чаще на Временно.нет.
Профиль в Google+ — Павел Марковнин.
Расскажите друзьям
- Оцените статью:
Плагины в Figma — где находятся и как с ними работать
Плагин FigmotionFigmotion позволяет создавать анимацию прямо в Figma. Существенный плюс этого плагина — нет необходимости переключаться на другие пакеты анимации, как, например, Principle или After Effects. Если вы не умеете с ними работать, но анимация вам жизненно необходима, то плагин Figmotion должен быть в вашем арсенале.
Когда установите плагин, самое время его запустить. Перейдите в Figma, создайте новый файл проекта, выберите для работы Frame и нарисуйте фигуру, например треугольник. Теперь нажмите на фрейм правой кнопкой мыши для вызова контекстного меню. Выберите Plugins — Figmotion — Open Figmotion.
Выбор плагинаОткроется вот такое окно.
Рабочее окно плагинаВ левой части окна — возможные свойства анимации элемента, такие как прозрачность, поворот, заливка и так далее. В правой части расположена временная шкала (Timeline), на которой происходит настройка анимации выбранной функции с помощью ключевых кадров.
Верхняя часть окна отведена довольно значимому функционалу просмотру получившейся анимации, её сохранению, экспорту в CSS— или JSON-формат. То есть при необходимости можно использовать созданную анимацию где-нибудь на сайте. Также в верхней части окна вы сможете задать нужный размер экрана.
Давайте попробуем передвинуть треугольник вправо и сделаем так, чтобы он вращался вокруг своей оси.
Чтобы передвинуть треугольник, нужно выбрать свойство x — это означает, что мы будем двигать элемент по оси x. Напротив каждого свойства нарисован ромб. Он нужен, чтобы ставить ключи анимации на панели Timeline.
Красным прямоугольником обозначен ромб — с помощью него можно проставлять ключевые кадры на временной шкале для создания анимацииПереместите оранжевый маркер на нулевую секунду (0ms) и нажмите на ромб (ключ анимации напротив свойства), который отмечен на скриншоте выше. Появится ключ анимации на нулевом кадре, откуда и начнёт движение треугольник.
Следующим шагом нужно обозначить окончание движения элемента — для этого переместите оранжевый маркер на 0,7 секунды (что соответствует 700ms). Сделать это можно двумя способами:
- Промотайте горизонтальный ползунок, который находится ниже временной шкалы, и установите оранжевый маркер на нужное значение. Конечно, есть вероятность, что будет некоторая погрешность и не удастся установить четкое значение 700ms. Такая чёткость нужна не всегда, но так на порядок удобнее.
- Довольно точный способ — произвольно установите второй ключевой кадр на любом временном значении и один раз нажмите на установленном ключевом кадре. Появится окно, в котором можно ввести интересующее вас значение, — туда и переместится ключевой кадр.
Удалить ключевой кадр можно с помощью кнопки Remove в появившемся окне, как это показано выше. Также в этом окне настраивается смягчение движения элемента как в начале, так и в конце. Используется тот же принцип, что и в After Effects — Easy Ease.
Продолжим создание анимации: установите ключевой кадр на 700ms любым способом и выберите easeOut. Таким образом элемент завершит анимацию более плавно.
Выбор свойства easeOut для смягчения движения в конце путиТеперь нужно обозначить вектор движения и окончательное местоположение элемента. Делается это довольно легко: передвиньте треугольник вправо на нужное расстояние, на панели свойств элемента посмотрите значение оси x. Это значение введите в окно ключевого кадра.
Вводим значение по оси xПравда, есть небольшой нюанс, который я обнаружил опытным путём. От фактического значения оси x (когда установите его в окне ключевого кадра) будет вычтен размер, равный половине вашего элемента, и фактически ось x будет равна 514. А не 608, как в моём примере.
Поэтому, если вы хотите получить элемент точно по конкретной координате от края объекта, учитывайте, что придётся прибавить число, равное половине этого объекта. Поэтому я прибавил 94 и получил ровно 608. Но в окне ключевого кадра будет 702.
Наглядно значение координат в окне проектаКонечно, не стоит заморачиваться подобными вычислениями, но понимать, откуда берутся различия в значениях координат элемента и ключевого кадра, думаю, нужно.
Для такого случая есть выход — поменять привязку центра ключевого кадра объекта. Меняется в выпадающем окне, где и все значения ключевого кадра.
Меняем привязку центра ключевого кадра объектаВроде как это отличный выход, но опять же есть «но»: данное свойство применяется для всех ключевых кадров всех свойств, что становится очередной проблемой. Ниже я рассмотрю подобный случай, а пока завершим нашу анимацию.
Давайте посмотрим промежуточный вариант. Чтобы проиграть анимацию, перейдите к нулевой секунде и нажмите пробел или кнопку Play в верхней части окна.
Красным прямоугольником выделена кнопка Play для начала воспроизведения анимацииАнимация треугольника по оси x.
Наглядная анимация треугольника по оси xТеперь, используя свойство Rotate, заставим фигуру вращаться вокруг своей оси во время движения. Для этого перейдите на свойство Rotate и установите два ключевых кадра — на нулевой секунде и на 700ms.
Установка ключевых кадров для свойства RotateНажмите на второй ключевой кадр и выставите значение 360 градусов. Это вполне логично, так как мы имеем дело уже не с координатами, а с углами, то есть по сути мы повернули треугольник на 360 градусов.
Итоговый вариант анимации.
Наглядная анимация треугольника по оси x и с помощью свойства RotateТеперь давайте поменяем расположение центра ключевого кадра оси x.
Меняем расположение центра ключевого кадра оси xЗапускаем анимацию и смотрим, что получилось.
Неожиданный эффект вращения треугольникаТреугольник сместился от левого края вправо, но мы перестали контролировать его вращение, так как оно происходит относительно смещённого центра. Его мы установили только для ключевого кадра свойства оси x. Вращается треугольник довольно хаотично, не вокруг своей оси, как задумывалось изначально.
Но если быть более внимательным, авторы плагина сразу предупреждают, что изменение центра объекта будет применено сразу ко всем ключевым кадрам. Иногда это может быть полезно, а иногда может сыграть злую шутку.
Пояснение работы свойства изменения центра объектаВ целом, считаю этот плагин довольно полезным, особенно для тех, кто не знаком даже с базовой анимацией. Это отличный тренажёр перед тем, как перейти на более сложные пакеты типа After Effects.
Figmotion незаменим при быстрой подаче и презентации идеи, когда не нужно заморачиваться с деталями, а достаточно показать направление и принцип.
GIF, PNG, JPG или SVG: что использовать?
От автора: если вы только что не выпрыгнули из дымящегося Делориана прямиком из 1985 года, то вам должен быть знаком самый бестолковый формат в интернете — GIF (Graphics Interchange Format). GIF – формат растровых изображений. Однако в отличие от JPEG и PNG этот формат файлов ограничен цветовой палитрой в 256 цветов. По сути, в каждом GIF изображении предустановлен «бокс с цветными мелками», и вы не можете получить новый цвет путем их смешивания.
Может показаться, что 256 цветов это много. Для сравнения в сложных фотографиях тысячи оттенков. В процессе преобразования в GIF диапазон цветов сильно сужается, и это основная причина не использовать GIF для цветных фотографий.
GIF плохо подходит для изображений с широким диапазоном цветов, но ограничение в 256 цветов может помочь сохранить низкий вес файла, что идеально подходит даже для самых медленных соединений. На протяжении долгого времени только GIF имел функцию прозрачности. Сейчас она есть в PNG и SVG.
Категория: без потери качества
Использование:
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнеепростая анимация;
маленькие иконки;
графика с низкой вариацией пикселей (т.е. монотонные цвета типа логотипов и флагов).
JPEG
В зависимости от вашего предпочтения вы можете использовать этот формат в виде «JPEG» или «JPG» — оба являются приемлемыми вариантами одного акронима — Joint Photographic Experts Group.
В отличие от GIF формат JPEG 16-битный, т.е. он умеет смешивать красный, синий и зеленый. Это позволяет отображать миллионы цветов и делает его очень дружелюбным к фотографиям. Отчасти так сложилось потому, что это стандартный формат, в большинстве цифровых камер на рынке.
JPEG позволяет гибко настраивать степень сжатия изображения: от 0% (сильное сжатие) до 100% (без сжатия). Как правило, 60%-75% хватит, чтобы значительно снизить вес файла, сохраняя отличное качество на большинстве экранов.
JPEG хорошо подходит для сжатия и рендеринга фотографий, но это тип сжатия с потерями. То есть он мало подходит для постоянного редактирования изображений. Экспорт в JPEG приводит к потере качества, и потери становятся все больше с последующими экспортами. Поэтому профессиональные фотографы в основном снимают в формате без потерь RAW.
Также в отличие от GIF и PNG формат JPEG не сохраняет прозрачность.
Категория: с потерями качества
Использование:
статические изображения;
фотографии;
изображения со сложными цветами и динамикой.
PNG
В отличие от GIF и JPEG формат PNG (Portable Network Graphics) более новый. Благодаря двум версиям формат похож на микс GIF и JPEG.
PNG-8
PNG-8 сильно похож на GIF и использует также цветовую палитру в 256 цветов (максимум). У него чуть лучше прозрачность и чуть меньше вес файла. Однако в PNG-8 нет функции анимации.
PNG-24
PNG-24 позволяет рендерить изображения с миллионами цветов, почти как JPEG, но также сохраняет прозрачность.
PNG-24 – формат без потерь качества, что увеличивает вес файлов. Если качество изображений важнее веса файлов, PNG-24 лучший выбор. Сервисы типа TinyPNG.com зачастую могут сильно снизить вес файла.
По сравнению со своим сводным братом JPEG, PNG-24 не являются универсально совместимыми со всеми приложениями и платформами, что делает формат неподходящим для совместного использования в сети. Тем не менее, формат можно редактировать без потерь качества.
Категория: без потерь качества
Использование:
веб-графика с прозрачностью;
сложные фотографии с множеством цветов и графика;
изображения, которые необходимо повторно редактировать и экспортировать.
SVG
В отличие от трех форматов выше SVG (Scalable Vector Graphics) – не чисто растровый формат. Это векторный формат, близкий к AI в Adobe Illustrator и EPS. Векторная графика постепенно приобретает популярность в сети и у UI дизайнеров.
Иногда удобно представлять SVG как «HTML для иллюстраций». Этот формат немного отличается от других.
SVG лучше всего подходит для отображения логотипов, иконок, карт, флагов, графиков и другой графики, созданной в векторных графических редакторах типа Illustrator, Sketch и Inkscape. SVG написан на XML разметке, его можно редактировать в любом текстовом редакторе, а также с помощью JS и CSS. Векторная графика масштабируется под любой размер без потери качества, что идеально подходит для адаптивного дизайна.
SVG – векторный формат, однако в него можно (часто так и делается) вставить растровую графику точно так же, как JPEG вставляется в HTML.
Вставить изображение можно по URL (как ссылка на JPG на странице) или с помощью инкапсуляции пиксельного изображения в виде Data URI. Это делает SVG максимально гибким и мощным форматом.
SVG сохраняет хорошую картинку на сайте, но это не тот формат, который обычный пользователь сможет сохранить и загрузить через сайт или социальные сети.
Онлайн сервисы типа WordPress, Flickr, Medium, Tumblr и Facebook будут либо принудительно конвертировать SVG в подходящий для них формат, либо, что более вероятно, сразу заблокируют загрузку SVG. В сети есть куча хостингов SVG, среди которых svgur.com, imgh.us и даже Github, как Alex продемонстрировал здесь.
Мне нравится, что есть маленькие хостинги SVG, однако я на 99% уверен, что следующие 5 лет только GitHub будет SVG-friendly. При использовании SVG в веб-дизайне почти всегда можно сжать вес файла в отличие от JPEG и PNG. Но чем сложнее SVG, тем больше вес файла.
Категория: векторная графика/без потерь качества
Использование:
логотипы и графика в веб-дизайне;
ретина экраны.
Сравнение
Мы узнали про отличия популярных форматов, теперь пора сравнит их лицом к лицу. Ниже вы увидите, как GIF, JPEG, PNG и SVG обрабатывают изображения с простыми и сложными цветами, а также изображения.
Графика с монотонными цветами
Первый тип, который мы рассмотрим – графика с монотонными цветами. Она покрывает большую часть логотипов и брендов, иконок, простых карт, графиков и диаграмм. Исходный размер изображения 23.4 Кб с разрешением 1280 х 1280.
Ниже показано сравнение веса файлов и качество. Изображения были сохранены через функцию в Photoshop «Сохранить для web и устройств» с максимальным качеством.
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнееGIF: 17.6 KB
JPEG 100% (без сжатия): 53.3 KB
JPEG 75%: 33 KB
PNG-8: 11.8 KB
PNG-24: 19.6 KB
SVG: 6 KB (чистая векторная графика)
В случае с этим изображением не заметно больших потерь качества при сравнении шести форматов. Хотя можно заметить небольшие артефакты по краям сжатого JPEG.
Не всегда все будет так с графикой с монотонными цветами, но в большинстве случаев проблем с такими изображениями не возникнет. Для этого изображения наилучший вариант при условии, что у нас есть оригинал – SVG с весом в 6Кб. Если векторной графики нет, на замену можно использовать PNG-8. Вес файла снижается с 23,4Кб до 11,8Кб.
Изображения со сложными цветами
Оригинал – 328Кб JPEG с разрешением 1280 х 960. Ниже показано сравнение веса файлов и качества. Изображения были сохранены через функцию в Photoshop «Сохранить для web и устройств» с максимальным качеством.
У нас нет векторной версии этого изображения, поэтому любая SVG версия будет представлять собой просто JPEG внутри SVG. Этот формат здесь будет лишним.
GIF: 426kb
JPEG 100% (без сжатия): 776 KB
JPEG 75%: 215 KB
PNG-8: 327 KB
Изображения со сложными цветами лучше выглядят в JPEG, PNG-24 и SVG. Цвета по большей части сохраняются, и нет этих страшных колец и шума, который обычно вылезает в GIF и PNG-8.
Цветные фотографии
Оригинал – 215Кб JPEG с разрешением 1280 х 710. Ниже показано сравнение веса файлов и качества. Изображения были сохранены через функцию в Photoshop «Сохранить для web и устройств» с максимальным качеством.
SVG здесь также мало что даст.
GIF: 453 KB
JPEG 100% (без сжатия): 90 KB
JPEG 75% : 82 KB
PNG-8: 361 KB
PNG-24: 1.03 MB
Как и со сложными изображениями, фотографии лучше всего сохранять в JPEG, PNG-24 или SVG. В фото сверху цвета сохраняются во всех форматах кроме PNG-8 и GIF, где вылезают кольца и шум в тени волос, на заднем фоне, а также в верхней части фото.
Автор: Gabrielle Gosha , Jennifer Farley
Источник: //www.sitepoint.com/
Редакция: Команда webformyself.
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнееВеб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!
Смотреть видеоКопирайт ЗНАК АВТОРСКОГО ПРАВА для защиты авторских прав в Интернете
Сообщите всем о своих авторских правах >>> Защита прав в Интернете. Шаг первый — поставь знак КопирайтCopyright © Ваше имя (наименование) 2019 Все права защищены
Зачем это нужно делать?
- Оповестить всех, кто видит ваш текст, фотографию, сайт о том, что у этой работы есть автор.
- Заявить о своих исключительных авторских правах на данный объект интеллектуальной собственности.
- Иметь возможность устанавливать свои правила коммерческого и некоммерческого пользования Вашим продуктом.
Знак Копирайт (с английского Copyright — «право на копирование») — это символ авторского права, особый формат оповещения о вашем авторском праве на любое произведение, где вы поставите метку ©, а также свое имя или наименование правообладателя, а также год первой публикации произведения.
Знак охраны авторского права Копирайт © нигде регистрировать не надо. Право на его использование вы получаете, как только создали любой объект, на который распространяется понятие авторское право: сайт, книгу, статью, фотографию, перевод, компьютерную программу.
Формат оповещения знаком Копирайт © был установлен Всемирной (Женевской) Конвенцией об авторском праве в 1952 году.
Значок Копирайта — это своего рода символ авторского права и предупреждение всем: у произведения есть хозяин, коммерческое использование без разрешения автора или собственника-правообладателя запрещено!
Знак Копирайта © важен тогда, когда вам нужна защита от копирования и нелегального распространения вашего авторского произведения.
Знак охраны авторского права рекомендуем ставить на сайте, внизу в «подвале» страницы. Если требуется защита авторских прав в блогах или форумах, то после каждой записи в сокращенном формате © Имя автора (или псевдоним).
Имейте в виду, Копирайт условно защищает произведение автора, но не принцип, идею, концепцию, метод, процедуру, процесс. То есть у конкретного стихотворения может быть авторская защита, но право копирайта не распространяется на жанр лирики, идеи или концепции.
Произведения, защищенные копирайтом можно использовать для цитирования сообщений в СМИ, научных исследований, обучения, комментариев и критики, но с обязательной ссылкой на источник и использованием не более нескольких абзацев авторского текста.
Чтобы набрать знак Копирайт на компьютере, надо нажать и удержать клавишу
Старайтесь всегда ставить значок копирайта на всех своих работах. Однако не ограничивайтесь только этим.
Поставить Копирайт на сайт!
Сообщите о своих авторских правах >>> Регистрация интеллектуальной собственности >>>Оформление авторского права >>>Знак копирайта © — это еще не юридическая защита авторских прав:
Регистрация прав на имя — название сайта. Регистрация товарного знака
Шаг третий
Регистрация авторских прав на контент, тексты и изображения
Статьи и новости по теме:
Представители Google публично заявили о том, что крайне негативно относятся к последним нововведениям в Европейском Союзе по поводу сборов авторского вознаграждения >>>
В ведомство поступило большое количество жалоб от правообладателей контента и сотрудники департамента решили устранить проблему >>>
Представители Евросоюза собрались бороться с так называемыми интернет-мемами, а эксперты против >>>
С 1 августа 2013 г. вступит в силу Закон «О внесении изменений в отдельные законодательные акты Российской Федерации по вопросам защиты интеллектуальных прав в информационно-телекоммуникационных сетях»* (Закон о борьбе с пиратством), который грозит серьезными перебоями в работе крупнейших социальных сетей, торрент-трекеров и прочих популярных сайтов. Фактически это означает, что наиболее посещаемые ресурсы будут вынуждены заблокировать доступ к страницам с произведениями или информацией о них в течение нескольких суток после соответствующего уведомления правообладателя или готовиться к закрытию всего сайта >>>
В российском инновационном парке «Сколково» разработана новая система борьбы с незаконным скачиванием защищенных авторским правом файлов из Интернета >>>
Поправка об общественном достоянии к закону «Об авторских правах» не противоречит Конституции США >>>
Министерству культуры РФ направило в Правительство предложения закрепляющие за министерством право и обязанность фиксировать в интернете нарушения авторских прав >>>
Российским филиалом корпорации Google инициировано проведение дискуссии с участием ведущих отечественных игроков IT-рынка и правообладателей «Пользовательский интернет: как не нарушать закон» >>>
Система «трех предупреждений» о нарушении авторских прав во Франции работает очень успешно и действенно >>>
Сегодняшняя ситуация с соблюдением законодательства в сфере интеллектуальной собственности, безусловно, далека от идеальной. В каком направлении сдвинулась эта тема за последнее время — в материалах круглого стола, проходившего в рамках Международной книжной ярмарки >>>
[ 1 2 3 ]
код смайла, значение и расшифровка
✳ Общая информация
| Версия Unicode | 6.0 |
|---|---|
| Диапазон в Unicode | 1F300–1F5FF |
| Версия Emoji Charts | 0.6 |
| Версия iOS | 4.0 |
| Версия Android | 4.1 |
| Версия Windows | 8.0 |
| Первоначальные данные: | |
| Шорткод (Short Code) | :fire: |
| Категория в Unicode | Miscellaneous Symbols and Pictographs |
| Подкатегория в Unicode | Tool Symbols |
#️⃣ Данные кодировки
| Количество символов в UTF-8 | 1 |
|---|---|
| Десятичный HTML-код | 🔥 |
| Шестнадцатеричный HTML-код (HEX) | 🔥 |
| HEX код | 1f525 |
| Формальное обозначение в Unicode | U+1F525 |
| Десятичный код | 128293 |
| UTF-8 в HEX | 0xF0 0x9F 0x94 0xA5 |
| Байты UTF-8 в HEX | F0 9F 94 A5 |
| Байты UTF-8 в восьмеричной системе | 360 237 224 245 |
| UTF-16 в HEX (синтаскис C) | 0xD83D 0xDD25 |
| UTF-16 в HEX | d83ddd25 |
| UTF-16 в восьмеричной системе | 55357 56613 |
| UTF-32 в HEX (синтаскис C) | 0x0001F525 |
| UTF-32 в HEX | 1F525 |
| UTF-32 в восьмеричной системе | 128293 |
| На языке Python | u»\U0001F525″ |
| На языке PHP | «\xf0\x9f\x94\xa5» |
| На языке C/C++/Java | «\uD83D\uDD25» |
📝 Примечания и предложения
Информация по предложенным изменениям в Unicode относительно данного смайла и примечания по ним.
| Категория Unicode | Artifacts |
|---|---|
| Подкатегория Unicode | Tool Symbols |
| Примечания по названиям | FIRE |
| Символ | U+1F525 proposed |
| Идентификатор предложения | e-4F6 |
🔘 Shift-JIS
Коды Shift-JIS смайлика для операторов сотовой связи DoCoMo, KDDI и SoftBank, эквивалентные кодам Unicode.
📈📉 Статистика популярности эмоджи 🔥
Динамика популярности эмодзи 🔥 во всем мире по данным Google за последние 5 лет.
Figma плагины теперь доступны для всех. Подборка 10 самых популярных плагинов
Не так давно Figma представила долгожданное обновление, теперь мы можем насладится расширением функционала с помощью плагинов. Также, любой желающий может создать свой плагин и разместить его в разделе плагинов интерфейса Figma.
Представляем подборку самых популярных плагинов. Поехали!
Разработано Лиамом Мартенсом в сотрудничестве с Unsplash. Unsplash для Figma – огромная библиотека фотографий, для вашего вдохновения. Unsplash позволяет свободно использовать изображения как для коммерческих, так и для личных проектов. Находите и забирайте лучшие фото для вашего дизайна, в свободном доступе и совершенно бесплатно.
Тысячи фотографов со всего мира собирают великолепные коллекции фото. Присоединяйтесь, вы тоже можете стать одним из них!
Предстоящие воркшопы
Autoflow позволяет с легкостью рисовать юзер флоу. Просто выберите 2 объекта, нажмите горячую клавишу, и между ними магическим образом возникнет линия.
Нужен контент для ваших проектов? Content Reel с легкостью поможет вам с этим. Подбор текстовых строк, аватары и иконки для ваших проектов, все это вы найдете здесь. Сначала выберите один или несколько слоев в файле дизайна, затем для применения выберите палитру Content Reel.
Убедитесь, что цвета, изображения и типографика в вашем проекте работают слажено, обеспечивают отличную читаемость, четкость и контрастность.
Просто выберите хотя бы один слой, и Stark скажет вам, соответствуют ли ваши цвета правилам контрастной доступности WCAG 2.0.
Figmotion – это инструмент для анимации, созданный в Figma. Обеспечивает легкую и удобную работу с анимацией, поскольку нет необходимости переключаться на отдельные инструменты движения, такие как Principle, Haiku или After Effects.
Больше не нужно скринить карты! С Mapsicle вы сможете быстро и без проблем размещать карты в своих проектах. Интерактивная карта позволяет перемещаться в любую точку мира. После того, как вы разместили карту в своем дизайне, вернитесь в Mapsicle, чтобы настроить местоположение, стиль, уровень масштабирования и многое другое. Mapsicle использует карты Mapbox, что обеспечивает большое разнообразие настроек. Все для Вас!
Создает цветовую палитру из 5 различных цветов на основе выбранных изображений. При работе используется алгоритм медианного среза, который приблизительно аппроксимирует наиболее яркие цвета в изображении. Алгоритм быстр, но иногда может привести к необычным результатам, таким как низкоцветные изображения, изображения векторной графики и так далее.
Синхронизируйте контент из Google Sheets непосредственно в ваш Figma файл.
Указание конкретного листа в Workbook
Вы можете использовать определенный лист в Workbook, назвав страницу файла Figma аналогично слою.
Например: при наименовании вашей страницы «Page 1 # Свойства» будет использоваться лист «Свойства» из вашего Google листа. Если вы не назовете свою страницу соответствующим образом, по умолчанию будет использоваться первый лист в вашем Workbook.
Использование изображений
Чтобы установить заливку изображения вашего слоя – убедитесь, что значение в Google Sheet для определенного свойства является URL-адресом изображения (оно должно заканчиваться на «.jpg’, «.png» или «.gif»). Затем убедитесь, что вы называете слой Vector / Shape с соответствующим наименованием – например, ‘#образ’
Charts позволяет создавать диаграммы, которые можно добавлять и редактировать в документе Figma. Вы можете выбрать любой вид диаграммы: линейный, круговой, кольцевой, точечный и столбчатый и т. д. Каждая диаграмма создается с собственным набором конфигураций.
А какими плагинами в Figma пользуетесь вы?
30+ лучших наборов значков социальных сетей для бесплатной загрузки (обновление 2021)
Ищете лучшие бесплатные значки социальных сетей, которые помогут вам улучшить внешний вид вашего веб-сайта? Больше не о чем беспокоиться, так как есть множество бесплатных значков социальных сетей на выбор.
Список, показанный ниже, представляет собой постоянно обновляемую коллекцию последних бесплатных наборов значков социальных сетей, опубликованных в Интернете для бесплатной загрузки.
Включает в себя самые популярные в мире службы социальных сетей, такие как Behance, Deviantart, Dribbble, Facebook, Flickr, Foursquare, Google Plus, Instagram, Linkedin, Myspace, Pinterest, RSS, Skype, Spotify, Tumblr, Twitter, Vimeo, Yelp, Youtube и многое другое.
Не стесняйтесь проверить и скачать сейчас.
См. Также:
29 января 2021 г. Обновление:
30 Социальные иконки Neumorphism MacOS Big Sur
Коллекция из 30 значков социальных приложений MacOS Big Sur Neumorphism.
22 июля 2020 г. Обновление:
Социальные иконки в стиле Big Sur в Figma
Набор социальных иконок в стиле 3D MacOS Big Sur: Youtube, Instagram, Linkedin, Twitter, Skype, Facebook, Vimeo и т. Д.
10 июля 2020 г. Обновление:
MacOS Big Sur Icon Pack
16 значков приложений и социальных сетей в стиле MacOS Big Sur: Facebook, Twitter, Telegram, VK, Messanger, Shazam, VS, Instagram, Clips, Discord, Whatsapp, Rocketbank , Spark, Spotify и VLC.
Обновление от 28 июня 2020 г .:
Значки нижней трети социальных сетей
10 значков / кнопок социальных сетей в AI-файле: Whatsapp, Facebook, Instagram, Twiter и Youtube.
22 мая 2020 г. Обновление:
Пакет значков контактов и социальных сетей
22 значка контактов и социальных сетей в 10 стилях: адрес, Behance, Dribble, электронная почта, Facebook, Instagram, Linkedin, почта, телефон, OK, Pinterest, Skype, Telegram, Tiktok, Twitter, Viber, Vimeo, VK, веб-сайт, Whatsapp, Youtube.
12 мая 2020 г. Обновление:
Все значки социальных сетей
Все значки социальных сетей в форматах AI, EPS, PDF, SVG.
11 марта 2020 г. Обновление:
Брендовые и социальные иконки для Figma Free
Универсальный набор иконок для всех ваших потребностей в веб-дизайне и мобильном дизайне.
13 февраля 2020 г. Обновление:
Бесплатные значки социальных сетей
4 супер плоских значка Twitter, Facebook, Instagram и Whatsapp, доступных как для личного, так и для коммерческого использования.
17 апреля 2019 г. Обновление:
Нарисованные от руки значки социальных сетей
96 Нарисованные от руки векторные значки, ранее известные как 56 Нарисованные от руки значки социальных сетей, да, я обновляю их время от времени! Бесплатно как для коммерческого, так и для личного использования.
13 декабря 2017 г. Обновление:
Бесплатные иконки социальных сетей (эскиз)
24 октября 2017 г. Обновление:
30 Бесплатная иконка социальных сетей
11 марта 2017 г. Обновление:
Бесплатные векторы Набор значков — социальная сеть
Красивый векторный набор значков с логотипами социальных сетей, включая Facebook, Twitter, Google Plus, Instagram, YouTube, WhatsApp, LinkedIn, Pinterest, Tumblr и Dribbble.
31 января 2017 г. Обновление:
Плоские иконки социальных сетей
19 января 2017 г. Обновление:
Water Drop Social Media Icon Pack
6 октября 2016 г. Обновление:
Бесплатные значки социальных сетей PSD
23 сентября 2016 г. Обновление:
Бесплатный набор шестигранных иконок (.ai)
12 сентября 2016 г. Обновление:
Социальные иконки Free-Psd
Социальные иконки доступны в 32 × 32 и 64 × 64 размера.
27 августа 2016 г. Обновление:
40 социальных иконок
21 августа 2016 г. Обновление:
80 бесплатных иконок социальных сетей
14 августа 2016 г. Обновление:
Vector Icon Social Media Pack
Пакет значков социальных сетей скачать формат иллюстратора, facebook, twitter, Gplus, Linkedin, Thumblr, PayPal, Google Drive, Vine, blogspot, SoundCloud, youtube, instagram, Yahoo и многие другие.
22 июля 2016 г. Обновление:
БЕСПЛАТНЫЙ векторный набор значков социальных сетей
Бесплатный векторный набор значков социальных сетей.252 иконки. 7 стилей.
19 июля 2016 г. Обновление:
Логотипы значков социальных сетей
30 Векторные иконки (SVG и EPS), PNG, PSD и Iconfont
Обновление 29 июня 2016 г.:
48 бесплатных значков социальных сетей ( вектор)
16 июня, 2016 Обновление:
89 Рисованные от руки значки социальных сетей
Обновление от 18 мая 2016 года:
70 Плоских социальных иконок для Sketch
70 популярных векторных иконок обновлены для вашей работы.
13 мая 2016 г. Обновление:
Новый вектор значок Instagram
Значок Instagram 2016 (БЕСПЛАТНО PSD)
16 апреля 2016 г. Обновление:
Иконки социальных сетей (бесплатный векторный набор)
Короткий и приятный набор иконок всех основных социальных сетей.
Набор социальных и веб-иконок — эскиз
96 бесплатных эскизов Набор веб- и социальных значков.
Разноцветные иконки социальных сетей
18 иконок социальных сетей (бесплатно).Включены 3 размера (формат .png) — 24 × 24, 32 × 32,48 × 48. Включает: Behance, Deviantart, Dribbble, Facebook, Flickr, Foursquare, Instagram, Linkedin, Myspace, Pinterest, rss, Skype, Spotify, Tumblr, Twitter, Vimeo, Yelp и Youtube.
51+ Абсолютно бесплатные наборы иконок социальных сетей
Ищете бесплатные иконки социальных сетей? Подключение к платформам социальных сетей — очень важная часть для повышения популярности веб-сайта. Вот почему использование привлекательных значков социальных сетей будет играть важную роль в увеличении количества подписчиков.В этом обзоре мы представили вам список бесплатных наборов иконок для социальных сетей. Вы можете свободно использовать эти значки на своих веб-сайтах и в проектах. Мы надеемся, что эти значки помогут вам повысить популярность вашего сайта.
1400 иконок социальных сетей БЕСПЛАТНО Набор социальных сетей и логотипов от IconBunny состоит из 1400 красивых иконок. Набор доступен в 14 различных стилях. Это набор 100% векторных иконок, которые легко редактировать и масштабировать.
Цена: бесплатно
Каждый значок доступен в 2 вариантах цвета: белом и черном.Пакет мини-иконок для социальных сетей легко редактировать, настраивать и масштабировать до любого необходимого размера.
Цена: бесплатно
Цена: бесплатно
89 Рисованные от руки иконки социальных сетейЦена: бесплатно
90 Бесплатные векторные иконки социальных сетейЦена: бесплатно
Picons SocialPicons Social media icons — это коллекция из 150+ бесплатных векторных иконок ваших самых любимых социальных сетей и приложений, таких как Facebook, Twitter, Instagram, Flickr, Tumblr, Pinterest, Dribbble и многих других. Цена: бесплатно
15 многоугольных социальных иконокЦена: бесплатно
Набор иконок Creative Blot Бесплатный набор иконок Creative Blot. Включает 20 самых популярных значков социальных сетей в Интернете. Этот пакет содержит 20 самых популярных форматов и размеров веб-иконок. Используйте их бесплатно в своих проектах, коммерческих и некоммерческих.
Цена: Бесплатно
Набор бесплатных оригинальных цветных иконок в стиле плоских теней.Включает 20 самых популярных значков социальных сетей в Интернете. Этот пакет содержит 20 самых популярных форматов и размеров веб-иконок. Используйте их бесплатно в своих проектах, коммерческих и некоммерческих. Цена: Бесплатно
FULLMOON Social Icon SetЦена: Бесплатно
Flat App Icon Set Коллекция уникальных плоских иконок в векторном формате, сделанных с вниманием к деталям, обеспечивая вам высочайшее качество. Бесплатные наборы иконок для загрузки для вашего проекта веб-дизайна.
Цена: Бесплатно
Вы можете скачать эти Foldicons и использовать их в своих личных или коммерческих проектах.Вы можете редактировать или изменять их по своему усмотрению.
Цена: бесплатно
Бесплатные плоские иконки социальных сетей
Этот PSD бесплатный набор включает значки Facebook, Twitter, RSS, Design Bump, Dribbble, YouTube, Blogger, Pinterest, LinkedIn, Vimeo, Deviant Art, Instagram, Behance, Last FM , Google+, Flickr, Forrst, HTM5, Picasa и Stumble Upon.
Цена: бесплатно
74 тонких значка социальных сетей
Этот бесплатный набор включает 74 тонких значка социальных сетей, предварительно сохраненных в различных стилях, цветах и штрихах.Включены файлы Illustrator ai, eps и прозрачные png. Доступен в 2 стилях, включая округлые и прямоугольные значки. Для каждого набора доступны три цвета, тонкие или ультратонкие варианты, в том числе (штрихи 1px, 2px, 3px и 4px). Загрузите и используйте эти значки социальных сетей для веб-сайтов, приложений или любых проектов. Бесплатно для личных или коммерческих проектов. Не забудьте поделиться любовью и поделиться этой халявой со своими друзьями.
Цена: бесплатно
32 бесплатных иконки социальных сетей для дизайнеров
В этом наборе 32 бесплатных иконки социальных сетей, которые будут полезны дизайнерам и разработчикам, и они могут легко сэкономить свое время, щелкнув несколько щелчков мышью.
Цена: Бесплатно
90 Social Clouds v2
Новый набор из 90 социальных сетей и различных инструментов 24 различных размеров в формате PNG.
Цена: бесплатно
SocioHexs: 40 бесплатных шестигранных значков социальных сетей
Этот бесплатный набор значков включает 40 шестигранных значков социальных сетей с длинной тенью. Вы можете легко добавить эти привлекательные значки на свой сайт. Значки можно масштабировать до любого размера, так как они сделаны из векторных фигур. Все значки хорошо организованы в файле PSD.Все значки легко редактировать и настраивать в соответствии с вашими потребностями. Иконки бесплатны для личного и коммерческого использования.
Flat Shadow Logo Set
FLAT SHADOW LOGO SET — это простой красочный набор наиболее распространенных социальных сайтов и платформ. Используйте этот набор иконок для своего веб-сайта! лучше всего подходит для кнопок и интерфейсов с пользовательским интерфейсом.
Цена: бесплатно
Бесплатные векторные иконки для социальных сетей
Трудно найти чистые минималистичные значки социальных сетей, часто люди пытаются преувеличить с помощью теней, эффектов или цветов, поэтому мы сделали эту халяву, чтобы сделать это просто и докажи раз и навсегда, что меньше значит больше! Цена: бесплатно
Бесплатные шестиугольные иконки
Эти значки были созданы в Adobe Illustrator и сохранены до версии CS1.Я также экспортировал их для вас как PNG и SVG для вашего удобства. Используйте их, изменяйте, добавляйте на свои сайты. Вы можете увидеть коллекцию бесплатных шестиугольных иконок ниже.
Цена: бесплатно
Цена: бесплатно
Бесплатный набор иконок социальных сетейЦена: бесплатно
40 бесплатных шестиугольных иконок социальных сетей с длинной тенью (облегченная версия)Цена: бесплатно
60 СОЦИАЛЬНЫЕ МЕДИА-ИКОНЫЦена: бесплатно
Бесплатные иконки современных социальных сетей для вашей коллекцииЦена: бесплатно
Бесплатные иконки социальных сетей Long ShadowЦена: бесплатно
45 Тонкие иконки социальных сетейЦена: бесплатно
Социальные сети ИконкиЦена: бесплатно
24 значка социальных сетей с текстурой дереваЦена: бесплатно (требуется указание ссылки)
24 значка социальных сетей в кругеЦена: бесплатно
Иконки в социальных сетяхЦена: бесплатно (требуется указание ссылки)
Набор значков социальных сетейЦена: бесплатно
40 плоских значков социальных сетей с закругленными угламиЦена: Fre e
Цветные иконки социальных сетей 24 векторных иконки социальных сетейЦена: бесплатно
Скачать 15 бесплатных иконок в социальных сетях с длинной теньюЦена: бесплатно
Яркие иконки социальных сетей Плоские градиентные иконки социальных сетей Плоские иконки социальных сетей в пастельных тонах — 22 набора цветовЦена: бесплатно
Icons WoodВекторные иконки социальных сетей для сети Facebook (SVG)
Несколько типов иконок, готовых к показу:
Закругленный значок материала Неограниченный логотип без фона Закругленный черно-белый значокЧерный закругленный угол прозрачный значок Закругленный значок с собственным фоном Квадратный значок без фона
Как работает виджет «Социальные значки»?
Вы создаете специальные красивые иконки и используете скрипт для их отображения на личной веб-платформе.Elfisght Apps адаптируется практически к любой платформе, здесь вы можете найти руководства по встраиванию для наиболее широко используемых: WordPress, Wix, Weebly, Shopify, Blogger, Adobe Muse, HTML, Webflow, Squarespace и других.
Вы можете найти исчерпывающую информацию о виджете, такую как основные параметры и рекомендуемые типы внешнего вида на главной странице продукта — Социальные иконки.
Как отобразить значок Facebook на вашем сайте
Для отображения виджета необходимо выполнить последовательность коротких этапов:
- Зарегистрируйтесь на нашем сервисе;
- Придайте форму и настройте значки;
- Разместите значки на странице.
Подробные инструкции можно найти в разделе вашей системы управления контентом (см. Выше).
Иконки Facebook используют шаблоны
Вы можете вставить приложение в любой элемент личного ресурса. Или вы можете встроить значки в содержимое наиболее важных страниц и таким образом локализовать для них наибольший интерес.
Вот ряд обычных позиций для встраивания виджета в :
Нижний колонтитул
Заголовок
Преимущества по сравнению с обычными значками Facebook
Помимо всех свойств расширения векторного SVG, мы также получаем следующее :
- Быстрая установка;
- Потрясающие возможности конфигурации;
- Быстрая установка и изменение учетной записи в социальных сетях;
- Опыт кодирования не требуется;
- Неограниченная техническая поддержка.
С помощью этого виджета вам больше не нужно всегда переустанавливать код на сервер каждый раз, когда вам нужно исправить макет или внешний вид. Все, что вам нужно сделать, это установить продукт и внести изменения в личном кабинете.
121 Источники для бесплатной загрузки иконок социальных сетей
Ищете иконок социальных сетей ?
Вы попали на нужную страницу.
Это, наверное, самая большая и последняя коллекция онлайн-ресурсов, предлагающих бесплатно загрузить значки социальных сетей.
Вы найдете значки социальных сетей всех стилей, размеров, цветов и форм.
В Tinycc.com мы верим в то, что помогаем малому бизнесу и менеджерам социальных сетей во всем, что позволяет им связываться и взаимодействовать со своей целевой аудиторией через социальные сети.
Список включает круглых значков социальных сетей, , а также квадраты, треугольники и шестиугольники. Есть черно-белых значков социальных сетей , одноцветных, многоцветных и прозрачных.Вы также найдете деревянную текстуру, винтажный стиль, эскиз ручки или нарисованные от руки значки.
Короче говоря, независимо от цвета или темы вашего дизайна, вы найдете то, что идеально вам подходит.
Даже если их нет, вы можете загрузить и использовать векторных значков социальных сетей или файлы png для настройки размера или стиля. Вы также можете настроить размеры, чтобы использовать эти значки в различных областях, таких как верхний колонтитул, нижний колонтитул, боковая панель, страница «Свяжитесь с нами», подписи электронной почты или визитные карточки.
Большинство предприятий и веб-сайтов используют стандартные значки, которые обычно встречаются на миллионах веб-сайтов.
Вы должны использовать что-то уникальное, потому что это привлечет внимание пользователей и создаст целостный вид, который так важен для целей брендинга.
Мы будем постоянно пересматривать и обновлять этот список. Так что добавьте URL-адрес в закладки и попробуйте, когда вам понадобятся новые и потрясающие значки социальных сетей в будущем.
121+ БЕСПЛАТНЫЕ пакеты значков социальных сетей
Иконки социальных сетей PNG
Загрузить: http: // www.parajunkee.com/2016/07/29/happy-friday-how-about-a-freebie-free-social-media-icons-for-book-bloggers/
Затененные значки социальных сетей
Загрузить: http://www.designbolts.com/2013/09/08/40-free-shaded-social-media-icons/
Polygon Social Media Icon Бесплатный вектор:
Загрузить: http://lunarpixel.deviantart.com/art/Free-Vector-Polygon-Social-Media-Icons-372669540
Простые плоские иконки социальных сетей
Загрузить: http: // www.graphicsfuel.com/2013/06/simple-flat-social-media-icons-psd-png/
Набор социальных иконок
Загрузить: http://graphicsbay.com/item/social-icons-set/30
Иконки социальных сетей в стиле iOS7
Загрузить: https://dribbble.com/shots/1573944-Freebie-iOS7-Style-Social-Media-Icons
Плоские иконки социальных сетей (PSD)
Загрузить: http://designmodo.com/flat-social-icons/
Плоские иконки социальных сетей
Загрузить: http: // www.bestpsdfreebies.com/freebie/flat-social-media-icons/
Минималистские плоские иконки
Загрузить: https://www.behance.net/gallery/FREE-Flat-Social-Icons-EPS/8786901
Бесплатные иконки социальных сетей (PSD и PNG)
Загрузить: http://www.graphicsfuel.com/2012/09/15-free-social-media-icons-psd-png/
Круглые значки социальных сетей
Загрузить: http: //martz90.deviantart.com / art / Circle-Icons-Pack-371172325
Плоские социальные иконки
Загрузить: https://dribbble.com/shots/1066794-Flat-Social-Icons-Freebie
Подробные значки социальных сетей
Загрузить: http://wegraphics.net/downloads/icons-downloads/socializic-free-social-media-icons/
Простые иконки социальных сетей
Загрузить: https://dribbble.com/shots/11-Icons-free-psd
Шестнадцатеричные иконки социальных сетей
Загрузить: http: // martz90.deviantart.com/art/Hex-Icons-Pack-389706981
Полигональные иконки социальных сетей
Загрузить: http://lunarpixel.deviantart.com/art/Free-Vector-Polygon-Social-Media-Icons-372669540
Плоские иконки социальных сетей
Загрузить: https://dribbble.com/shots/1094936-Free-Flat-Social-Media-Icon-Set
Иконки современных социальных сетей
Загрузить: http://designdeck.co.uk/a/1288
Круг плоских иконок
Загрузить: http: // www.land-of-web.com/freebies/icons/freebie-circle-flat-icons-retina-ready.html
Социальные иконки Simple Line
Загрузить: https://github.com/thesabbir/simple-line-icons
Бесплатные плоские иконки
Загрузить: https://dribbble.com/shots/2235197-50-Free-Flat-Icons-Sketch-Illustrator
Элегантные иконки социальных сетей
Загрузить: https://dribbble.com/shots/2247532-Freebies-Social-flat-icons-set
Бесплатный набор иконок социальных сетей
Загрузить: http: // www.Elegantthemes.com/blog/resources/free-social-media-icon-set
Симпатичные иконки социальных сетей
Загрузить: http://www.designbolts.com/2013/08/16/free-cute-social-media-icons-256-pngs-vector-ai-file/
Иконки социальных сетей в плоском стиле
Загрузить: http://wegraphics.net/downloads/30-free-flat-style-social-media-icons/
Набор плоских социальных иконок
Скачать: https: // speckyboy.ru / 2013/09/16 / freebie-flat-social-icon-set /
Простые социальные иконки
Загрузить: https://dribbble.com/shots/1209419-20-Social-Media-Icons-Freebie
Long Shadow Иконки социальных сетей
Загрузить: http://www.vecteezy.com/vector-art/84201-social-media-long-shadow-icon-set
Elegenct Icon Шрифт
Загрузить: http://www.elegantthemes.com/blog/resources/elegant-icon-font
Бесплатные векторные иконки социальных сетей
Загрузить: http: // www.freevector.com/social-media-icons/
Шрифты и веб-иконки
Загрузить: https://www.tonicons.com/font-tonicons/
Социальные иконки Adobe Muse
Загрузить: https://musefree.com/adobe-muse-icons/
Наклейки со значками социальных сетей
Загрузить: http://www.vecteezy.com/vector-art/85070-social-media-icon-stickers
Иконки социальных сетей с потускневшими и выцветшими изображениями
Загрузить: http: // wegraphics.net / загрузки / бесплатные-окрашенные-и-выцветшие-социальные-медиа-иконки /
Иконки социальных сетей (включая PSD)
Загрузить: http://sixrevisions.com/freebies/icons/socialmate-free/
Выцветшие иконки социальных сетей
Загрузить: http://wegraphics.net/downloads/icons-downloads/free-stained-and-faded-social-media-icons-vol-2/
Крупные иконки социальных сетей
Загрузить: http: // sixrevisions.com / freebies / icons / free-set-of-social-media-icons-large-icons-social /
.Иконы с текстурой дерева
Загрузить: http://www.graphicsfuel.com/2013/09/24-wood-textured-social-media-icons/
Окрашенные значки социальных сетей
Загрузить: http://wegraphics.net/downloads/free-stained-and-faded-social-media-icons-vol-3/
Free Icon Pack Vector 3d
Загрузить: http: // sixrevisions.com / freebies / icons / free-icon-pack-vector-3d-social-icons /
Набор иконок социальных сетей
Загрузить: http://sixrevisions.com/freebies/icons/isometrica-volume-1-a-free-social-media-icon-set/
Иконки социальных сетей, набросанные вручную
Загрузить: http://sixrevisions.com/freebies/icons/social-sketches-exclusive-free-hand-sketched-icon-set/
Набор иконок для общения
Загрузить: http: // dryicons.ru / бесплатные иконки / предварительный просмотр / набор иконок для общения /
Социальные сети Bubblicons
Загрузить: http://designinstruct.com/free-resources/icons/social-media-bubblicons-icon-pack/
Деревянные иконки социальных сетей
Загрузить: http://sixrevisions.com/freebies/icons/w Wooden-social-free-icon-set/
Векторные иконки социальных сетей
Загрузить: http://www.dreamstale.com/free-download-72-vector-social-media-icons/
Плоские социальные иконки PSD
Загрузить: http: // www.pixeden.com/social-icons/psd-flat-social-icons
Адаптивные иконки социальных сетей
Загрузить: http://www.creativeverse.com/pure-css3-responsive-social-media-flat-icons/
Плоские иконки социальных сетей
Загрузить: http://enfuzed.com/free-flat-social-media-icons/
Иконки рисованные
Загрузить: http://goodstuffnononsense.com/hand-drawn-icons/social-media-icons/
Adobe Muse Бесплатные иконки социальных сетей
Загрузить: https: // www.Beence.net/gallery/19567519/Download-Free-Adobe-Muse-Icons
Иконки социальных сетей для наброска пером
Загрузить: https://www.iconfinder.com/iconsets/pen-sketch-icons-set
Набор иконок социальных сетей
Загрузить: https://www.iconfinder.com/iconsets/shift-logotypes
Бесплатные иконки социальных сетей
Загрузить: http://www.carrieloves.com/2012/12/free-social-media-icons-updated/
Ретро иконки социальных сетей
Загрузить: https: // creativemarket.com / littlestar / 235819-Retro-Social-Media-Icons
Черные иконки социальных сетей
Загрузить: www.freepik.cik.com/free-vector/social-om/free-vector/social-media-black-icons_716175.htm
Социальные иконки с золотой фольгой
Загрузить: http://www.pishandposh.com/freebies/free-gold-foil-social-media-icons/
Тонкие иконки социальных сетей
Загрузить: http: // graphicburger.ru / 45-subtle-social-media-icons /
Эскиз векторные иконки социальных сетей
Загрузить: http://www.freevectors.net/details/stamp-icons-set
Long Shadow Иконки социальных сетей
Загрузить: http://www.designbolts.com/2013/06/27/new-flat-free-social-media-icons-2013/
Circle Icons Социальные сети
Загрузить: https://dribbble.com/shots/1823648-Free-circle-icons-for-designers
Треугольник социальных иконок вектор
Загрузить: http: // vector4free.com / vector / свободный-треугольник-векторные-иконки-set /
Эскизные иконки социальных сетей
Загрузить: http://wegraphics.net/downloads/icons-downloads/socializic-free-social-media-icons/
Социальные иконки с государствами
Загрузить: https://dribbble.com/shots/595379-Social-Icons-with-States
Элегантные иконки социальных сетей
Загрузить: http://designinstruct.com/free-resources/icons/social-media-sleek-icons-icon-pack/
Винтажные марки для социальных сетей
Загрузить: http: // designinstruct.ru / бесплатные ресурсы / значки / vintage-social-media-stamps-icon-pack /
Hexagon Иконки социальных сетей
Загрузить: https://dribbble.com/shots/1434038-Hexagon-Social-Media-Icons
Круглые прозрачные социальные иконки
Загрузить: https://dribbble.com/shots/1243791-Round-Transparent-Social-Media-Icons-Psd
Темные иконки социальных сетей
Загрузить: http://wegraphics.net/downloads/free-dark-social-media-icons/
Современные иконки Twitter
Загрузить: http: // webtreatsetc.deviantart.com/art/53-Brand-New-Twitter-Icons-122263743
Расширенные значки социальных сетей (PNG и векторный файл)
Загрузить: http://uiconstock.com/40-free-advanced-flat-social-media-icons-pngs-vector-file/
Набор иконок социальных сетей
Загрузить: http://blog.printkeg.com/free-flat-social-media-icons-2014/
Ультратонкие иконки социальных сетей
Загрузить: http: // medialoot.ru / item / бесплатные ультратонкие значки социальных сетей /
Коллекция веб-иконок
Загрузить: http://joshuasortino.com/projects/publicons/
Геометрические кнопки социальных сетей
Загрузить: http://blogtacular.com/geometric-social-media-buttons/
Бесплатные иконки социальных сетей
Загрузить: https://www.tonicons.com/free-social-media-icons/
Пакет социальных иконок
Загрузить: http: // www.fontfabric.com/social-media-icons-pack/
Простые социальные иконки
Загрузить: http://rog.ie/blog/free-social-media-icons
Иконки пузырей социальных сетей
Загрузить: http://designinstruct.com/free-resources/icons/social-media-bubbles-icon-pack/
Классные иконки социальных сетей
Загрузить: http://alpercakici.deviantart.com/art/Social-Media-Icons-2-400423722
Иконки социальных сетей Flat Shadow
Загрузить: https: // www.awicons.com/free-icons/social-media-icons/flat-shadow-social-media-icons-by-lokas-software/
14 подобранных вручную бесплатных пакетов значков социальных сетей
Из тысяч значков, которые можно найти в Интернете, значки социальных сетей должны быть одними из самых многочисленных.
Это неудивительно, учитывая количество времени, которое люди посвящают социальным сайтам, и вознаграждения, которые они предлагают, когда ваши пользователи делятся вашим контентом в этих сетях. Из-за этого вы можете получить только выгоду, если добавите значки социальных сетей на свой сайт или на сайты, которые вы разрабатываете для клиентов.
В предыдущей статье этой серии я полностью сосредоточился на плоских иконках. Однако я нашел так много привлекательных «не плоских» социальных иконок, что решил расширить свои критерии с помощью этой работы.
Также нет сомнений в том, что векторные иконки более полезны из-за всей гибкости, которую они предлагают — и роста популярности SVG — и я решил избегать растровых иконок в целом. Опять же, я чувствовал, что это было бы несправедливо, так как это исключило бы некоторые из лучших примеров в категории.Растровые иконки по-прежнему широко используются, и это вряд ли изменится в ближайшем будущем.
А теперь мой короткий список отобранных вручную бесплатных иконок социальных сетей:
1. Бесплатные социальные кнопки PNG
Я чувствую себя немного виноватым, начав список с набора растровых значков, но эти бесплатные социальные кнопки PNG настолько красивы, что заслуживают первого места. В набор входят 20 png-иконок популярных социальных (и некоторых других) сайтов, таких как Facebook, Google, Google Plus, Gowalla, Vimeo, YouTube и др.Кнопки можно использовать как в личных, так и в коммерческих проектах, и они не требуют указания авторства.
2. Круглые социальные иконки
Это еще один бесплатный растровый пакет социальных иконок. Что делает их особенными, так это то, что они представляют собой круглые значки социальных сетей и что в пакете более 270 значков. Иконки бывают разных размеров, например 512 × 512, 256 × 256, 128 × 128, 64 × 64 и 48 × 48. Всего за 5 долларов вы можете загрузить файлы PSD, что дает вам больше возможностей для изменения значков по мере необходимости.
В дополнение к значкам действительно популярных социальных сайтов, таких как Facebook, Pinterest, Google Plus и т. Д., Здесь вы найдете значки многих социальных сайтов, о которых вы, возможно, даже не слышали.
3. 85 Плоские минималистичные векторные социальные иконки
Наконец, мы добрались до качественного векторного пакета социальных иконок, который вам понравится.
Этот пакет содержит 85 плоских минималистичных иконок в векторном и png формате. Если быть точным, то здесь 340 иконок, потому что каждая из 85 оригинальных иконок представлена в 4 стилях: квадрат, квадрат, круг и круг.Пакет был недавно обновлен, поэтому он содержит значки всех популярных сейчас социальных сайтов.
4. Векторные иконки социальных сетей в 3D
Вот еще один пакет векторных значков, но на этот раз это трехмерный векторный пакет. Значки действительно хороши, но в отличие от некоторых других пакетов, которые содержат сотни значков, в этом есть только 10 значков — только из действительно важных социальных сайтов. В дополнение к файлам AI, которые дают вам свободу настраивать значки по своему усмотрению, пакет содержит версию в формате PNG 256 × 256, которую вы можете использовать прямо сейчас.
5. Черно-белые плоские социальные иконки
Большинство пакетов до сих пор были красочными, но если вам не нужны все эти цвета, вот черно-белый пакет плоских значков социальных сетей. Иконки очень простые, без излишеств, но их более 700. На каждом из популярных социальных сайтов есть несколько вариантов значков. Кроме того, поскольку это векторный пакет (в форматах SVG и EPS), вы можете не только добавлять цвет, градиенты или любой другой эффект к значкам, но и при необходимости добавлять больше деталей.
6. 15 красочных плоских векторных социальных иконок
Продолжим еще несколько плоских иконок. Этот пакет содержит всего 15 иконок, но у них есть некоторые интересные эффекты, такие как длинные тени (очень типичные для плоского дизайна), которые вы не найдете в других местах. Иконок может быть немного, но они охватывают основные социальные сети. Кроме того, на этой же странице размещены еще 35 плоских иконок социальных сетей. Иконки можно загрузить и использовать бесплатно, но для получения ссылки для скачивания требуется подписка.
7. Круг векторные социальные иконки
Если вам нужно больше векторных иконок круговых социальных сетей, вы можете проверить этот пакет. Пакет немного более устаревший, чем другие, и он содержит некоторые значки, которые сейчас не так популярны (например, Digg), и не имеет значков новичков, таких как Pinterest.
Тем не менее, я думаю, что эти значки настолько четкие и универсальные, что стоило бы создать любые дополнительные значки, которые могут вам понадобиться. В паке всего 12 иконок, но они красивые и чистые.Существует бесплатная и платная версии, поэтому вам лучше проверить, что включено в каждую из них, прежде чем приступить к загрузке и использованию.
Социальные сети могут быть более новой концепцией, но если вы ищете более винтажную эстетику, вы, вероятно, оцените этот пакет плоских винтажных иконок социальных сетей. Есть 32 значка самых популярных социальных сайтов, таких как Behance, Blogger, Pinterest, Instagram, Facebook, WordPress и т. Д., В форматах ICO, ICNS и PNG разных размеров.
Вот еще несколько векторных иконок. Этот пакет глянцевых значков социальных сетей содержит только основные значки служб, таких как Facebook, Twitter, Google Plus, YouTube или Pinterest, но каждый значок содержит множество деталей. По форме это скругленные квадраты.
10. Элегантные иконки социальных сетей
Этот набор изящных иконок социальных сетей действительно красив, но, к сожалению, он не имеет векторного формата. Есть 25 значков размером 32 × 32 и 16 × 16, которые могут работать во многих случаях, но если вы хотите увеличить и / или изменить значки, без исходных файлов вы не сможете многое сделать.Тем не менее, если вас устраивают ограничения, этот набор значков действительно красив, и вы, вероятно, найдете, как его использовать.
Этот пакет современных значков социальных сетей содержит 28 значков, большинство из которых можно найти и в других пакетах, но есть некоторые значки сайтов, которые не так легко найти в другом месте. Иконки бывают в форматах ICO и PNG. Что особенного в этом пакете, так это то, что в дополнение к версии с закругленными углами доступны те же значки в виде квадратов и кругов.
Примечание. Эти значки бесплатны только для некоммерческого использования.
12. 110 Векторные иконки
Хотя я ценю хороший растровый пакет, векторы — это векторы, и у них много преимуществ. Вот почему я еще больше ценю хороший векторный пакет, особенно когда он содержит более 100 значков, которые можно бесплатно использовать как в личных, так и в коммерческих проектах, как в случае с этим векторным пакетом. С его 110 значками, скорее всего, вы найдете то, что вам нужно, даже если это не крупный социальный сайт.Иконки чистые и яркие, и, поскольку они векторные, вы можете редактировать их по своему усмотрению.
Некоторые из предыдущих наборов значков содержали круг, квадрат, квадрат с закругленными углами и многое другое, кроме этого, есть многоугольные значки. Если быть точным, те же значки доступны и в виде квадратов с закругленными углами, но поскольку они у нас уже есть, я бы выделил форму многоугольника.
Как и следовало ожидать, с пакетом из 80 иконок внутри можно найти практически любой популярный и не очень популярный социальный сайт.
14. Значки продуктов Google
Последний пункт в этом списке немного отличается, потому что он не представляет собой серию социальных сайтов. Скорее, это набор иконок различных продуктов Google, некоторые из которых являются социальными, а большинство — нет.
Честно говоря, я даже не слышал о дюжине или около того продуктов Google, перечисленных здесь, но это не обязательно означает, что эти услуги не пользуются популярностью у миллионов пользователей. В любом случае, если вам нужен значок продукта Google, вы найдете его здесь.
Иконки очень красивые, и если бы они были векторами, это было бы круто. Тем не менее, выбор PNG 128 × 128 пикселей или GIF должен быть достаточно полезным для большинства из нас.
Хотя я не утверждаю, что это исчерпывающий список социальных иконок, я думаю, что в нем есть ресурсы практически на любой вкус и потребности.
Если вам повезет, значки в этих наборах могут быть идеальными для вас как есть, но даже если вам придется внести в них незначительные изменения, чтобы соответствовать вашим требованиям, это все равно намного быстрее, чем создавать их с нуля.
15 векторных пакетов значков для социальных сетей
Векторные иконки или пакеты векторных иконок для социальных сетей всегда востребованы, и из-за того, что природа постоянно меняется, нужно либо создавать, либо искать действительно классные векторные иконки. Векторные иконки должны быть чистыми, простыми и достаточно универсальными, чтобы обслуживать различные типы интерфейсов, веб-дизайн, блоги или веб-приложения. Мало того, эти векторные иконки используются в кампаниях в социальных сетях, чтобы сделать их вирусными. Наборы векторных значков могут иметь любую природу, будь то значки социальных сетей для Twitter, Facebook или Google+, BuddyIcons, Picons и других.Эти векторные иконки удовлетворяют различные потребности: вы можете найти различные рисованные, простые графические или даже трехмерные (3D) векторные иконки.
Ниже приведены классные векторные иконки, пакеты векторных иконок для социальных сетей, разработанные с помощью Illustrator, Fireworks и других инструментов. Выберите любой из них, исходя из требований и вкуса вашего приложения.
Обратите внимание, что не все из них бесплатны, некоторые из этих векторных пакетов значков имеют политику коммерческого использования, которой необходимо следовать.Перед использованием любого из них просто ознакомьтесь с их политикой прав использования.
Бесплатные векторные иконки для социальных сетей
Ниже приводится список бесплатных векторных иконок социальных сетей, собранных из различных статей о дизайне. Вы можете часто использовать их в своих веб-приложениях для социальных сетей.
Иконки социальных сетей Picons
Picons Social состоит из 80 векторных иконок популярных приложений социальных сетей, таких как Instagram, Tumblr, Facebook, Flickr, Twitter, Pinterest и т. Д.Вы можете использовать их бесплатно. Просто соблюдайте правила использования, прежде чем применять их в коммерческих приложениях.
Векторные иконки социальных сетей в 3D
Эти бесплатные трехмерные векторные иконки разработаны Six Revisions. Этот пакет значков включает в себя векторные исходные файлы (AI) каждого значка и файлы PNG с размерами 256 на 256 пикселей.
Buddycons Векторные иконки социальных сетей
Buddycons включает 126 векторных значков социальных сетей, кроме того, он поставляется с PNG всех 126 значков как в круглых, так и в округлых вариантах, а также с векторным исходным файлом для легкого изменения размера.
Бесплатные векторные иконки социальных сетей набор
Free Vector Social Media Icons Set — это в первую очередь классические и простые векторные иконки, содержащие 100 бесплатных векторных иконок.
Векторные иконки социальных сетей
Эти векторные иконки социальных сетей — это бесплатный набор из 80 иконок, в основном популярных социальных сетей. Обычно они разрабатываются в векторном формате 32px и 16px, но могут быть масштабированы до любого размера, чтобы соответствовать вашему дизайну.
Набор иконок социальных сетей WPZOOM
значков социальных сетей WPZOOM охватывает более 100 100 значков 5 различных размеров (64 × 64, 48 × 48, 32 × 32, 24 × 24 и 16 × 16 пикселей).Кроме того, эти значки предлагаются в форматах PNG и PSD.
Удобные векторные иконки
Handy Icons — это набор из 24 бесплатных векторных иконок, выполненных в основном в виде отрисованных от руки схематичных изображений. Стиль рисования довольно привлекателен для многих веб-приложений, почему бы не попробовать его сами.
Web 2.0rigami Иконки
КоллекцияWeb 2.0rigami Icons — это бесплатные векторные иконки для социальных сетей, оформленные в классном стиле оригами.
Другие векторные иконки
Ниже приведены еще несколько уникальных векторных иконок, наборы иконок, которые вы можете попробовать.
Я надеюсь, что этих векторных иконок будет достаточно, чтобы вы начали. Следите за обновлениями, чтобы увидеть больше векторных иконок, наборов векторных иконок и графики. Мы хотели бы услышать ваш опыт использования этих классных векторных иконок. Пожалуйста, оставьте нам комментарий и поделитесь с нами своим мнением.
JustVector Social Icons 1.5 — Alex Peattie
⬇ Загрузить значки (.zip)
Эти 150 монохромных социальных иконок созданы с учетом простоты.Предоставляемые в векторном формате, они полностью редактируются и легко масштабируются до любого размера. Они полностью бесплатны , даже для коммерческого использования, распространения или ремикширования (см. Лицензию).
Формат
Исходное изображение в векторном формате предоставляется в файлах .AI (CS3 +) и .EPS (редактируется в Adobe Illustrator, Freehand, CorelDRAW и Inkscape). Также предоставляются отдельные файлы для каждого значка в формате .PNG и .SVG. Иконки .PNG имеют размер 32px x 32px PNG-32, черные на прозрачном фоне.Значки .SVG имеют размер 100 x 100 пикселей с черной заливкой.
Информация о лицензии
Иконки распространяются под лицензией Free Art License, и поэтому их можно копировать, распространять, преобразовывать и использовать по своему усмотрению. Если вам нравятся значки, мы будем признательны за обратную ссылку на эту страницу.
Полный просмотр
Веб-шрифт
Благодаря отличной работе Серджио Диаса набор теперь доступен в виде веб-шрифта. С помощью небольшой магии @ font-face вы можете изменять размер, перекрашивать и вообще злоупотреблять социальными значками.Возьмите комплект здесь: http://martianwabbit.com/2014/09/15/just-vector-social-font-1-5.html или посмотрите демонстрацию здесь.
История версий
1.5 (11 апреля 2010)
- Добавлено (50) : AIM (alt), Arto, Baidu, Basecamp, Bnter, Brightkite, Cinch, CloudApp, Creative Commons, Dailybooth, Diigo, Dropbox, DZone, Etsy, Facto.me, Folkd, Goodreads, Hacker News, hi5, Identi.ca, Instapaper, Kik, Krop, LiveJournal, Mister Wng, Mixx (alt), MSN Messenger, Ning, Official.fm, Orkut, Pandora, Путь, Доска объявлений, Пинг, PingChat, Plixi, Plurk, Quora, Readernaut, Робо.to, Simplenote, Squarespace, threeewords.me, tribe.net, TripIt, WhatsApp, Wists, Yahoo! Мессенджер, ZooTool, Zynga.
- Исправлено (3) : Picasa, Qik, Zerply.
- Другое : все значки перемещены на одну монтажную область. Обновлены .ai и .eps для улучшения совместимости (CS3 + вместо CS5).
1.0 (17 марта 2010 г.)
- Загрузить 1.0 (.zip)
- Добавлено (100) : AIM, Amazon, App Store, Apple, AWS, Bebo, Behance, Bing, Blip, Blogger, Coroflot, Delicious, DesignBump, DesignFloat, Designmoo, deviantART, Digg (x2), Dribbble, Drupal, eBay, Ember, Evernote, Facebook (x2), Facebook Places, Feedburner, Flickr, Formspring, Forrst, foursquare, FriendFeed, Friendster, gdgt, Github (x2), Google, Google Buzz, Google Talk, Gowalla (x2), Grooveshark, Hyves, Hype Machine, ICQ, iTunes, последнее.