Юникод задаёт смысл, а не картинку

Эмодзи — это символы стандарта Юникод. У каждого есть код, например U+1F600 для «широко улыбающегося лица». Юникод фиксирует значение символа, но не его внешний вид.

Как именно нарисовать эмодзи — решает производитель операционной системы. Поэтому существуют разные наборы:

• **Apple** — на iPhone, iPad и Mac. Объёмные, с бликами и градиентами.
• **Google** (Noto) — на Android и в сервисах Google. Более плоские и яркие.
• **Microsoft** (Fluent) — в Windows. Современный «пластилиновый» стиль, доступен в том числе в SVG.

Почему это важно для дизайна

Если вы делаете макет под конкретную платформу, логично взять эмодзи именно того вендора. Например:

• макет iOS-приложения → эмодзи **Apple**;
• баннер для Android → эмодзи **Google**;
• иллюстрация в фирменном стиле Microsoft → **Fluent**.

Где скачать PNG эмодзи

В каталоге эмодзи Trace Logo's для каждого символа доступны версии Apple, Google и Microsoft. На странице эмодзи можно:

• скопировать сам символ в один клик;
• скачать PNG нужного вендора;
• посмотреть код Юникода и категорию.

Поиск работает на русском и английском — найдёте эмодзи по названию или просто по смыслу.

Короткий вывод

Один эмодзи — один код Юникода, но много вариантов отрисовки. Выбирайте набор под платформу, для которой делаете дизайн, и скачивайте готовый PNG из каталога.

Почему SVG легко перекрашивать

В отличие от PNG, где цвет «впечатан» в пиксели, SVG хранит цвета как отдельные значения — например, fill="#005BFF". Их можно менять, не трогая саму форму логотипа. Именно поэтому вектор так удобен для кастомизации.

Как изменить цвет в Trace Logo's

1. Откройте страницу нужного логотипа в [каталоге](../../logos/).
2. Нажмите на логотип, чтобы открыть панель редактирования.
3. В блоке **«Цвета бренда»** видны все цвета, использованные в SVG.
4. Кликните по цвету и выберите новый в HSV-пикере.
5. Скачайте результат в SVG или PNG, либо скопируйте готовый код.

История изменений поддерживает отмену и повтор — можно спокойно экспериментировать.

Типовые задачи

• **Белый логотип для тёмного фона** — замените основной цвет на `#FFFFFF`.
• **Одноцветная версия** — сведите все цвета к одному (например, чёрному для печати).
• **Адаптация под палитру проекта** — подгоните логотип под фирменные цвета вашего макета.

Важно про авторские права

Меняя цвет логотипа, помните: большинство брендов имеют гайдлайны по использованию. Для официальных материалов сверяйтесь с правилами бренда — на странице логотипа мы указываем ссылку, если она доступна.

Что дальше

Готовый логотип можно сразу экспортировать в Figma — просто скопируйте SVG и вставьте на холст. Попробуйте редактор цвета на любом логотипе из нашего каталога.

Чем SVG отличается от PNG

SVG — это векторный формат. Логотип описан математически: линии, кривые, заливки. Поэтому он масштабируется до любого размера без потери качества — от иконки 16×16 до баннера на билборде.

PNG — растровый формат. Изображение состоит из пикселей. Если увеличить PNG сильнее его исходного размера, появятся «лесенки» и размытие.

Когда использовать SVG

• **Веб-сайты и интерфейсы.** SVG весит меньше, масштабируется под любой экран и остаётся чётким на Retina-дисплеях.
• **Figma, Sketch и другие редакторы.** Вектор можно перекрасить, разобрать на части, отредактировать.
• **Печать.** Для типографии нужен вектор — он не теряет качество при любом размере.

Когда использовать PNG

• **Письма и мессенджеры.** Не все почтовые клиенты корректно показывают SVG — PNG надёжнее.
• **Презентации.** PowerPoint и Google Slides проще работают с PNG.
• **Соцсети.** Загрузка аватарок и обложек чаще требует растровый формат.
• **Сложные логотипы с эффектами** — градиентами, тенями, текстурами, которые тяжело передать в вектор.

Как конвертировать SVG в PNG

На каждой странице логотипа в нашем каталоге доступны обе кнопки — скачать SVG и PNG. Если нужен PNG нестандартного размера, откройте SVG в Figma или браузере и экспортируйте в нужном разрешении.

Короткий вывод

Если сомневаетесь — берите SVG. Это «исходник», из которого всегда можно получить PNG любого размера. PNG нужен там, где SVG не поддерживается: почта, презентации, часть соцсетей.

Все логотипы в каталоге Trace Logo's доступны и в SVG, и в PNG — скачивайте бесплатно.