Как я написал простой HTML-сайт, который избавляет от ручного поиска и конвертации бренд-иконок / Хабр

Каждый раз, когда верстаешь новый проект, лендинг или дэшборд, Дизайнер просит поставить на плашки ссылки со свежими логотипами сервисов, соцсетей или технологического стека. Начинается отдельная каста разработки и дизайна: найди официальный брендбук, вытащи оттуда SVG (Не факт что он там будет) или иди на сторонние агрегаторы, где половина файлов кривые, а скачивание запрятано за скрытой рекламой "Скачать Яндекс". Когда мне это полностью надоело я создал свой сервис - ГдеИконка (GdeIkonka)

Какую боль это решает?

Обычно для поиска иконок используют крупные базы, но у них есть проблемы. Первая: они тяжелые, долго грузятся и перегружены интерфейсом. Вторая: если нужен PNG, приходится скачивать вектор и конвертер и там уже конвертировать в PNG. Третья: многие подобные сайты требуют регистрацию или подписку для базовых действий.

Я сформулировал для себя жесткие требования к MVP:

Никаких серверов и баз данных на бэкенде. Все должно работать на клиент сайде.
Мгновенная фильтрация на лету при вводе первых букв.
Возможность забрать иконку в один клик: либо скопировать CDN-ссылку, либо скачать чистый SVG, либо получить готовый PNG.

Как сайт устроен технически

Проект собран на чистом веб-стеке без использования сборщиков (Webpack, Vite) и тяжелых фреймворков. Вся логика написана на Vanilla JS (ES6+), а за верстку отвечает Tailwind CSS, который подключается через CDN. Это позволило сделать проект автономным и готовым к деплою в одну строчку через Codeberg Pages.