```html
<div class="demo-block" id="icon-demo1">
  <lx-box gap="10px 10px">
    <lx-icon type="success"></lx-icon>
    <lx-icon type="info"></lx-icon>
    <lx-icon type="info_circle"></lx-icon>
    <lx-icon type="warn"></lx-icon>
    <lx-icon type="waiting"></lx-icon>
    <lx-icon type="waiting_circle"></lx-icon>
    <lx-icon type="safe_success"></lx-icon>
    <lx-icon type="safe_warn"></lx-icon>
    <lx-icon type="success_circle"></lx-icon>
    <lx-icon type="success_no_circle"></lx-icon>
    <lx-icon type="circle"></lx-icon>
    <lx-icon type="download"></lx-icon>
    <lx-icon type="cancel"></lx-icon>
    <lx-icon type="search"></lx-icon>
    <lx-icon type="clear"></lx-icon>
    <lx-icon type="plain"></lx-icon>
    <br>
    <lx-icon
      type="success"
      class="icon_big"
    ></lx-icon>
    <lx-icon
      type="info"
      class="icon_big"
    ></lx-icon>
    <lx-icon
      type="safe_success"
      class="icon_big"
    ></lx-icon>
    <lx-icon
      type="safe_warn"
      class="icon_big"
    ></lx-icon>
  </lx-box>
</div>


<script>
// Icon.md
new Vue({
  el: '#icon-demo1'
})
</script>
```