Как добавить иконку в кнопку contact form 7?

В Contact Form 7 тег [submit] генерирует обычный input type='submit'. Внутрь такого элемента нельзя надёжно вставить img или отдельный HTML-тег с иконкой. Поэтому самый простой и стабильный вариант — добавить кнопке класс и нарисовать иконку через CSS-фон.

В форме CF7:

[submit class:cf7-submit-icon "Отправить"]

CSS для иконки слева:

.wpcf7-submit.cf7-submit-icon {
    padding-left: 46px;
    background-image: url('/wp-content/uploads/icon-send.svg');
    background-repeat: no-repeat;
    background-position: 18px center;
    background-size: 18px 18px;
}

Если иконка должна быть справа:

.wpcf7-submit.cf7-submit-icon {
    padding-right: 46px;
    background-position: calc(100% - 18px) center;
}

Для PNG/WebP путь будет таким же, только укажите нужный файл. С SVG проверьте, что сайт разрешает загрузку SVG и сервер отдаёт корректный MIME-тип. Если SVG не грузится, используйте PNG, это часто быстрее решить на обычном WordPress-сайте.

• Не вставляйте <img> внутрь [submit]: CF7 не превратит это в нормальную кнопку с вложенной картинкой.
• Псевдоэлемент ::before для input обычно не подходит, потому что input не имеет внутреннего содержимого.
• Если нужна сложная кнопка с настоящим HTML внутри, проще сделать отдельную обёртку и отправлять форму через JS, но для одной иконки это лишнее.
• Не забудьте проверить hover/focus-состояния, чтобы иконка не пропадала на тёмном или цветном фоне.

Практически для CF7 лучшее решение — класс у submit и CSS background-image. Оно не ломает отправку формы, не зависит от JS и нормально переживает обновления плагина.