осталось вытащить из aside
Можно раздробить еще на блоки. Или наоборот, не выделять picture в блок.
<form action="" class="filters__form">
<fieldset class="filters__item">
<legend class="filters__title">Заголовок фильтра</legend>
<ul class="filters__list">
<li class="filters__item-field">
<input type="checkbox" name="name-filter" class="filters__checkbox" id="name-filter">
<label for="name-filter" class="filters__btn">Векторы</label>
</li>
</ul>
</fieldset>
</form>
<aside class="sidebar">
// класс filter или filters?
<div class="filters sidebar__filters">
<form action="" class="filters__form">
<div class="filters__item">
<div class="filters__title">Заголовок фильтра</div>
<ul class="filters__list">
<li class="filters__item-field">
<input type="checkbox" name="name-filter" class="filters__checkbox" id="name-filter">
<label for="name-filter" class="filters__btn">Векторы</label>
</li>
</ul>
</div>
</form>
</div>
</aside>
Про то что фильтр не aside тоже сказала. Тут фильтр скорее выступает в роли навигации и, вероятно, формирует урл (так обычно бывает). Поэтому нельзя сказать, что он не имеет отношения к происходящему.
Чтобы писать разметку нужен конкретный макет из которого можно определить что чем является.
У данной иконки меняется только цвет у кружочка.