Icons

Icons

.parts-icon

The class for the icon. Most often applied to the image element img or svg

<img class="parts-icon" src="" alt=""/>
Copied

--left

Icon on the left

<img class="parts-icon parts-icon--left" src="" alt=""/>
...
Copied

--right

Icon on the right

...
<img class="parts-icon parts-icon--right"  src="" alt=""/>
Copied

--egde

The modifier, which presses the icon to the edge of the parent block, depending on the selected --left or --right modifier

Since in this case the icon has absolute positioning, it is important that the css rule position: relative is set for the parent element

Icon on the left
<img class="parts-icon parts-icon--egde parts-icon--left"  src="" alt=""/>
...
Copied
Icon on the right
...
<img class="parts-icon parts-icon--egde parts-icon--right"  src="" alt=""/>
Copied