# Icon Controls

```
<div style="padding: 0.25rem">
  <span class="icon-control">
    <span class="icon-control--icon icon-star1" title="Star">
      <span class="hidden-for-sighted">Star</span>
    </span>
  </span>
  Nur e kian landonomo, ol ind duona anstataŭa.
</div>
<div style="padding: 0.25rem">
  <span class="icon-control -active">
    <span class="icon-control--icon icon-star1" title="Unstar">
      <span class="hidden-for-sighted">Unstar</span>
    </span>
  </span>
  Far ki aliam samideano noniliono.
</div>

<div style="padding: 0.25rem; background-color: #eee">
  <span class="icon-control">
    <span class="icon-control--icon icon-watch-1" title="Watch">
      <span class="hidden-for-sighted">Watch</span>
    </span>
  </span>
  Περπετυα περσεκυερις υθ ηας
</div>
<div style="padding: 0.25rem; background-color: #eee">
  <span class="icon-control -active">
    <span class="icon-control--icon icon-watch-1" title="Unwatch">
      <span class="hidden-for-sighted">Unwatch</span>
    </span>
  </span>
  Ηας παρτεμ λεγενδως δεφινιθιονεμ νο, συμ ευ λαυδεμ εσεντ εκυιδεμ
</div>

<div style="padding: 0.25rem">
  <span class="icon-control">
    <span class="icon-control--icon icon-heart" title="Love">
      <span class="hidden-for-sighted">Love</span>
    </span>
  </span>
  Зыд ут выльёт ножтро нужквюам.
</div>
<div style="padding: 0.25rem">
  <span class="icon-control -active">
    <span class="icon-control--icon icon-heart" title="Fall out of love">
      <span class="hidden-for-sighted">Fall out of love</span>
    </span>
  </span>
  Хаж ут нихйл тамквюам.
</div>

```