Iconify

by Ting-Yuan Chang

HTML

<script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
Home <span class="iconify" data-icon="fa:home"></span> sweet sweet home<br>
一隻小小鳥 <span class="iconify" data-icon="noto:bird"></span> 五顏六色的<br>
電量 50% <span class="iconify" data-icon="ic:twotone-battery-charging-50"></span> 是半滿還是半空呢？
<p class="large">
Big size <span class="iconify" data-icon="ic:twotone-color-lens"></span>
</p>

CSS

.iconify {
  color: #cc6633;
}

.large {
  font-size: 3rem;
}