ant-design/components/button/demo/icon.md

# 图标按钮

- order: 4

图标一般放在文字前面，也可以单独存在。

---

````html
<button class="ant-btn ant-btn-primary ant-btn-circle ant-btn-lg">
  <i class="anticon anticon-search"></i>
</button>
<button class="ant-btn ant-btn-primary ant-btn-lg">
  <i class="anticon anticon-search"></i>
  大按钮
</button>

<button class="ant-btn ant-btn-primary ant-btn-circle">
  <i class="anticon anticon-search"></i>
</button>
<button class="ant-btn ant-btn-primary">
  <i class="anticon anticon-search"></i>
  中按钮
</button>

<button class="ant-btn ant-btn-primary ant-btn-circle ant-btn-sm">
  <i class="anticon anticon-search"></i>
</button>
<button class="ant-btn ant-btn-primary ant-btn-sm">
  <i class="anticon anticon-search"></i>
  小按钮
</button>

<p></p>

<button class="ant-btn ant-btn-ghost ant-btn-circle-outline ant-btn-lg">
  <i class="anticon anticon-search"></i>
</button>
<button class="ant-btn ant-btn-ghost ant-btn-circle-outline">
  <i class="anticon anticon-search"></i>
</button>
<button class="ant-btn ant-btn-circle-outline ant-btn-sm">
  <i class="anticon anticon-search"></i>
</button>
````