<div class="cf nr2 nl2 mb3">
  <div class="fl-ns w-50-ns ph2">
    <p>
      If there is enough cue that the button is clickable the icon can stand by itself. Otherwise combine it with a background when the context is not clear enough.
    </p>
  </div>
  <div class="fl-ns w-50-ns ph2">
    <img class="db w-100-ns outline outline--black-01 outline-offset--1" src="../images/buttons/button-icon.svg" alt="">
  </div>
</div>
<div class="cf nr2 nl2 mb3">
  <div class="fl-ns w-50-ns ph2">
    <p>
      If there is enough cue or context that the button is clickable, the icon can stand by itself. If not, combine the icon with a background. 
    </p>
  </div>
  <div class="fl-ns w-50-ns ph2">
    <img class="db w-100-ns outline outline--black-01 outline-offset--1" src="../images/buttons/button-icon.svg" alt="">
  </div>
</div>
Update Icon to: If there is enough cue or context that the button is clickable, the icon can stand by itself. If not, combine the icon with a background.
[edit]   Update Icon to: If there is enough cue or context that the button is clickable, the icon can stand by itself. If not, combine the icon with a background.

according to brjones’ notes
