<div class="rt-te">
  <a href="#" class="unit1"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18.31l-7.437 4.507 1.972-8.451-6.535-5.69 8.62-0.732 3.38-7.944 3.38 7.944 8.62 0.732-6.535 5.69 1.972 8.451z"></path></svg></a>
  <a href="#" class="unit2"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18.31l-7.437 4.507 1.972-8.451-6.535-5.69 8.62-0.732 3.38-7.944 3.38 7.944 8.62 0.732-6.535 5.69 1.972 8.451z"></path></svg></a>
  <a href="#" class="unit3"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18.31l-7.437 4.507 1.972-8.451-6.535-5.69 8.62-0.732 3.38-7.944 3.38 7.944 8.62 0.732-6.535 5.69 1.972 8.451z"></path></svg></a>
  <a href="#" class="unit4"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18.31l-7.437 4.507 1.972-8.451-6.535-5.69 8.62-0.732 3.38-7.944 3.38 7.944 8.62 0.732-6.535 5.69 1.972 8.451z"></path></svg></a>
  <a href="#" class="unit5"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18.31l-7.437 4.507 1.972-8.451-6.535-5.69 8.62-0.732 3.38-7.944 3.38 7.944 8.62 0.732-6.535 5.69 1.972 8.451z"></path></svg></a>
</div>

.rt-te a:hover svg,
.rt-te a:hover ~ a svg {
  fill: #000;
}
.rt-te{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    width: 100px;
}
.rt-te svg{
  width: 20px;
  height: 20px;
  fill: #ccc
}