Icon 图标

<!-- 居中演示 -->
  <re-icon name="home" size="24px" color="#0052d9" />
  <re-icon name="user" size="24px" color="#0052d9" />
  <re-icon name="heart" size="16px" color="#d54941" />
  <re-icon name="star" size="32px" color="#e37318" />

<!-- 基础组件图标 -->
  <re-icon class="icon-grid__icon" :name="name" size="24px" color="#333333" />

<!-- Logo 相关图标 -->
  <re-icon class="icon-grid__icon" :name="name" size="24px" color="#333333" />

<!-- AI 功能图标 -->
  <re-icon class="icon-grid__icon" :name="name" size="24px" color="#333333" />

<!-- 不同尺寸 -->
  <re-icon name="home" size="12px" color="#0052d9" />
  <re-icon name="home" size="16px" color="#0052d9" />
  <re-icon name="home" size="24px" color="#0052d9" />
  <re-icon name="home" size="32px" color="#0052d9" />

<!-- SVG 源色 -->
  <re-icon name="heart" size="24px" color="#0052d9" />
  <re-icon name="heart" size="24px" color="#d54941" />
  <re-icon name="star" size="24px" color="#e37318" />
  <re-icon name="check-circle" size="24px" color="#00a870" />

<!-- 图片图标 -->
  <re-icon name="/static/logo.png" />
  <re-icon name="/static/logo.png" size="32px" />

<!-- 文本符号颜色 -->
  <re-icon name="★" size="20px" color="#e37318" />
  <re-icon name="♥" size="20px" color="#d54941" />
  <re-icon name="✓" size="20px" color="#00a870" />
  <re-icon name="✕" size="20px" color="#999999" />

<!-- 自定义样式 -->
  <re-icon name="home" size="24px" customStyle="margin-top: 10px;" />

<!-- 空图标 -->
  <re-icon name="" />