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

# 图标按钮

- order: 4

---

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

<p></p>

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