Присмотритесь к индексам. На левом рисунке тот вектор, который к нам, обозначен

то есть он создаётся правым проводом, по которому течёт ток

Отсюда и направление вектора магнитного поля. На правом рисунке правый провод "развернули", и вектор создаваемого им магнитного поля тоже развернулся. Направление вектора соотносится с направлением круга, как направление вектора скорости с направлением движения по окружности - это, по сути, направленная касательная.