{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Введение","type":"header-two","key":"b09c1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создаете сайт и хотите добавить стрелочки, галочки, символы валют? Дизайнер прислал макет с кучей иконок, а бюджет на покупку шрифтов уже потрачен? Или вы email-маркетолог, и ваши красивые картинки блокируются почтовыми клиентами?","type":"unstyled","key":"3b9ul"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Знакомая ситуация: нужна простая иконка, а приходится искать изображения, оптимизировать их, загружать на сервер. Каждая картинка — это дополнительный HTTP-запрос, лишние килобайты, проблемы с адаптивностью.","type":"unstyled","key":"5kt31"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"HTML символы решают эту проблему кардинально. Это встроенные в браузер пиктограммы, которые работают как обычный текст, но выглядят как профессиональные иконки. Никаких загрузок, никаких тормозов, никаких проблем с совместимостью.","type":"unstyled","key":"7v25o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":0,"style":"BOLD"}],"text":"Коллекция HTML пиктограмм — это библиотека из 100+ готовых символов с мгновенным копированием кода. От простых стрелок до сложных эмодзи, от математических знаков до декоративных элементов.","type":"unstyled","key":"fv55d"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":26,"offset":27}],"inlineStyleRanges":[{"length":23,"offset":2,"style":"BOLD"}],"text":"✨ Попробуйте прямо сейчас: HTML пиктограммы и символы — скопируйте код любого символа за 1 клик","type":"blockquote","key":"aprlk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Почему HTML символы лучше картинок","type":"header-two","key":"ase1v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Unicode символы — это не компромисс, а часто лучшее решение для веб-проектов.","type":"unstyled","key":"ce46r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мгновенная загрузка без запросов","type":"header-three","key":"5n110"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обычная иконка:","type":"unstyled","key":"e5ids"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" $\"стрелка\"$ ","type":"unstyled","key":"7pucf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Дополнительный HTTP-запрос","type":"unordered-list-item","key":"2bcsn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2-5 КБ трафика","type":"unordered-list-item","key":"4101m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Задержка загрузки","type":"unordered-list-item","key":"frn4f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Риск \"сломанной\" картинки","type":"unordered-list-item","key":"a3a2c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"HTML пиктограмма:","type":"unstyled","key":"fp02l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"→","type":"unstyled","key":"7uokq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ноль запросов к серверу","type":"unordered-list-item","key":"cg4pi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Несколько байт размера","type":"unordered-list-item","key":"fct8i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мгновенное отображение","type":"unordered-list-item","key":"2afe6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Гарантированная работа","type":"unordered-list-item","key":"748or"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":2,"style":"BOLD"}],"text":"\uD83D\uDE80 Скорость имеет значение: Каждые 100мс задержки снижают конверсию на 1%. HTML символы убирают десятки миллисекунд.","type":"blockquote","key":"dji7j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Идеальная адаптивность","type":"header-three","key":"1s3v7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Растровые иконки размываются при увеличении, выглядят слишком мелко на Retina-дисплеях, требуют разных версий для разных экранов.","type":"unstyled","key":"bal3g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Векторные символы масштабируются до любого размера без потери качества. Один код работает на всех устройствах — от смартфона до 4K-монитора.","type":"unstyled","key":"aiggi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Простота стилизации","type":"header-three","key":"ep329"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".arrow {\n font-size: 24px; /* размер */\n color: #007bff; /* цвет */\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3); /* тень */\n transform: rotate(45deg); /* поворот */\n transition: all 0.3s ease; /* анимация */\n}\n\n.arrow:hover {\n color: #ff0000;\n transform: scale(1.2);\n}","type":"unstyled","key":"f3ikb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Попробуйте так же легко стилизовать обычную картинку.","type":"unstyled","key":"drmaf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Каталог HTML символов по категориям","type":"header-two","key":"ajr3v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Таблица символов содержит пиктограммы для любых задач веб-дизайна.","type":"unstyled","key":"45fbc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Навигационные элементы","type":"header-three","key":"aejuj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Стрелки и указатели — основа любого интерфейса:","type":"unstyled","key":"cb64q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"← → ↑ ↓ — базовые направления","type":"unordered-list-item","key":"emqb7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"⟵ ⟶ ⟷ — двойные стрелки","type":"unordered-list-item","key":"1rkia"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"⤴ ⤵ ↗ ↘ — диагональные направления","type":"unordered-list-item","key":"3c1tb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"⚙ ☰ ⋮ — настройки и меню","type":"unordered-list-item","key":"7fp0s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используйте для кнопок навигации, индикаторов прокрутки, элементов управления слайдерами.","type":"unstyled","key":"4td7k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Статусные индикаторы","type":"header-three","key":"6p8v6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":0,"style":"BOLD"}],"text":"Галочки, крестики, предупреждения:","type":"unstyled","key":"9hnd7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"✓ ✔ ✅ — успех, подтверждение","type":"unordered-list-item","key":"bhso8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"✗ ✘ ❌ — ошибка, отмена","type":"unordered-list-item","key":"3jkjs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"⚠ ❗ — внимание, предупреждение","type":"unordered-list-item","key":"8b7s6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"ℹ ❓ — информация, помощь","type":"unordered-list-item","key":"8jkta"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":2,"style":"BOLD"}],"text":"\uD83D\uDCA1 Лайфхак: Цветные статусы работают лучше. Зеленая галочка ✅, красный крестик ❌, желтый треугольник ⚠.","type":"blockquote","key":"6gh9q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Социальные и коммуникационные","type":"header-three","key":"43hm5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":0,"style":"BOLD"}],"text":"Контакты и обратная связь:","type":"unstyled","key":"3jcmg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"☎ ✉ — телефон, email","type":"unordered-list-item","key":"65dno"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"⌂ ⌘ — дом, команда","type":"unordered-list-item","key":"flm2j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"♡ ♥ — лайки, избранное","type":"unordered-list-item","key":"3kmjl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"⭐ ★ — рейтинги, отзывы","type":"unordered-list-item","key":"cfg0u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Коммерческие символы","type":"header-three","key":"3ka3h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Магазины и финансы:","type":"unstyled","key":"mfdt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$ € ¥ ₽ — валюты","type":"unordered-list-item","key":"90dih"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"₿ — криптовалюта","type":"unordered-list-item","key":"52ba1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDED2 \uD83D\uDECD — корзина, покупки","type":"unordered-list-item","key":"9jv3e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDCB3 \uD83D\uDCB0 — оплата, деньги","type":"unordered-list-item","key":"curn2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Геометрические фигуры","type":"header-three","key":"dsltt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Декоративные элементы:","type":"unstyled","key":"7mp5u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"■ ● ▲ ♦ — базовые фигуры","type":"unordered-list-item","key":"7md15"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"☀ ☁ ❄ — погода, природа","type":"unordered-list-item","key":"fr9gl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"♠ ♣ ♥ ♦ — игральные масти","type":"unordered-list-item","key":"5kgq7"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":18,"offset":18}],"inlineStyleRanges":[{"length":14,"offset":2,"style":"BOLD"}],"text":"\uD83C\uDFAF Быстрый доступ: Скопировать символ — выберите категорию и кликните на нужную пиктограмму","type":"blockquote","key":"d4mnq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пошаговый гайд по использованию","type":"header-two","key":"2f7vj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Работа с символами занимает секунды, а результат радует месяцами.","type":"unstyled","key":"3cm7b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 1. Поиск нужного символа","type":"header-three","key":"2lgi"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":25,"offset":9}],"inlineStyleRanges":[],"text":"Откройте коллекцию HTML пиктограмм. Используйте один из способов поиска:","type":"unstyled","key":"4be7i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"Поиск по ключевым словам:","type":"unstyled","key":"1k776"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Введите \"стрелка\" — найдете все направления","type":"unordered-list-item","key":"1rmtg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Наберите \"галочка\" — получите варианты подтверждения","type":"unordered-list-item","key":"d497r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Попробуйте \"деньги\" — увидите финансовые символы","type":"unordered-list-item","key":"3phnf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Просмотр по категориям:","type":"unstyled","key":"4bqiv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Раскройте нужный раздел","type":"unordered-list-item","key":"cvt3l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пролистайте доступные варианты","type":"unordered-list-item","key":"2rdr5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Наведите курсор для предпросмотра","type":"unordered-list-item","key":"bo5ds"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 2. Копирование HTML-кода","type":"header-three","key":"99b5i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кликните на выбранный символ — код автоматически скопируется в буфер обмена. Появится уведомление \"Код скопирован!\" и зеленая галочка на символе.","type":"unstyled","key":"d9uq1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Что копируется:","type":"unstyled","key":"3g71o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"→ \n★ \n✔ ","type":"unstyled","key":"7tu55"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 3. Вставка в проект","type":"header-three","key":"cf1o5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вставьте код в любое место HTML-документа:","type":"unstyled","key":"59ht7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Наши преимущества ✔

\n\n

★★★★☆

","type":"unstyled","key":"a5s94"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 4. Стилизация символов","type":"header-three","key":"b33ja"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Примените CSS для идеального внешнего вида:","type":"unstyled","key":"7nau8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".success-icon {\n color: #28a745;\n font-size: 18px;\n margin-right: 8px;\n}\n\n.arrow-button::after {\n content: \"→\";\n margin-left: 8px;\n transition: transform 0.2s;\n}\n\n.arrow-button:hover::after {\n transform: translateX(4px);\n}","type":"unstyled","key":"625pn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Практические примеры применения","type":"header-two","key":"e8jqr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Интернет-магазин: товарные карточки","type":"header-three","key":"6imuj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Задача: Добавить рейтинг, статус доставки, кнопки действий без загрузки иконок.","type":"unstyled","key":"3q5sd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

iPhone 15 Pro

★★★★☆ (4.2)

\uD83D\uDE9A Доставка завтра

89 990 ₽

\n \n \n

","type":"unstyled","key":"fp0kv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Результат: Карточка загружается мгновенно, все символы масштабируются под любой экран, легко меняются цвета под дизайн.","type":"unstyled","key":"doh9o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Email-рассылка: привлечение внимания","type":"header-three","key":"7ql5u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Проблема: Почтовые клиенты блокируют изображения, письма выглядят \"голыми\".","type":"unstyled","key":"1m4i7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

\uD83C\uDF89 Черная пятница началась!

⚡ Только сегодня скидки до 70%

✅ Бесплатная доставка
✅ Гарантия возврата денег
✅ Круглосуточная поддержка

\nВыбрать товары →","type":"unstyled","key":"4ear0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Преимущества: Письмо выглядит ярко даже с заблокированными картинками, символы отображаются во всех почтовых клиентах.","type":"unstyled","key":"54aeg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":2,"style":"BOLD"}],"text":"\uD83D\uDCE7 Совет эмейл-маркетолога: Символы в теме письма увеличивают открываемость на 15-20%. Попробуйте \uD83D\uDD25, ⚡, \uD83C\uDF81.","type":"blockquote","key":"caoo1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Блог: улучшение читаемости","type":"header-three","key":"cm3au"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"Цель: Структурировать длинные тексты, выделить важные моменты.","type":"unstyled","key":"3l6o8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

\uD83D\uDCA1 Как увеличить конверсию сайта

\n \n

⚡ Быстрые победы (1-2 дня)

• Ускорить загрузку страниц
\n • Исправить 404 ошибки
\n • Добавить кнопки соцсетей

\n \n

\uD83C\uDFAF Долгосрочные улучшения

▶ A/B тестирование заголовков
\n ▶ Оптимизация воронки продаж
\n ▶ Персонализация контента

\n \n

\n ⚠ Внимание: не меняйте всё сразу, \n тестируйте поэтапно\n

","type":"unstyled","key":"833c0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Админ-панель: интуитивные элементы управления","type":"header-three","key":"3r42j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Задача: Создать понятный интерфейс без дизайнера.","type":"unstyled","key":"a2jgk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n

\n ✅ Сервер: активен\n

\n ⚠ База данных: медленно\n

\n ❌ Email: не работает\n

","type":"unstyled","key":"88me8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Совместимость и ограничения","type":"header-two","key":"9cvo7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поддержка браузерами","type":"header-three","key":"37evm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Современные браузеры (99%+ пользователей):","type":"unstyled","key":"bo22m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Chrome/Edge 60+ ✅","type":"unordered-list-item","key":"h0g9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Firefox 60+ ✅","type":"unordered-list-item","key":"7kvq1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Safari 12+ ✅","type":"unordered-list-item","key":"d1emf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Opera 50+ ✅","type":"unordered-list-item","key":"4b1sr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Мобильные устройства:","type":"unstyled","key":"er12m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"iOS Safari ✅","type":"unordered-list-item","key":"bo4iu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Android Chrome ✅","type":"unordered-list-item","key":"ejsvb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Samsung Internet ✅","type":"unordered-list-item","key":"5hnma"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Устаревшие браузеры:","type":"unstyled","key":"c13o4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Internet Explorer — ограниченная поддержка","type":"unordered-list-item","key":"dqehi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Старые Android (4.x) — базовые символы работают","type":"unordered-list-item","key":"4sa6i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":2,"style":"BOLD"}],"text":"\uD83D\uDD0D Проверка совместимости: Тестируйте символы в целевых браузерах. Некоторые эмодзи могут отображаться по-разному.","type":"blockquote","key":"a12e4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда символы не подходят","type":"header-three","key":"9tllg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Сложные иллюстрации — используйте SVG или PNG:","type":"unstyled","key":"4h992"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логотипы компаний","type":"unordered-list-item","key":"aue2c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Детализированные схемы","type":"unordered-list-item","key":"clv8m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Фотореалистичные изображения","type":"unordered-list-item","key":"r6la"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Брендированные элементы","type":"unordered-list-item","key":"2rgsd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Анимированные элементы — выбирайте CSS анимацию или GIF:","type":"unstyled","key":"o9ou"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Лоадеры и спиннеры","type":"unordered-list-item","key":"2uau4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сложные переходы","type":"unordered-list-item","key":"95ivf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Видео-контент","type":"unordered-list-item","key":"2h681"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Часто задаваемые вопросы","type":"header-two","key":"4g0ip"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Вопрос: Влияют ли HTML символы на SEO?","type":"unstyled","key":"8rekp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"},{"length":19,"offset":7,"style":"BOLD"}],"text":"Ответ: Положительно влияют. Поисковые системы индексируют символы как текст, что улучшает релевантность. В сниппетах поиска символы привлекают внимание и увеличивают CTR.","type":"unstyled","key":"e3joq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Вопрос: Можно ли использовать символы в CSS-контенте?","type":"unstyled","key":"e20br"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"Ответ: Да, через свойство content:","type":"unstyled","key":"9hshr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".button::before {\n content: \"→\";\n margin-right: 8px;\n}","type":"unstyled","key":"4jtui"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Вопрос: Как сделать символы доступными для скрин-ридеров?","type":"unstyled","key":"5ltnv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"Ответ: Добавляйте атрибут aria-label или title:","type":"unstyled","key":"8n2mj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"✅\n⚠","type":"unstyled","key":"7ld3p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Вопрос: Почему некоторые символы отображаются черно-белыми?","type":"unstyled","key":"e28he"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"},{"length":6,"offset":38,"style":"BOLD"},{"length":15,"offset":61,"style":"BOLD"}],"text":"Ответ: Это зависит от шрифта системы. Эмодзи обычно цветные, обычные символы — монохромные. Цвет можно изменить через CSS.","type":"unstyled","key":"361pv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Альтернативы HTML символам","type":"header-two","key":"7a5ot"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда рассмотреть другие варианты","type":"header-three","key":"2rqd0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Font Awesome — если нужны тысячи иконок:","type":"unstyled","key":"6j26q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Огромная библиотека символов","type":"unordered-list-item","key":"7tjie"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Профессиональные иконки","type":"unordered-list-item","key":"ft251"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Минус: дополнительная загрузка шрифта","type":"unordered-list-item","key":"4vflt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"SVG иконки — для брендированных элементов:","type":"unstyled","key":"b08ce"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Полный контроль над дизайном","type":"unordered-list-item","key":"9u71q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Идеальная масштабируемость","type":"unordered-list-item","key":"4adu6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Минус: больше кода, сложнее управление","type":"unordered-list-item","key":"8bp5u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Растровые изображения — для фотографий:","type":"unstyled","key":"5asad"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Высокое качество деталей","type":"unordered-list-item","key":"drt9q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поддержка сложных эффектов","type":"unordered-list-item","key":"7n85h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Минус: размер файлов, HTTP-запросы","type":"unordered-list-item","key":"78psv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":2,"style":"BOLD"}],"text":"\uD83D\uDC8E Золотое правило: Простые элементы интерфейса — HTML символы. Сложный дизайн — SVG. Фотографии — PNG/JPG.","type":"blockquote","key":"5hppg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Экспертные советы по применению","type":"header-two","key":"3uusm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Типографика и символы","type":"header-three","key":"bes2k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Правильные сочетания шрифтов и пиктограмм:","type":"unstyled","key":"b81nv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Серифные шрифты + классические символы (★, ♦, ©)","type":"unordered-list-item","key":"261bo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Без засечек + современные пиктограммы (→, ✓, ⚡)","type":"unordered-list-item","key":"5e7hh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Моноширинные + технические знаки (⚙, ⌘, ⌨)","type":"unordered-list-item","key":"3o8a4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Цветовая кодировка","type":"header-three","key":"eof2d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Стандартные значения помогают пользователям:","type":"unstyled","key":"5kmu7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDD34 Красный: ошибки, опасность, стоп","type":"unordered-list-item","key":"6i8fj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDFE2 Зеленый: успех, разрешение, старт","type":"unordered-list-item","key":"4nf4k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDFE1 Желтый: предупреждение, ожидание","type":"unordered-list-item","key":"9s6nr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDD35 Синий: информация, ссылки, нейтрально","type":"unordered-list-item","key":"1ff5h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Размеры и пропорции","type":"header-three","key":"3esdb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"/* Базовые размеры для разных контекстов */\n.icon-small { font-size: 14px; } /* для встроенного текста */\n.icon-medium { font-size: 18px; } /* для кнопок */\n.icon-large { font-size: 24px; } /* для заголовков */\n.icon-hero { font-size: 48px; } /* для акцентов */","type":"unstyled","key":"52caa"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":23,"offset":30}],"inlineStyleRanges":[{"length":26,"offset":2,"style":"BOLD"}],"text":"\uD83C\uDFA8 Начните экспериментировать: Коллекция HTML символов — 100+ готовых пиктограмм с мгновенным копированием","type":"blockquote","key":"41f7k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Заключение","type":"unstyled","key":"3pqag"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"HTML пиктограммы превратили простые символы в мощный инструмент веб-дизайна. Никаких загрузок, никаких тормозов, никаких проблем совместимости — только быстрые и красивые интерфейсы.","type":"unstyled","key":"5l61s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":95,"style":"BOLD"}],"text":"Современные браузеры поддерживают сотни Unicode символов от базовых стрелок до сложных эмодзи. Коллекция готовых пиктограмм упрощает поиск и копирование нужных элементов.","type":"unstyled","key":"3nlqm"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":12,"offset":21}],"inlineStyleRanges":[],"text":"Начните использовать HTML символы уже сегодня — ваши пользователи оценят скорость загрузки, а вы сэкономите время на оптимизации картинок.","type":"unstyled","key":"2krc8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"ParHIMIkKICNU1kC8OPs"}],"entityMap":{"0":{"data":{"href":"https://toolfox.ru/tools/html-icons","url":"https://toolfox.ru/tools/html-icons"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://toolfox.ru/tools/html-icons","url":"https://toolfox.ru/tools/html-icons"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"https://toolfox.ru/tools/html-icons","url":"https://toolfox.ru/tools/html-icons"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"href":"https://toolfox.ru/tools/html-icons","url":"https://toolfox.ru/tools/html-icons"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"href":"https://toolfox.ru/tools/html-icons","url":"https://toolfox.ru/tools/html-icons"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}