diff --git a/package.json b/package.json
index 058452dfc..9a807e1d2 100644
--- a/package.json
+++ b/package.json
@@ -101,7 +101,7 @@
     "prismjs": "^1.24.1",
     "standard-changelog": "^2.0.27",
     "stylelint": "^13.13.1",
-    "tdesign-icons-view": "^0.2.1",
+    "tdesign-icons-view": "^0.3.2",
     "tdesign-publish-cli": "^0.0.12",
     "tdesign-site-components": "^0.15.2",
     "typescript": "~4.7.2",
diff --git a/src/common/style/icons.less b/src/common/style/icons.less
index 449ed3291..cb186fc02 100644
--- a/src/common/style/icons.less
+++ b/src/common/style/icons.less
@@ -1,1208 +1,2116 @@
 @icons: {
-  activity: '\E001';
-  add-and-subtract: '\E002';
-  add-circle: '\E003';
-  add-rectangle: '\E004';
-  add: '\E005';
-  address-book: '\E006';
-  adjustment: '\E007';
-  airplay-wave: '\E008';
-  alarm-add: '\E009';
-  alarm-off: '\E00A';
-  alarm: '\E00B';
-  align-top: '\E00C';
-  align-vertical: '\E00D';
-  alpha: '\E00E';
-  analytics: '\E00F';
-  anchor: '\E010';
-  angry: '\E011';
-  animation-1: '\E012';
-  animation: '\E013';
-  anticlockwise: '\E014';
-  api: '\E015';
-  app: '\E016';
-  apple: '\E017';
-  application: '\E018';
-  architecture-hui-style: '\E019';
-  archway-1: '\E01A';
-  archway: '\E01B';
-  arrow-down-circle: '\E01C';
-  arrow-down-rectangle: '\E01D';
-  arrow-down: '\E01E';
-  arrow-left-circle: '\E01F';
-  arrow-left-down-circle: '\E020';
-  arrow-left-down: '\E021';
-  arrow-left-right-1: '\E022';
-  arrow-left-right-2: '\E023';
-  arrow-left-right-3: '\E024';
-  arrow-left-right-circle: '\E025';
-  arrow-left-up-circle: '\E026';
-  arrow-left-up: '\E027';
-  arrow-left: '\E028';
-  arrow-right-circle: '\E029';
-  arrow-right-down-circle: '\E02A';
-  arrow-right-down: '\E02B';
-  arrow-right-up-circle: '\E02C';
-  arrow-right-up: '\E02D';
-  arrow-right: '\E02E';
-  arrow-triangle-down-filled: '\E02F';
-  arrow-triangle-down: '\E030';
-  arrow-triangle-up-filled: '\E031';
-  arrow-triangle-up: '\E032';
-  arrow-up-circle: '\E033';
-  arrow-up-down-1: '\E034';
-  arrow-up-down-2: '\E035';
-  arrow-up-down-3: '\E036';
-  arrow-up-down-circle: '\E037';
-  arrow-up: '\E038';
-  artboard: '\E039';
-  article: '\E03A';
-  assignment-checked: '\E03B';
-  assignment-code: '\E03C';
-  assignment-error: '\E03D';
-  assignment-user: '\E03E';
-  assignment: '\E03F';
-  attach: '\E040';
-  attic-1: '\E041';
-  attic: '\E042';
-  audio: '\E043';
-  awkward: '\E044';
-  backtop-rectangle: '\E045';
-  backtop: '\E046';
-  backup: '\E047';
-  backward: '\E048';
-  bad-laugh: '\E049';
-  bamboo-shoot: '\E04A';
-  banana: '\E04B';
-  barbecue: '\E04C';
-  barcode-1: '\E04D';
-  barcode: '\E04E';
-  base-station: '\E04F';
-  battery-add: '\E050';
-  battery-charging: '\E051';
-  battery-low: '\E052';
-  battery: '\E053';
-  bean: '\E054';
-  beer: '\E055';
-  beta: '\E056';
-  bifurcate: '\E057';
-  bill: '\E058';
-  blockchain: '\E059';
-  bluetooth: '\E05A';
-  bone: '\E05B';
-  book-open: '\E05C';
-  book: '\E05D';
-  bookmark-add: '\E05E';
-  bookmark-checked: '\E05F';
-  bookmark-double: '\E060';
-  bookmark-minus: '\E061';
-  bookmark: '\E062';
-  braces: '\E063';
-  brackets: '\E064';
-  bread: '\E065';
-  bridge-1: '\E066';
-  bridge-2: '\E067';
-  bridge-3: '\E068';
-  bridge-4: '\E069';
-  bridge-5: '\E06A';
-  bridge-6: '\E06B';
-  bridge: '\E06C';
-  brightness-1: '\E06D';
-  brightness: '\E06E';
-  broccoli: '\E06F';
-  browse-gallery: '\E070';
-  browse-off: '\E071';
-  browse: '\E072';
-  brush: '\E073';
-  bug-report: '\E074';
-  bug: '\E075';
-  building-1: '\E076';
-  building-2: '\E077';
-  building-3: '\E078';
-  building-4: '\E079';
-  building-5: '\E07A';
-  building: '\E07B';
-  bulletpoint: '\E07C';
-  button: '\E07D';
-  cabbage: '\E07E';
-  cake: '\E07F';
-  calculation-1: '\E080';
-  calculation: '\E081';
-  calculator-1: '\E082';
-  calculator: '\E083';
-  calendar-1: '\E084';
-  calendar-2: '\E085';
-  calendar-edit: '\E086';
-  calendar-event: '\E087';
-  calendar: '\E088';
-  call-1: '\E089';
-  call-cancel: '\E08A';
-  call-forwarded: '\E08B';
-  call-incoming: '\E08C';
-  call-off: '\E08D';
-  call: '\E08E';
-  calm-1: '\E08F';
-  calm: '\E090';
-  camera-1: '\E091';
-  camera-2: '\E092';
-  camera-off: '\E093';
-  camera: '\E094';
-  candy: '\E095';
-  card: '\E096';
-  cardmembership: '\E097';
-  caret-down-small: '\E098';
-  caret-down: '\E099';
-  caret-left-small: '\E09A';
-  caret-left: '\E09B';
-  caret-right-small: '\E09C';
-  caret-right: '\E09D';
-  caret-up-small: '\E09E';
-  caret-up: '\E09F';
-  cart-add: '\E0A0';
-  cart: '\E0A1';
-  cast: '\E0A2';
-  castle-1: '\E0A3';
-  castle-2: '\E0A4';
-  castle-3: '\E0A5';
-  castle-4: '\E0A6';
-  castle-5: '\E0A7';
-  castle-6: '\E0A8';
-  castle-7: '\E0A9';
-  castle: '\E0AA';
-  cat: '\E0AB';
-  catalog: '\E0AC';
-  cd: '\E0AD';
-  celsius: '\E0AE';
-  center-focus-strong: '\E0AF';
-  centimeter: '\E0B0';
-  certificate-1: '\E0B1';
-  certificate: '\E0B2';
-  chart-3d: '\E0B3';
-  chart-add: '\E0B4';
-  chart-analytics: '\E0B5';
-  chart-area-multi: '\E0B6';
-  chart-area: '\E0B7';
-  chart-bar: '\E0B8';
-  chart-bubble: '\E0B9';
-  chart-column: '\E0BA';
-  chart-combo: '\E0BB';
-  chart-line-data-1: '\E0BC';
-  chart-line-data: '\E0BD';
-  chart-line-multi: '\E0BE';
-  chart-line: '\E0BF';
-  chart-maximum: '\E0C0';
-  chart-median: '\E0C1';
-  chart-minimum: '\E0C2';
-  chart-pie: '\E0C3';
-  chart-radar: '\E0C4';
-  chart-radial: '\E0C5';
-  chart-ring-1: '\E0C6';
-  chart-ring: '\E0C7';
-  chart-scatter: '\E0C8';
-  chart-stacked: '\E0C9';
-  chart: '\E0CA';
-  chat-add: '\E0CB';
-  chat-bubble-1: '\E0CC';
-  chat-bubble-add: '\E0CD';
-  chat-bubble-error: '\E0CE';
-  chat-bubble-help: '\E0CF';
-  chat-bubble-history: '\E0D0';
-  chat-bubble-locked: '\E0D1';
-  chat-bubble-smile: '\E0D2';
-  chat-bubble: '\E0D3';
-  chat-checked: '\E0D4';
-  chat-clear: '\E0D5';
-  chat-double: '\E0D6';
-  chat-error: '\E0D7';
-  chat-heart: '\E0D8';
-  chat-message: '\E0D9';
-  chat-off: '\E0DA';
-  chat-poll: '\E0DB';
-  chat-setting: '\E0DC';
-  chat: '\E0DD';
-  check-circle-filled: '\E0DE';
-  check-circle: '\E0DF';
-  check-double: '\E0E0';
-  check-rectangle-filled: '\E0E1';
-  check-rectangle: '\E0E2';
-  check: '\E0E3';
-  cheese: '\E0E4';
-  cherry: '\E0E5';
-  chevron-down-circle: '\E0E6';
-  chevron-down-double-s: '\E0E7';
-  chevron-down-double: '\E0E8';
-  chevron-down-rectangle: '\E0E9';
-  chevron-down-s: '\E0EA';
-  chevron-down: '\E0EB';
-  chevron-left-circle: '\E0EC';
-  chevron-left-double-s: '\E0ED';
-  chevron-left-double: '\E0EE';
-  chevron-left-rectangle: '\E0EF';
-  chevron-left-s: '\E0F0';
-  chevron-left: '\E0F1';
-  chevron-right-circle: '\E0F2';
-  chevron-right-double-s: '\E0F3';
-  chevron-right-double: '\E0F4';
-  chevron-right-rectangle: '\E0F5';
-  chevron-right-s: '\E0F6';
-  chevron-right: '\E0F7';
-  chevron-up-circle: '\E0F8';
-  chevron-up-double-s: '\E0F9';
-  chevron-up-double: '\E0FA';
-  chevron-up-rectangle: '\E0FB';
-  chevron-up-s: '\E0FC';
-  chevron-up: '\E0FD';
-  chicken: '\E0FE';
-  chili: '\E0FF';
-  chimney-1: '\E100';
-  chimney-2: '\E101';
-  chimney: '\E102';
-  chinese-cabbage: '\E103';
-  church: '\E104';
-  circle: '\E105';
-  city-1: '\E106';
-  city-10: '\E107';
-  city-11: '\E108';
-  city-12: '\E109';
-  city-13: '\E10A';
-  city-14: '\E10B';
-  city-15: '\E10C';
-  city-2: '\E10D';
-  city-3: '\E10E';
-  city-4: '\E10F';
-  city-5: '\E110';
-  city-6: '\E111';
-  city-7: '\E112';
-  city-8: '\E113';
-  city-9: '\E114';
-  city-ancient-1: '\E115';
-  city-ancient-2: '\E116';
-  city-ancient: '\E117';
-  city: '\E118';
-  clear-formatting-1: '\E119';
-  clear-formatting: '\E11A';
-  clear: '\E11B';
-  close-circle-filled: '\E11C';
-  close-circle: '\E11D';
-  close-octagon: '\E11E';
-  close-rectangle: '\E11F';
-  close: '\E120';
-  cloud-download: '\E121';
-  cloud-upload: '\E122';
-  cloud: '\E123';
-  cloudy-day: '\E124';
-  cloudy-night-rain: '\E125';
-  cloudy-night: '\E126';
-  cloudy-rain: '\E127';
-  cloudy-sunny: '\E128';
-  code-1: '\E129';
-  code-off: '\E12A';
-  code: '\E12B';
-  cola: '\E12C';
-  collage: '\E12D';
-  collection: '\E12E';
-  color-invert: '\E12F';
-  combination: '\E130';
-  command: '\E131';
-  compass-1: '\E132';
-  compass: '\E133';
-  component-breadcrumb: '\E134';
-  component-checkbox: '\E135';
-  component-divider-horizontal: '\E136';
-  component-divider-vertical: '\E137';
-  component-dropdown: '\E138';
-  component-grid: '\E139';
-  component-input: '\E13A';
-  component-layout: '\E13B';
-  component-radio: '\E13C';
-  component-space: '\E13D';
-  component-steps: '\E13E';
-  component-switch: '\E13F';
-  constraint: '\E140';
-  contrast-1: '\E141';
-  contrast: '\E142';
-  control-platform: '\E143';
-  cooperate: '\E144';
-  coordinate-system: '\E145';
-  copy: '\E146';
-  copyright: '\E147';
-  corn: '\E148';
-  coupon: '\E149';
-  course: '\E14A';
-  cpu: '\E14B';
-  crack: '\E14C';
-  creditcard-add: '\E14D';
-  creditcard-off: '\E14E';
-  creditcard: '\E14F';
-  crooked-smile: '\E150';
-  cry-and-laugh: '\E151';
-  cry-loudly: '\E152';
-  css3: '\E153';
-  cucumber: '\E154';
-  currency-exchange: '\E155';
-  cursor: '\E156';
-  curtain: '\E157';
-  curve: '\E158';
-  cut-1: '\E159';
-  cut: '\E15A';
-  dam-1: '\E15B';
-  dam-2: '\E15C';
-  dam-3: '\E15D';
-  dam-4: '\E15E';
-  dam-5: '\E15F';
-  dam-6: '\E160';
-  dam-7: '\E161';
-  dam: '\E162';
-  dart-board: '\E163';
-  dashboard-1: '\E164';
-  dashboard: '\E165';
-  data-base: '\E166';
-  data-checked: '\E167';
-  data-display: '\E168';
-  data-error: '\E169';
-  data-search: '\E16A';
-  data: '\E16B';
-  delete-1: '\E16C';
-  delete-time: '\E16D';
-  delete: '\E16E';
-  delta: '\E16F';
-  depressed: '\E170';
-  desktop-1: '\E171';
-  desktop: '\E172';
-  despise: '\E173';
-  device: '\E174';
-  discount-filled: '\E175';
-  discount: '\E176';
-  dissatisfaction: '\E177';
-  divide: '\E178';
-  dividers-1: '\E179';
-  dividers: '\E17A';
-  doge: '\E17B';
-  double-storey: '\E17C';
-  download-1: '\E17D';
-  download: '\E17E';
-  downscale: '\E17F';
-  drag-drop: '\E180';
-  drag-move: '\E181';
-  drink: '\E182';
-  drumstick: '\E183';
-  dv: '\E184';
-  dvd: '\E185';
-  earphone: '\E186';
-  earth: '\E187';
-  edit-1: '\E188';
-  edit-2: '\E189';
-  edit-off: '\E18A';
-  edit: '\E18B';
-  education: '\E18C';
-  eggplant: '\E18D';
-  ellipsis: '\E18E';
-  emo-emotional: '\E18F';
-  enter: '\E190';
-  equal: '\E191';
-  error-circle-filled: '\E192';
-  error-circle: '\E193';
-  error-triangle: '\E194';
-  error: '\E195';
-  excited-1: '\E196';
-  excited: '\E197';
-  expand-horizontal: '\E198';
-  expand-vertical: '\E199';
-  explore-off: '\E19A';
-  explore: '\E19B';
-  exposure: '\E19C';
-  extension-off: '\E19D';
-  extension: '\E19E';
-  face-retouching: '\E19F';
-  fact-check: '\E1A0';
-  fahrenheit-scale: '\E1A1';
-  feel-at-ease: '\E1A2';
-  ferocious: '\E1A3';
-  ferris-wheel: '\E1A4';
-  file-1: '\E1A5';
-  file-add-1: '\E1A6';
-  file-add: '\E1A7';
-  file-attachment: '\E1A8';
-  file-blocked: '\E1A9';
-  file-code-1: '\E1AA';
-  file-code: '\E1AB';
-  file-copy: '\E1AC';
-  file-download: '\E1AD';
-  file-excel: '\E1AE';
-  file-export: '\E1AF';
-  file-icon: '\E1B0';
-  file-image: '\E1B1';
-  file-import: '\E1B2';
-  file-locked: '\E1B3';
-  file-minus: '\E1B4';
-  file-music: '\E1B5';
-  file-onenote: '\E1B6';
-  file-outlook: '\E1B7';
-  file-paste: '\E1B8';
-  file-pdf: '\E1B9';
-  file-powerpoint: '\E1BA';
-  file-restore: '\E1BB';
-  file-safety: '\E1BC';
-  file-search: '\E1BD';
-  file-setting: '\E1BE';
-  file-teams: '\E1BF';
-  file-unknown: '\E1C0';
-  file-unlocked: '\E1C1';
-  file-word: '\E1C2';
-  file-zip: '\E1C3';
-  file: '\E1C4';
-  fill-color-1: '\E1C5';
-  fill-color: '\E1C6';
-  film-1: '\E1C7';
-  film: '\E1C8';
-  filter-1: '\E1C9';
-  filter-2: '\E1CA';
-  filter-3: '\E1CB';
-  filter-clear: '\E1CC';
-  filter-off: '\E1CD';
-  filter: '\E1CE';
-  fingerprint-1: '\E1CF';
-  fingerprint-2: '\E1D0';
-  fingerprint-3: '\E1D1';
-  fingerprint: '\E1D2';
-  fish: '\E1D3';
-  flag-1: '\E1D4';
-  flag-2: '\E1D5';
-  flag-3: '\E1D6';
-  flag-4: '\E1D7';
-  flag: '\E1D8';
-  flashlight: '\E1D9';
-  flight-landing: '\E1DA';
-  flight-takeoff: '\E1DB';
-  flip-smiling-face: '\E1DC';
-  flip-to-back: '\E1DD';
-  flip-to-front: '\E1DE';
-  focus: '\E1DF';
-  fog-night: '\E1E0';
-  fog-sunny: '\E1E1';
-  fog: '\E1E2';
-  folder-1: '\E1E3';
-  folder-add-1: '\E1E4';
-  folder-add: '\E1E5';
-  folder-blocked: '\E1E6';
-  folder-details: '\E1E7';
-  folder-export: '\E1E8';
-  folder-import: '\E1E9';
-  folder-locked: '\E1EA';
-  folder-minus: '\E1EB';
-  folder-move: '\E1EC';
-  folder-off: '\E1ED';
-  folder-open-1: '\E1EE';
-  folder-open: '\E1EF';
-  folder-search: '\E1F0';
-  folder-setting: '\E1F1';
-  folder-shared: '\E1F2';
-  folder-unlocked: '\E1F3';
-  folder-zip: '\E1F4';
-  folder: '\E1F5';
-  forest: '\E1F6';
-  fork: '\E1F7';
-  form: '\E1F8';
-  format-horizontal-align-bottom: '\E1F9';
-  format-horizontal-align-center: '\E1FA';
-  format-horizontal-align-top: '\E1FB';
-  format-vertical-align-center: '\E1FC';
-  format-vertical-align-left: '\E1FD';
-  format-vertical-align-right: '\E1FE';
-  forward: '\E1FF';
-  frame-1: '\E200';
-  frame: '\E201';
-  fries: '\E202';
-  fullscreen-1: '\E203';
-  fullscreen-2: '\E204';
-  fullscreen-exit-1: '\E205';
-  fullscreen-exit: '\E206';
-  fullscreen: '\E207';
-  function-curve: '\E208';
-  functions-1: '\E209';
-  functions: '\E20A';
-  gamepad-1: '\E20B';
-  gamepad: '\E20C';
-  gamma: '\E20D';
-  garlic: '\E20E';
-  gender-female: '\E20F';
-  gender-male: '\E210';
-  gesture-applause: '\E211';
-  gesture-click: '\E212';
-  gesture-down: '\E213';
-  gesture-expansion: '\E214';
-  gesture-left-slip: '\E215';
-  gesture-left: '\E216';
-  gesture-pray-1: '\E217';
-  gesture-pray: '\E218';
-  gesture-press: '\E219';
-  gesture-ranslation-1: '\E21A';
-  gesture-ranslation: '\E21B';
-  gesture-right-slip: '\E21C';
-  gesture-right: '\E21D';
-  gesture-slide-up: '\E21E';
-  gesture-up-1: '\E21F';
-  gesture-up-2: '\E220';
-  gesture-up-and-down: '\E221';
-  gesture-up: '\E222';
-  gesture-wipe-down: '\E223';
-  gift: '\E224';
-  giggle: '\E225';
-  git-branch: '\E226';
-  git-commit: '\E227';
-  git-merge: '\E228';
-  git-pull-request: '\E229';
-  git-repository-commits: '\E22A';
-  git-repository-private: '\E22B';
-  git-repository: '\E22C';
-  gps: '\E22D';
-  grape: '\E22E';
-  greater-than-or-equal: '\E22F';
-  greater-than: '\E230';
-  green-onion: '\E231';
-  grid-add: '\E232';
-  grid-view: '\E233';
-  guitar: '\E234';
-  hamburger: '\E235';
-  happy: '\E236';
-  hard-disk-storage: '\E237';
-  hard-drive: '\E238';
-  hashtag: '\E239';
-  hd: '\E23A';
-  heart-filled: '\E23B';
-  heart: '\E23C';
-  help-circle-filled: '\E23D';
-  help-circle: '\E23E';
-  help-rectangle: '\E23F';
-  help: '\E240';
-  highlight-1: '\E241';
-  highlight: '\E242';
-  history-setting: '\E243';
-  history: '\E244';
-  home: '\E245';
-  hospital-1: '\E246';
-  hospital: '\E247';
-  hotspot-wave: '\E248';
-  hourglass: '\E249';
-  houses-1: '\E24A';
-  houses-2: '\E24B';
-  houses: '\E24C';
-  html5: '\E24D';
-  https: '\E24E';
-  ice-cream: '\E24F';
-  icon: '\E250';
-  image-1: '\E251';
-  image-add: '\E252';
-  image-edit: '\E253';
-  image-error: '\E254';
-  image-off: '\E255';
-  image-search: '\E256';
-  image: '\E257';
-  indent-left: '\E258';
-  indent-right: '\E259';
-  indicator: '\E25A';
-  info-circle-filled: '\E25B';
-  info-circle: '\E25C';
-  ink: '\E25D';
-  install-desktop: '\E25E';
-  install-mobile: '\E25F';
-  install: '\E260';
-  institution-checked: '\E261';
-  institution: '\E262';
-  internet: '\E263';
-  ipod: '\E264';
-  joyful: '\E265';
-  jump-off: '\E266';
-  jump: '\E267';
-  keyboard: '\E268';
-  laptop: '\E269';
-  layers: '\E26A';
-  layout: '\E26B';
-  leaderboard: '\E26C';
-  lemon-slice: '\E26D';
-  lemon: '\E26E';
-  less-than-or-equal: '\E26F';
-  less-than: '\E270';
-  letters-a: '\E271';
-  letters-b: '\E272';
-  letters-c: '\E273';
-  letters-d: '\E274';
-  letters-e: '\E275';
-  letters-f: '\E276';
-  letters-g: '\E277';
-  letters-h: '\E278';
-  letters-i: '\E279';
-  letters-j: '\E27A';
-  letters-k: '\E27B';
-  letters-l: '\E27C';
-  letters-m: '\E27D';
-  letters-n: '\E27E';
-  letters-o: '\E27F';
-  letters-p: '\E280';
-  letters-q: '\E281';
-  letters-r: '\E282';
-  letters-s: '\E283';
-  letters-t: '\E284';
-  letters-u: '\E285';
-  letters-v: '\E286';
-  letters-w: '\E287';
-  letters-x: '\E288';
-  letters-y: '\E289';
-  letters-z: '\E28A';
-  lightbulb-circle: '\E28B';
-  lightbulb: '\E28C';
-  lighthouse-1: '\E28D';
-  lighthouse-2: '\E28E';
-  lighthouse: '\E28F';
-  lighting-circle: '\E290';
-  line-height: '\E291';
-  link-1: '\E292';
-  link-unlink: '\E293';
-  link: '\E294';
-  liquor: '\E295';
-  list-numbered: '\E296';
-  list: '\E297';
-  load: '\E298';
-  loading: '\E299';
-  location-1: '\E29A';
-  location-enlargement: '\E29B';
-  location-error: '\E29C';
-  location-parking-place: '\E29D';
-  location-reduction: '\E29E';
-  location-setting: '\E29F';
-  location: '\E2A0';
-  lock-off-filled: '\E2A1';
-  lock-off: '\E2A2';
-  lock-on-filled: '\E2A3';
-  lock-on: '\E2A4';
-  lock-time: '\E2A5';
-  login: '\E2A6';
-  logo-adobe-illustrate: '\E2A7';
-  logo-adobe-photoshop-1: '\E2A8';
-  logo-adobe-photoshop: '\E2A9';
-  logo-android: '\E2AA';
-  logo-apple-filled: '\E2AB';
-  logo-apple: '\E2AC';
-  logo-behance: '\E2AD';
-  logo-chrome-filled: '\E2AE';
-  logo-chrome: '\E2AF';
-  logo-cinema4d: '\E2B0';
-  logo-codepen: '\E2B1';
-  logo-codesandbox: '\E2B2';
-  logo-dribbble: '\E2B3';
-  logo-facebook: '\E2B4';
-  logo-figma: '\E2B5';
-  logo-framer: '\E2B6';
-  logo-github-filled: '\E2B7';
-  logo-github: '\E2B8';
-  logo-gitlab: '\E2B9';
-  logo-ie-filled: '\E2BA';
-  logo-ie: '\E2BB';
-  logo-instagram: '\E2BC';
-  logo-qq: '\E2BD';
-  logo-twitter: '\E2BE';
-  logo-wechat-stroke: '\E2BF';
-  logo-wechat: '\E2C0';
-  logo-wecom: '\E2C1';
-  logo-windows-filled: '\E2C2';
-  logo-windows: '\E2C3';
-  logo-youtube: '\E2C4';
-  logout: '\E2C5';
-  look-around: '\E2C6';
-  loudspeaker: '\E2C7';
-  mail: '\E2C8';
-  map-3d: '\E2C9';
-  map-add: '\E2CA';
-  map-aiming: '\E2CB';
-  map-blocked: '\E2CC';
-  map-bubble: '\E2CD';
-  map-cancel: '\E2CE';
-  map-chat: '\E2CF';
-  map-checked: '\E2D0';
-  map-collection: '\E2D1';
-  map-connection: '\E2D2';
-  map-distance: '\E2D3';
-  map-double: '\E2D4';
-  map-edit: '\E2D5';
-  map-grid: '\E2D6';
-  map-information-1: '\E2D7';
-  map-information-2: '\E2D8';
-  map-information: '\E2D9';
-  map-location: '\E2DA';
-  map-locked: '\E2DB';
-  map-marked: '\E2DC';
-  map-navigation: '\E2DD';
-  map-outline: '\E2DE';
-  map-route-planning: '\E2DF';
-  map-ruler: '\E2E0';
-  map-safety: '\E2E1';
-  map-search-1: '\E2E2';
-  map-search: '\E2E3';
-  map-setting: '\E2E4';
-  map-unlocked: '\E2E5';
-  map: '\E2E6';
-  mark-as-unread: '\E2E7';
-  markup: '\E2E8';
-  mathematics: '\E2E9';
-  measurement-1: '\E2EA';
-  measurement-2: '\E2EB';
-  measurement: '\E2EC';
-  meat-pepper: '\E2ED';
-  media-library: '\E2EE';
-  member: '\E2EF';
-  menu-application: '\E2F0';
-  menu-fold: '\E2F1';
-  menu-unfold: '\E2F2';
-  menu: '\E2F3';
-  merge-cells: '\E2F4';
-  microphone-1: '\E2F5';
-  microphone-2: '\E2F6';
-  microphone: '\E2F7';
-  milk: '\E2F8';
-  minus-circle-filled: '\E2F9';
-  minus-circle: '\E2FA';
-  minus-rectangle-filled: '\E2FB';
-  minus-rectangle: '\E2FC';
-  minus: '\E2FD';
-  mirror: '\E2FE';
-  mobile-blocked: '\E2FF';
-  mobile-list: '\E300';
-  mobile-navigation: '\E301';
-  mobile-shortcut: '\E302';
-  mobile-vibrate: '\E303';
-  mobile: '\E304';
-  mode-dark: '\E305';
-  mode-light: '\E306';
-  module: '\E307';
-  money: '\E308';
-  monument: '\E309';
-  moon-fall: '\E30A';
-  moon-rising: '\E30B';
-  moon: '\E30C';
-  more: '\E30D';
-  mosque-1: '\E30E';
-  mosque: '\E30F';
-  mouse: '\E310';
-  move-1: '\E311';
-  move: '\E312';
-  movie-clapper: '\E313';
-  multiply: '\E314';
-  museum-1: '\E315';
-  museum-2: '\E316';
-  museum: '\E317';
-  mushroom-1: '\E318';
-  mushroom: '\E319';
-  music-1: '\E31A';
-  music-2: '\E31B';
-  music-rectangle-add: '\E31C';
-  music: '\E31D';
-  navigation-arrow: '\E31E';
-  next: '\E31F';
-  no-expression: '\E320';
-  noodle: '\E321';
-  notification-add: '\E322';
-  notification-circle: '\E323';
-  notification-error: '\E324';
-  notification-filled: '\E325';
-  notification: '\E326';
-  numbers-0-1: '\E327';
-  numbers-0: '\E328';
-  numbers-1-1: '\E329';
-  numbers-1: '\E32A';
-  numbers-2-1: '\E32B';
-  numbers-2: '\E32C';
-  numbers-3-1: '\E32D';
-  numbers-3: '\E32E';
-  numbers-4-1: '\E32F';
-  numbers-4: '\E330';
-  numbers-5-1: '\E331';
-  numbers-5: '\E332';
-  numbers-6-1: '\E333';
-  numbers-6: '\E334';
-  numbers-7-1: '\E335';
-  numbers-7: '\E336';
-  numbers-8-1: '\E337';
-  numbers-8: '\E338';
-  numbers-9-1: '\E339';
-  numbers-9: '\E33A';
-  nut: '\E33B';
-  object-storage: '\E33C';
-  open-mouth: '\E33D';
-  opera: '\E33E';
-  order-adjustment-column: '\E33F';
-  order-ascending: '\E340';
-  order-descending: '\E341';
-  outbox: '\E342';
-  page-first: '\E343';
-  page-head: '\E344';
-  page-last: '\E345';
-  palace-1: '\E346';
-  palace-2: '\E347';
-  palace-3: '\E348';
-  palace-4: '\E349';
-  palace: '\E34A';
-  palette-1: '\E34B';
-  palette: '\E34C';
-  panorama-horizontal: '\E34D';
-  panorama-vertical: '\E34E';
-  pantone: '\E34F';
-  parabola: '\E350';
-  parentheses: '\E351';
-  paste: '\E352';
-  patio: '\E353';
-  pause-circle-filled: '\E354';
-  pause-circle-stroke: '\E355';
-  pause-circle: '\E356';
-  pause: '\E357';
-  pea: '\E358';
-  peach: '\E359';
-  pear: '\E35A';
-  pearl-of-the-orient: '\E35B';
-  pen-ball: '\E35C';
-  pen-brush: '\E35D';
-  pen-mark: '\E35E';
-  pen-quill: '\E35F';
-  pen: '\E360';
-  pending: '\E361';
-  percent: '\E362';
-  personal-information: '\E363';
-  phone-locked: '\E364';
-  phone-search: '\E365';
-  pi: '\E366';
-  piano: '\E367';
-  pin-filled: '\E368';
-  pin: '\E369';
-  play-circle-filled: '\E36A';
-  play-circle-stroke-add: '\E36B';
-  play-circle-stroke: '\E36C';
-  play-circle: '\E36D';
-  play-demo: '\E36E';
-  play-rectangle: '\E36F';
-  play: '\E370';
-  plus: '\E371';
-  popsicle: '\E372';
-  portrait: '\E373';
-  pout: '\E374';
-  poweroff: '\E375';
-  precise-monitor: '\E376';
-  previous: '\E377';
-  print: '\E378';
-  pumpkin: '\E379';
-  pyramid-maya: '\E37A';
-  pyramid: '\E37B';
-  qrcode: '\E37C';
-  quadratic: '\E37D';
-  questionnaire: '\E37E';
-  queue: '\E37F';
-  radar: '\E380';
-  radio-1: '\E381';
-  radio-2: '\E382';
-  radish: '\E383';
-  rain-heavy: '\E384';
-  rain-light: '\E385';
-  rain-medium: '\E386';
-  rainbow: '\E387';
-  rectangle: '\E388';
-  refresh: '\E389';
-  relation: '\E38A';
-  relativity: '\E38B';
-  remote-wave: '\E38C';
-  remove: '\E38D';
-  replay: '\E38E';
-  rice-ball: '\E38F';
-  rice: '\E390';
-  roast: '\E391';
-  rocket: '\E392';
-  rollback: '\E393';
-  rollfront: '\E394';
-  root-list: '\E395';
-  rotate-locked: '\E396';
-  rotate: '\E397';
-  rotation: '\E398';
-  round: '\E399';
-  router-wave: '\E39A';
-  rss: '\E39B';
-  ruler: '\E39C';
-  sailing-hotel: '\E39D';
-  sandwich: '\E39E';
-  saturation: '\E39F';
-  sausage: '\E3A0';
-  save: '\E3A1';
-  saving-pot: '\E3A2';
-  scan: '\E3A3';
-  screen-4k: '\E3A4';
-  screencast: '\E3A5';
-  screenshot: '\E3A6';
-  scroll-bar: '\E3A7';
-  sd-card-1: '\E3A8';
-  sd-card: '\E3A9';
-  search-error: '\E3AA';
-  search: '\E3AB';
-  secured: '\E3AC';
-  send-cancel: '\E3AD';
-  send: '\E3AE';
-  sensors-1: '\E3AF';
-  sensors-2: '\E3B0';
-  sensors-off: '\E3B1';
-  sensors: '\E3B2';
-  serenity: '\E3B3';
-  server: '\E3B4';
-  service: '\E3B5';
-  setting-1: '\E3B6';
-  setting: '\E3B7';
-  share-1: '\E3B8';
-  share: '\E3B9';
-  sharpness: '\E3BA';
-  shield-error: '\E3BB';
-  shimen: '\E3BC';
-  shop-1: '\E3BD';
-  shop-2: '\E3BE';
-  shop-3: '\E3BF';
-  shop-4: '\E3C0';
-  shop-5: '\E3C1';
-  shop: '\E3C2';
-  shrimp: '\E3C3';
-  shrink-horizontal: '\E3C4';
-  shrink-vertical: '\E3C5';
-  shutter: '\E3C6';
-  shutup: '\E3C7';
-  sim-card-1: '\E3C8';
-  sim-card-2: '\E3C9';
-  sim-card: '\E3CA';
-  sinister-smile: '\E3CB';
-  sip: '\E3CC';
-  slash: '\E3CD';
-  sleep: '\E3CE';
-  slice: '\E3CF';
-  slideshow: '\E3D0';
-  smile: '\E3D1';
-  sneer: '\E3D2';
-  snowflake: '\E3D3';
-  sonic: '\E3D4';
-  sound-down: '\E3D5';
-  sound-high: '\E3D6';
-  sound-low: '\E3D7';
-  sound-mute-1: '\E3D8';
-  sound-mute: '\E3D9';
-  sound-up: '\E3DA';
-  sound: '\E3DB';
-  space: '\E3DC';
-  speechless-1: '\E3DD';
-  star-filled: '\E3DE';
-  star: '\E3DF';
-  statue-of-jesus: '\E3E0';
-  sticky-note: '\E3E1';
-  stop-circle-filled: '\E3E2';
-  stop-circle-stroke: '\E3E3';
-  stop-circle: '\E3E4';
-  stop: '\E3E5';
-  store: '\E3E6';
-  street-road-1: '\E3E7';
-  street-road: '\E3E8';
-  subtitle: '\E3E9';
-  subway-line: '\E3EA';
-  sum: '\E3EB';
-  sun-fall: '\E3EC';
-  sun-rising: '\E3ED';
-  sunny: '\E3EE';
-  support: '\E3EF';
-  surprised-1: '\E3F0';
-  surprised: '\E3F1';
-  swap-left: '\E3F2';
-  swap-right: '\E3F3';
-  swap: '\E3F4';
-  swear-1: '\E3F5';
-  swear-2: '\E3F6';
-  system-2: '\E3F7';
-  system-3: '\E3F8';
-  system-application: '\E3F9';
-  system-blocked: '\E3FA';
-  system-code: '\E3FB';
-  system-components: '\E3FC';
-  system-coordinate: '\E3FD';
-  system-device: '\E3FE';
-  system-interface: '\E3FF';
-  system-location: '\E400';
-  system-locked: '\E401';
-  system-log: '\E402';
-  system-marked: '\E403';
-  system-messages: '\E404';
-  system-regulation: '\E405';
-  system-search: '\E406';
-  system-setting: '\E407';
-  system-storage: '\E408';
-  system-sum: '\E409';
-  system-unlocked: '\E40A';
-  tab: '\E40B';
-  table-1: '\E40C';
-  table-2: '\E40D';
-  table-add: '\E40E';
-  table-split: '\E40F';
-  table: '\E410';
-  tag: '\E411';
-  tangerinr: '\E412';
-  tape: '\E413';
-  task-1: '\E414';
-  task-add-1: '\E415';
-  task-add: '\E416';
-  task-checked: '\E417';
-  task-error: '\E418';
-  task-location: '\E419';
-  task-marked: '\E41A';
-  task-setting: '\E41B';
-  task-visible: '\E41C';
-  task: '\E41D';
-  tea: '\E41E';
-  teahouse: '\E41F';
-  template: '\E420';
-  temple: '\E421';
-  terminal-rectangle-1: '\E422';
-  terminal-rectangle: '\E423';
-  terminal-window: '\E424';
-  terminal: '\E425';
-  textbox: '\E426';
-  textformat-bold: '\E427';
-  textformat-color: '\E428';
-  textformat-italic: '\E429';
-  textformat-strikethrough: '\E42A';
-  textformat-underline: '\E42B';
-  textformat-wrap: '\E42C';
-  theaters: '\E42D';
-  thumb-down-1: '\E42E';
-  thumb-down-2: '\E42F';
-  thumb-down: '\E430';
-  thumb-up-1: '\E431';
-  thumb-up-2: '\E432';
-  thumb-up: '\E433';
-  thunder: '\E434';
-  thunderstorm-night: '\E435';
-  thunderstorm-sunny: '\E436';
-  thunderstorm: '\E437';
-  ticket: '\E438';
-  time-filled: '\E439';
-  time: '\E43A';
-  tips-double: '\E43B';
-  tips: '\E43C';
-  tomato: '\E43D';
-  tools-circle: '\E43E';
-  tools: '\E43F';
-  tornado: '\E440';
-  tower-1: '\E441';
-  tower-2: '\E442';
-  tower-3: '\E443';
-  tower-clock: '\E444';
-  tower: '\E445';
-  town: '\E446';
-  traffic-events: '\E447';
-  traffic: '\E448';
-  transform-1: '\E449';
-  transform-2: '\E44A';
-  transform-3: '\E44B';
-  transform: '\E44C';
-  translate-1: '\E44D';
-  translate: '\E44E';
-  tree-list: '\E44F';
-  tree-round-dot-vertical: '\E450';
-  tree-round-dot: '\E451';
-  tree-square-dot-vertical: '\E452';
-  tree-square-dot: '\E453';
-  trending-down: '\E454';
-  trending-up: '\E455';
-  tv-1: '\E456';
-  tv-2: '\E457';
-  tv: '\E458';
-  typography: '\E459';
-  uncomfortable-1: '\E45A';
-  uncomfortable-2: '\E45B';
-  uncomfortable: '\E45C';
-  undertake-delivery: '\E45D';
-  undertake-environment-protection: '\E45E';
-  undertake-hold-up: '\E45F';
-  undertake-transaction: '\E460';
-  undertake: '\E461';
-  unfold-less: '\E462';
-  unfold-more: '\E463';
-  unhappy-1: '\E464';
-  unhappy: '\E465';
-  uninstall: '\E466';
-  upload-1: '\E467';
-  upload: '\E468';
-  upscale: '\E469';
-  usb: '\E46A';
-  user-1: '\E46B';
-  user-add: '\E46C';
-  user-arrow-down: '\E46D';
-  user-arrow-left: '\E46E';
-  user-arrow-right: '\E46F';
-  user-arrow-up: '\E470';
-  user-avatar: '\E471';
-  user-blocked: '\E472';
-  user-business: '\E473';
-  user-checked-1: '\E474';
-  user-checked: '\E475';
-  user-circle: '\E476';
-  user-clear: '\E477';
-  user-error-1: '\E478';
-  user-invisible: '\E479';
-  user-list: '\E47A';
-  user-locked: '\E47B';
-  user-marked: '\E47C';
-  user-password: '\E47D';
-  user-safety: '\E47E';
-  user-search: '\E47F';
-  user-setting: '\E480';
-  user-talk-1: '\E481';
-  user-talk-off-1: '\E482';
-  user-talk: '\E483';
-  user-time: '\E484';
-  user-transmit: '\E485';
-  user-unknown: '\E486';
-  user-unlocked: '\E487';
-  user-vip: '\E488';
-  user-visible: '\E489';
-  user: '\E48A';
-  usergroup-add: '\E48B';
-  usergroup-clear: '\E48C';
-  usergroup: '\E48D';
-  vehicle: '\E48E';
-  verified: '\E48F';
-  verify: '\E490';
-  video-camera-1: '\E491';
-  video-camera-2: '\E492';
-  video-camera-dollar: '\E493';
-  video-camera-minus: '\E494';
-  video-camera-music: '\E495';
-  video-camera-off: '\E496';
-  video-camera: '\E497';
-  video-library: '\E498';
-  video: '\E499';
-  view-agenda: '\E49A';
-  view-column: '\E49B';
-  view-in-ar: '\E49C';
-  view-list: '\E49D';
-  view-module: '\E49E';
-  visual-recognition: '\E49F';
-  wallet: '\E4A0';
-  watch: '\E4A1';
-  watermelon: '\E4A2';
-  wave-left: '\E4A3';
-  wave-right: '\E4A4';
-  wealth-1: '\E4A5';
-  wealth: '\E4A6';
-  widget: '\E4A7';
-  wifi-1: '\E4A8';
-  wifi-off-1: '\E4A9';
-  wifi-off: '\E4AA';
-  wifi: '\E4AB';
-  window-1: '\E4AC';
-  window: '\E4AD';
-  windy-rain: '\E4AE';
-  windy: '\E4AF';
-  wink: '\E4B0';
-  work-history: '\E4B1';
-  work-off: '\E4B2';
-  work: '\E4B3';
-  wry-smile: '\E4B4';
-  zoom-in: '\E4B5';
-  zoom-out: '\E4B6';
+  accessibility-filled: '\E001';
+  accessibility: '\E002';
+  activity-filled: '\E003';
+  activity: '\E004';
+  add-and-subtract: '\E005';
+  add-circle-filled: '\E006';
+  add-circle: '\E007';
+  add-rectangle-filled: '\E008';
+  add-rectangle: '\E009';
+  add: '\E00A';
+  address-book-filled: '\E00B';
+  address-book: '\E00C';
+  adjustment-filled: '\E00D';
+  adjustment: '\E00E';
+  airplay-wave-filled: '\E00F';
+  airplay-wave: '\E010';
+  alarm-add-filled: '\E011';
+  alarm-add: '\E012';
+  alarm-filled: '\E013';
+  alarm-off-filled: '\E014';
+  alarm-off: '\E015';
+  alarm: '\E016';
+  align-top: '\E017';
+  align-vertical: '\E018';
+  alpha: '\E019';
+  analytics-filled: '\E01A';
+  analytics: '\E01B';
+  anchor: '\E01C';
+  angry-filled: '\E01D';
+  angry: '\E01E';
+  animation-1-filled: '\E01F';
+  animation-1: '\E020';
+  animation-filled: '\E021';
+  animation: '\E022';
+  anticlockwise-filled: '\E023';
+  anticlockwise: '\E024';
+  api: '\E025';
+  app-filled: '\E026';
+  app: '\E027';
+  apple-filled: '\E028';
+  apple: '\E029';
+  application-filled: '\E02A';
+  application: '\E02B';
+  architecture-hui-style-filled: '\E02C';
+  architecture-hui-style: '\E02D';
+  archway-1-filled: '\E02E';
+  archway-1: '\E02F';
+  archway-filled: '\E030';
+  archway: '\E031';
+  arrow-down-circle-filled: '\E032';
+  arrow-down-circle: '\E033';
+  arrow-down-rectangle-filled: '\E034';
+  arrow-down-rectangle: '\E035';
+  arrow-down: '\E036';
+  arrow-left-circle-filled: '\E037';
+  arrow-left-circle: '\E038';
+  arrow-left-down-circle-filled: '\E039';
+  arrow-left-down-circle: '\E03A';
+  arrow-left-down: '\E03B';
+  arrow-left-right-1: '\E03C';
+  arrow-left-right-2: '\E03D';
+  arrow-left-right-3: '\E03E';
+  arrow-left-right-circle-filled: '\E03F';
+  arrow-left-right-circle: '\E040';
+  arrow-left-up-circle-filled: '\E041';
+  arrow-left-up-circle: '\E042';
+  arrow-left-up: '\E043';
+  arrow-left: '\E044';
+  arrow-right-circle-filled: '\E045';
+  arrow-right-circle: '\E046';
+  arrow-right-down-circle-filled: '\E047';
+  arrow-right-down-circle: '\E048';
+  arrow-right-down: '\E049';
+  arrow-right-up-circle-filled: '\E04A';
+  arrow-right-up-circle: '\E04B';
+  arrow-right-up: '\E04C';
+  arrow-right: '\E04D';
+  arrow-triangle-down-filled: '\E04E';
+  arrow-triangle-down: '\E04F';
+  arrow-triangle-up-filled: '\E050';
+  arrow-triangle-up: '\E051';
+  arrow-up-circle-filled: '\E052';
+  arrow-up-circle: '\E053';
+  arrow-up-down-1: '\E054';
+  arrow-up-down-2: '\E055';
+  arrow-up-down-3: '\E056';
+  arrow-up-down-circle-filled: '\E057';
+  arrow-up-down-circle: '\E058';
+  arrow-up: '\E059';
+  artboard: '\E05A';
+  article-filled: '\E05B';
+  article: '\E05C';
+  assignment-checked-filled: '\E05D';
+  assignment-checked: '\E05E';
+  assignment-code-filled: '\E05F';
+  assignment-code: '\E060';
+  assignment-error-filled: '\E061';
+  assignment-error: '\E062';
+  assignment-filled: '\E063';
+  assignment-user-filled: '\E064';
+  assignment-user: '\E065';
+  assignment: '\E066';
+  attach: '\E067';
+  attic-1-filled: '\E068';
+  attic-1: '\E069';
+  attic-filled: '\E06A';
+  attic: '\E06B';
+  audio-filled: '\E06C';
+  audio: '\E06D';
+  awkward-filled: '\E06E';
+  awkward: '\E06F';
+  backtop-rectangle-filled: '\E070';
+  backtop-rectangle: '\E071';
+  backtop: '\E072';
+  backup-filled: '\E073';
+  backup: '\E074';
+  backward-filled: '\E075';
+  backward: '\E076';
+  bad-laugh-filled: '\E077';
+  bad-laugh: '\E078';
+  bamboo-shoot-filled: '\E079';
+  bamboo-shoot: '\E07A';
+  banana-filled: '\E07B';
+  banana: '\E07C';
+  barbecue-filled: '\E07D';
+  barbecue: '\E07E';
+  barcode-1: '\E07F';
+  barcode: '\E080';
+  base-station: '\E081';
+  battery-add-filled: '\E082';
+  battery-add: '\E083';
+  battery-charging-filled: '\E084';
+  battery-charging: '\E085';
+  battery-filled: '\E086';
+  battery-low-filled: '\E087';
+  battery-low: '\E088';
+  battery: '\E089';
+  bean-filled: '\E08A';
+  bean: '\E08B';
+  beer-filled: '\E08C';
+  beer: '\E08D';
+  beta: '\E08E';
+  bifurcate-filled: '\E08F';
+  bifurcate: '\E090';
+  bill-filled: '\E091';
+  bill: '\E092';
+  bluetooth: '\E093';
+  bone-filled: '\E094';
+  bone: '\E095';
+  book-filled: '\E096';
+  book-open-filled: '\E097';
+  book-open: '\E098';
+  book-unknown-filled: '\E099';
+  book-unknown: '\E09A';
+  book: '\E09B';
+  bookmark-add-filled: '\E09C';
+  bookmark-add: '\E09D';
+  bookmark-checked-filled: '\E09E';
+  bookmark-checked: '\E09F';
+  bookmark-double-filled: '\E0A0';
+  bookmark-double: '\E0A1';
+  bookmark-filled: '\E0A2';
+  bookmark-minus-filled: '\E0A3';
+  bookmark-minus: '\E0A4';
+  bookmark: '\E0A5';
+  braces: '\E0A6';
+  brackets: '\E0A7';
+  bread-filled: '\E0A8';
+  bread: '\E0A9';
+  bridge-1-filled: '\E0AA';
+  bridge-1: '\E0AB';
+  bridge-2-filled: '\E0AC';
+  bridge-2: '\E0AD';
+  bridge-3: '\E0AE';
+  bridge-4: '\E0AF';
+  bridge-5-filled: '\E0B0';
+  bridge-5: '\E0B1';
+  bridge-6-filled: '\E0B2';
+  bridge-6: '\E0B3';
+  bridge: '\E0B4';
+  brightness-1-filled: '\E0B5';
+  brightness-1: '\E0B6';
+  brightness-filled: '\E0B7';
+  brightness: '\E0B8';
+  broccoli-filled: '\E0B9';
+  broccoli: '\E0BA';
+  browse-filled: '\E0BB';
+  browse-gallery-filled: '\E0BC';
+  browse-gallery: '\E0BD';
+  browse-off-filled: '\E0BE';
+  browse-off: '\E0BF';
+  browse: '\E0C0';
+  brush-filled: '\E0C1';
+  brush: '\E0C2';
+  bug-filled: '\E0C3';
+  bug-report-filled: '\E0C4';
+  bug-report: '\E0C5';
+  bug: '\E0C6';
+  building-1-filled: '\E0C7';
+  building-1: '\E0C8';
+  building-2-filled: '\E0C9';
+  building-2: '\E0CA';
+  building-3-filled: '\E0CB';
+  building-3: '\E0CC';
+  building-4-filled: '\E0CD';
+  building-4: '\E0CE';
+  building-5-filled: '\E0CF';
+  building-5: '\E0D0';
+  building-filled: '\E0D1';
+  building: '\E0D2';
+  bulletpoint: '\E0D3';
+  button-filled: '\E0D4';
+  button: '\E0D5';
+  cabbage-filled: '\E0D6';
+  cabbage: '\E0D7';
+  cake-filled: '\E0D8';
+  cake: '\E0D9';
+  calculation-1-filled: '\E0DA';
+  calculation-1: '\E0DB';
+  calculation: '\E0DC';
+  calculator-1: '\E0DD';
+  calculator-filled: '\E0DE';
+  calculator: '\E0DF';
+  calendar-1-filled: '\E0E0';
+  calendar-1: '\E0E1';
+  calendar-2-filled: '\E0E2';
+  calendar-2: '\E0E3';
+  calendar-edit-filled: '\E0E4';
+  calendar-edit: '\E0E5';
+  calendar-event-filled: '\E0E6';
+  calendar-event: '\E0E7';
+  calendar-filled: '\E0E8';
+  calendar: '\E0E9';
+  call-1-filled: '\E0EA';
+  call-1: '\E0EB';
+  call-cancel-filled: '\E0EC';
+  call-cancel: '\E0ED';
+  call-filled: '\E0EE';
+  call-forwarded-filled: '\E0EF';
+  call-forwarded: '\E0F0';
+  call-incoming-filled: '\E0F1';
+  call-incoming: '\E0F2';
+  call-off-filled: '\E0F3';
+  call-off: '\E0F4';
+  call: '\E0F5';
+  calm-1-filled: '\E0F6';
+  calm-1: '\E0F7';
+  calm-filled: '\E0F8';
+  calm: '\E0F9';
+  camera-1-filled: '\E0FA';
+  camera-1: '\E0FB';
+  camera-2-filled: '\E0FC';
+  camera-2: '\E0FD';
+  camera-filled: '\E0FE';
+  camera-off-filled: '\E0FF';
+  camera-off: '\E100';
+  camera: '\E101';
+  candy-filled: '\E102';
+  candy: '\E103';
+  card-filled: '\E104';
+  card: '\E105';
+  cardmembership-filled: '\E106';
+  cardmembership: '\E107';
+  caret-down-small: '\E108';
+  caret-down: '\E109';
+  caret-left-small: '\E10A';
+  caret-left: '\E10B';
+  caret-right-small: '\E10C';
+  caret-right: '\E10D';
+  caret-up-small: '\E10E';
+  caret-up: '\E10F';
+  cart-add-filled: '\E110';
+  cart-add: '\E111';
+  cart-filled: '\E112';
+  cart: '\E113';
+  cast-filled: '\E114';
+  cast: '\E115';
+  castle-1-filled: '\E116';
+  castle-1: '\E117';
+  castle-2-filled: '\E118';
+  castle-2: '\E119';
+  castle-3-filled: '\E11A';
+  castle-3: '\E11B';
+  castle-4-filled: '\E11C';
+  castle-4: '\E11D';
+  castle-5-filled: '\E11E';
+  castle-5: '\E11F';
+  castle-6-filled: '\E120';
+  castle-6: '\E121';
+  castle-7-filled: '\E122';
+  castle-7: '\E123';
+  castle-filled: '\E124';
+  castle: '\E125';
+  cat-filled: '\E126';
+  cat: '\E127';
+  catalog-filled: '\E128';
+  catalog: '\E129';
+  cd-filled: '\E12A';
+  cd: '\E12B';
+  celsius: '\E12C';
+  center-focus-strong-filled: '\E12D';
+  center-focus-strong: '\E12E';
+  centimeter: '\E12F';
+  certificate-1-filled: '\E130';
+  certificate-1: '\E131';
+  certificate-filled: '\E132';
+  certificate: '\E133';
+  chart-3d-filled: '\E134';
+  chart-3d: '\E135';
+  chart-add-filled: '\E136';
+  chart-add: '\E137';
+  chart-analytics: '\E138';
+  chart-area-filled: '\E139';
+  chart-area-multi-filled: '\E13A';
+  chart-area-multi: '\E13B';
+  chart-area: '\E13C';
+  chart-bar-filled: '\E13D';
+  chart-bar: '\E13E';
+  chart-bubble-filled: '\E13F';
+  chart-bubble: '\E140';
+  chart-column-filled: '\E141';
+  chart-column: '\E142';
+  chart-combo-filled: '\E143';
+  chart-combo: '\E144';
+  chart-filled: '\E145';
+  chart-line-data-1: '\E146';
+  chart-line-data: '\E147';
+  chart-line-multi: '\E148';
+  chart-line: '\E149';
+  chart-maximum: '\E14A';
+  chart-median: '\E14B';
+  chart-minimum: '\E14C';
+  chart-pie-filled: '\E14D';
+  chart-pie: '\E14E';
+  chart-radar-filled: '\E14F';
+  chart-radar: '\E150';
+  chart-radial: '\E151';
+  chart-ring-1-filled: '\E152';
+  chart-ring-1: '\E153';
+  chart-ring-filled: '\E154';
+  chart-ring: '\E155';
+  chart-scatter: '\E156';
+  chart-stacked-filled: '\E157';
+  chart-stacked: '\E158';
+  chart: '\E159';
+  chat-add-filled: '\E15A';
+  chat-add: '\E15B';
+  chat-bubble-1-filled: '\E15C';
+  chat-bubble-1: '\E15D';
+  chat-bubble-add-filled: '\E15E';
+  chat-bubble-add: '\E15F';
+  chat-bubble-error-filled: '\E160';
+  chat-bubble-error: '\E161';
+  chat-bubble-filled: '\E162';
+  chat-bubble-help-filled: '\E163';
+  chat-bubble-help: '\E164';
+  chat-bubble-history-filled: '\E165';
+  chat-bubble-history: '\E166';
+  chat-bubble-locked-filled: '\E167';
+  chat-bubble-locked: '\E168';
+  chat-bubble-smile-filled: '\E169';
+  chat-bubble-smile: '\E16A';
+  chat-bubble: '\E16B';
+  chat-checked-filled: '\E16C';
+  chat-checked: '\E16D';
+  chat-clear-filled: '\E16E';
+  chat-clear: '\E16F';
+  chat-double-filled: '\E170';
+  chat-double: '\E171';
+  chat-error-filled: '\E172';
+  chat-error: '\E173';
+  chat-filled: '\E174';
+  chat-heart-filled: '\E175';
+  chat-heart: '\E176';
+  chat-message-filled: '\E177';
+  chat-message: '\E178';
+  chat-off-filled: '\E179';
+  chat-off: '\E17A';
+  chat-poll-filled: '\E17B';
+  chat-poll: '\E17C';
+  chat-setting-filled: '\E17D';
+  chat-setting: '\E17E';
+  chat: '\E17F';
+  check-circle-filled: '\E180';
+  check-circle: '\E181';
+  check-double: '\E182';
+  check-rectangle-filled: '\E183';
+  check-rectangle: '\E184';
+  check: '\E185';
+  cheese-filled: '\E186';
+  cheese: '\E187';
+  cherry-filled: '\E188';
+  cherry: '\E189';
+  chevron-down-circle-filled: '\E18A';
+  chevron-down-circle: '\E18B';
+  chevron-down-double-s: '\E18C';
+  chevron-down-double: '\E18D';
+  chevron-down-rectangle-filled: '\E18E';
+  chevron-down-rectangle: '\E18F';
+  chevron-down-s: '\E190';
+  chevron-down: '\E191';
+  chevron-left-circle-filled: '\E192';
+  chevron-left-circle: '\E193';
+  chevron-left-double-s: '\E194';
+  chevron-left-double: '\E195';
+  chevron-left-rectangle-filled: '\E196';
+  chevron-left-rectangle: '\E197';
+  chevron-left-s: '\E198';
+  chevron-left: '\E199';
+  chevron-right-circle-filled: '\E19A';
+  chevron-right-circle: '\E19B';
+  chevron-right-double-s: '\E19C';
+  chevron-right-double: '\E19D';
+  chevron-right-rectangle-filled: '\E19E';
+  chevron-right-rectangle: '\E19F';
+  chevron-right-s: '\E1A0';
+  chevron-right: '\E1A1';
+  chevron-up-circle-filled: '\E1A2';
+  chevron-up-circle: '\E1A3';
+  chevron-up-double-s: '\E1A4';
+  chevron-up-double: '\E1A5';
+  chevron-up-rectangle-filled: '\E1A6';
+  chevron-up-rectangle: '\E1A7';
+  chevron-up-s: '\E1A8';
+  chevron-up: '\E1A9';
+  chicken: '\E1AA';
+  chili-filled: '\E1AB';
+  chili: '\E1AC';
+  chimney-1-filled: '\E1AD';
+  chimney-1: '\E1AE';
+  chimney-2-filled: '\E1AF';
+  chimney-2: '\E1B0';
+  chimney-filled: '\E1B1';
+  chimney: '\E1B2';
+  chinese-cabbage-filled: '\E1B3';
+  chinese-cabbage: '\E1B4';
+  church-filled: '\E1B5';
+  church: '\E1B6';
+  circle-filled: '\E1B7';
+  circle: '\E1B8';
+  city-1-filled: '\E1B9';
+  city-1: '\E1BA';
+  city-10-filled: '\E1BB';
+  city-10: '\E1BC';
+  city-11-filled: '\E1BD';
+  city-11: '\E1BE';
+  city-12-filled: '\E1BF';
+  city-12: '\E1C0';
+  city-13-filled: '\E1C1';
+  city-13: '\E1C2';
+  city-14-filled: '\E1C3';
+  city-14: '\E1C4';
+  city-15-filled: '\E1C5';
+  city-15: '\E1C6';
+  city-2-filled: '\E1C7';
+  city-2: '\E1C8';
+  city-3-filled: '\E1C9';
+  city-3: '\E1CA';
+  city-4-filled: '\E1CB';
+  city-4: '\E1CC';
+  city-5-filled: '\E1CD';
+  city-5: '\E1CE';
+  city-6-filled: '\E1CF';
+  city-6: '\E1D0';
+  city-7-filled: '\E1D1';
+  city-7: '\E1D2';
+  city-8-filled: '\E1D3';
+  city-8: '\E1D4';
+  city-9-filled: '\E1D5';
+  city-9: '\E1D6';
+  city-ancient-1-filled: '\E1D7';
+  city-ancient-1: '\E1D8';
+  city-ancient-2-filled: '\E1D9';
+  city-ancient-2: '\E1DA';
+  city-ancient-filled: '\E1DB';
+  city-ancient: '\E1DC';
+  city-filled: '\E1DD';
+  city: '\E1DE';
+  clear-filled: '\E1DF';
+  clear-formatting-1-filled: '\E1E0';
+  clear-formatting-1: '\E1E1';
+  clear-formatting-filled: '\E1E2';
+  clear-formatting: '\E1E3';
+  clear: '\E1E4';
+  close-circle-filled: '\E1E5';
+  close-circle: '\E1E6';
+  close-octagon-filled: '\E1E7';
+  close-octagon: '\E1E8';
+  close-rectangle-filled: '\E1E9';
+  close-rectangle: '\E1EA';
+  close: '\E1EB';
+  cloud-download: '\E1EC';
+  cloud-filled: '\E1ED';
+  cloud-upload: '\E1EE';
+  cloud: '\E1EF';
+  cloudy-day-filled: '\E1F0';
+  cloudy-day: '\E1F1';
+  cloudy-night-filled: '\E1F2';
+  cloudy-night-rain-filled: '\E1F3';
+  cloudy-night-rain: '\E1F4';
+  cloudy-night: '\E1F5';
+  cloudy-rain-filled: '\E1F6';
+  cloudy-rain: '\E1F7';
+  cloudy-sunny-filled: '\E1F8';
+  cloudy-sunny: '\E1F9';
+  code-1: '\E1FA';
+  code-off: '\E1FB';
+  code: '\E1FC';
+  cola-filled: '\E1FD';
+  cola: '\E1FE';
+  collage-filled: '\E1FF';
+  collage: '\E200';
+  collection-filled: '\E201';
+  collection: '\E202';
+  color-invert-filled: '\E203';
+  color-invert: '\E204';
+  combination-filled: '\E205';
+  combination: '\E206';
+  command: '\E207';
+  compass-1-filled: '\E208';
+  compass-1: '\E209';
+  compass-filled: '\E20A';
+  compass: '\E20B';
+  component-breadcrumb-filled: '\E20C';
+  component-breadcrumb: '\E20D';
+  component-checkbox-filled: '\E20E';
+  component-checkbox: '\E20F';
+  component-divider-horizontal-filled: '\E210';
+  component-divider-horizontal: '\E211';
+  component-divider-vertical-filled: '\E212';
+  component-divider-vertical: '\E213';
+  component-dropdown-filled: '\E214';
+  component-dropdown: '\E215';
+  component-grid-filled: '\E216';
+  component-grid: '\E217';
+  component-input-filled: '\E218';
+  component-input: '\E219';
+  component-layout-filled: '\E21A';
+  component-layout: '\E21B';
+  component-radio: '\E21C';
+  component-space-filled: '\E21D';
+  component-space: '\E21E';
+  component-steps-filled: '\E21F';
+  component-steps: '\E220';
+  component-switch-filled: '\E221';
+  component-switch: '\E222';
+  constraint: '\E223';
+  contrast-1-filled: '\E224';
+  contrast-1: '\E225';
+  contrast-filled: '\E226';
+  contrast: '\E227';
+  control-platform-filled: '\E228';
+  control-platform: '\E229';
+  cooperate-filled: '\E22A';
+  cooperate: '\E22B';
+  coordinate-system-filled: '\E22C';
+  coordinate-system: '\E22D';
+  copy-filled: '\E22E';
+  copy: '\E22F';
+  copyright-filled: '\E230';
+  copyright: '\E231';
+  corn-filled: '\E232';
+  corn: '\E233';
+  coupon-filled: '\E234';
+  coupon: '\E235';
+  course-filled: '\E236';
+  course: '\E237';
+  cpu-filled: '\E238';
+  cpu: '\E239';
+  crack-filled: '\E23A';
+  crack: '\E23B';
+  creditcard-add-filled: '\E23C';
+  creditcard-add: '\E23D';
+  creditcard-filled: '\E23E';
+  creditcard-off-filled: '\E23F';
+  creditcard-off: '\E240';
+  creditcard: '\E241';
+  crooked-smile-filled: '\E242';
+  crooked-smile: '\E243';
+  cry-and-laugh-filled: '\E244';
+  cry-and-laugh: '\E245';
+  cry-loudly-filled: '\E246';
+  cry-loudly: '\E247';
+  css3-filled: '\E248';
+  css3: '\E249';
+  cucumber: '\E24A';
+  currency-exchange: '\E24B';
+  cursor-filled: '\E24C';
+  cursor: '\E24D';
+  curtain-filled: '\E24E';
+  curtain: '\E24F';
+  curve: '\E250';
+  cut-1: '\E251';
+  cut: '\E252';
+  dam-1-filled: '\E253';
+  dam-1: '\E254';
+  dam-2-filled: '\E255';
+  dam-2: '\E256';
+  dam-3-filled: '\E257';
+  dam-3: '\E258';
+  dam-4-filled: '\E259';
+  dam-4: '\E25A';
+  dam-5-filled: '\E25B';
+  dam-5: '\E25C';
+  dam-6-filled: '\E25D';
+  dam-6: '\E25E';
+  dam-7-filled: '\E25F';
+  dam-7: '\E260';
+  dam-filled: '\E261';
+  dam: '\E262';
+  dart-board-filled: '\E263';
+  dart-board: '\E264';
+  dashboard-1-filled: '\E265';
+  dashboard-1: '\E266';
+  dashboard-filled: '\E267';
+  dashboard: '\E268';
+  data-filled: '\E269';
+  data-base-filled: '\E26A';
+  data-base: '\E26B';
+  data-checked-filled: '\E26C';
+  data-checked: '\E26D';
+  data-display: '\E26E';
+  data-error-filled: '\E26F';
+  data-error: '\E270';
+  data-search-filled: '\E271';
+  data-search: '\E272';
+  data: '\E273';
+  delete-1-filled: '\E274';
+  delete-1: '\E275';
+  delete-filled: '\E276';
+  delete-time-filled: '\E277';
+  delete-time: '\E278';
+  delete: '\E279';
+  delta-filled: '\E27A';
+  delta: '\E27B';
+  depressed-filled: '\E27C';
+  depressed: '\E27D';
+  desktop-1-filled: '\E27E';
+  desktop-1: '\E27F';
+  desktop-filled: '\E280';
+  desktop: '\E281';
+  despise-filled: '\E282';
+  despise: '\E283';
+  device-filled: '\E284';
+  device: '\E285';
+  discount-filled: '\E286';
+  discount: '\E287';
+  dissatisfaction-filled: '\E288';
+  dissatisfaction: '\E289';
+  divide: '\E28A';
+  dividers-1: '\E28B';
+  dividers: '\E28C';
+  doge-filled: '\E28D';
+  doge: '\E28E';
+  double-storey-filled: '\E28F';
+  double-storey: '\E290';
+  download-1: '\E291';
+  download-2-filled: '\E292';
+  download-2: '\E293';
+  download: '\E294';
+  downscale: '\E295';
+  drag-drop: '\E296';
+  drag-move: '\E297';
+  drink-filled: '\E298';
+  drink: '\E299';
+  drumstick-filled: '\E29A';
+  drumstick: '\E29B';
+  dv-filled: '\E29C';
+  dv: '\E29D';
+  dvd-filled: '\E29E';
+  dvd: '\E29F';
+  earphone-filled: '\E2A0';
+  earphone: '\E2A1';
+  earth-filled: '\E2A2';
+  earth: '\E2A3';
+  edit-1-filled: '\E2A4';
+  edit-1: '\E2A5';
+  edit-2-filled: '\E2A6';
+  edit-2: '\E2A7';
+  edit-filled: '\E2A8';
+  edit-off-filled: '\E2A9';
+  edit-off: '\E2AA';
+  edit: '\E2AB';
+  education-filled: '\E2AC';
+  education: '\E2AD';
+  eggplant-filled: '\E2AE';
+  eggplant: '\E2AF';
+  ellipsis: '\E2B0';
+  emo-emotional-filled: '\E2B1';
+  emo-emotional: '\E2B2';
+  enter: '\E2B3';
+  equal: '\E2B4';
+  error-circle-filled: '\E2B5';
+  error-circle: '\E2B6';
+  error-triangle-filled: '\E2B7';
+  error-triangle: '\E2B8';
+  error: '\E2B9';
+  excited-1-filled: '\E2BA';
+  excited-1: '\E2BB';
+  excited-filled: '\E2BC';
+  excited: '\E2BD';
+  expand-down-filled: '\E2BE';
+  expand-down: '\E2BF';
+  expand-horizontal: '\E2C0';
+  expand-up-filled: '\E2C1';
+  expand-up: '\E2C2';
+  expand-vertical: '\E2C3';
+  explore-filled: '\E2C4';
+  explore-off-filled: '\E2C5';
+  explore-off: '\E2C6';
+  explore: '\E2C7';
+  exposure-filled: '\E2C8';
+  exposure: '\E2C9';
+  extension-filled: '\E2CA';
+  extension-off-filled: '\E2CB';
+  extension-off: '\E2CC';
+  extension: '\E2CD';
+  face-retouching-filled: '\E2CE';
+  face-retouching: '\E2CF';
+  fact-check-filled: '\E2D0';
+  fact-check: '\E2D1';
+  fahrenheit-scale: '\E2D2';
+  feel-at-ease-filled: '\E2D3';
+  feel-at-ease: '\E2D4';
+  ferocious-filled: '\E2D5';
+  ferocious: '\E2D6';
+  ferris-wheel-filled: '\E2D7';
+  ferris-wheel: '\E2D8';
+  file-1-filled: '\E2D9';
+  file-1: '\E2DA';
+  file-add-1-filled: '\E2DB';
+  file-add-1: '\E2DC';
+  file-add-filled: '\E2DD';
+  file-add: '\E2DE';
+  file-attachment-filled: '\E2DF';
+  file-attachment: '\E2E0';
+  file-blocked-filled: '\E2E1';
+  file-blocked: '\E2E2';
+  file-code-1-filled: '\E2E3';
+  file-code-1: '\E2E4';
+  file-code-filled: '\E2E5';
+  file-code: '\E2E6';
+  file-copy-filled: '\E2E7';
+  file-copy: '\E2E8';
+  file-download-filled: '\E2E9';
+  file-download: '\E2EA';
+  file-excel-filled: '\E2EB';
+  file-excel: '\E2EC';
+  file-export-filled: '\E2ED';
+  file-export: '\E2EE';
+  file-filled: '\E2EF';
+  file-icon-filled: '\E2F0';
+  file-icon: '\E2F1';
+  file-image-filled: '\E2F2';
+  file-image: '\E2F3';
+  file-import-filled: '\E2F4';
+  file-import: '\E2F5';
+  file-locked-filled: '\E2F6';
+  file-locked: '\E2F7';
+  file-minus-filled: '\E2F8';
+  file-minus: '\E2F9';
+  file-music-filled: '\E2FA';
+  file-music: '\E2FB';
+  file-onenote-filled: '\E2FC';
+  file-onenote: '\E2FD';
+  file-outlook-filled: '\E2FE';
+  file-outlook: '\E2FF';
+  file-paste-filled: '\E300';
+  file-paste: '\E301';
+  file-pdf-filled: '\E302';
+  file-pdf: '\E303';
+  file-powerpoint-filled: '\E304';
+  file-powerpoint: '\E305';
+  file-restore-filled: '\E306';
+  file-restore: '\E307';
+  file-safety-filled: '\E308';
+  file-safety: '\E309';
+  file-search-filled: '\E30A';
+  file-search: '\E30B';
+  file-setting-filled: '\E30C';
+  file-setting: '\E30D';
+  file-teams-filled: '\E30E';
+  file-teams: '\E30F';
+  file-transmit-double-filled: '\E310';
+  file-transmit-double: '\E311';
+  file-transmit-filled: '\E312';
+  file-transmit: '\E313';
+  file-unknown-filled: '\E314';
+  file-unknown: '\E315';
+  file-unlocked-filled: '\E316';
+  file-unlocked: '\E317';
+  file-word-filled: '\E318';
+  file-word: '\E319';
+  file-zip-filled: '\E31A';
+  file-zip: '\E31B';
+  file: '\E31C';
+  fill-color-1-filled: '\E31D';
+  fill-color-1: '\E31E';
+  fill-color-filled: '\E31F';
+  fill-color: '\E320';
+  film-1-filled: '\E321';
+  film-1: '\E322';
+  film-filled: '\E323';
+  film: '\E324';
+  filter-1-filled: '\E325';
+  filter-1: '\E326';
+  filter-2-filled: '\E327';
+  filter-2: '\E328';
+  filter-3-filled: '\E329';
+  filter-3: '\E32A';
+  filter-clear-filled: '\E32B';
+  filter-clear: '\E32C';
+  filter-filled: '\E32D';
+  filter-off-filled: '\E32E';
+  filter-off: '\E32F';
+  filter-sort-filled: '\E330';
+  filter-sort: '\E331';
+  filter: '\E332';
+  fingerprint-1: '\E333';
+  fingerprint-2: '\E334';
+  fingerprint-3: '\E335';
+  fingerprint: '\E336';
+  fish-filled: '\E337';
+  fish: '\E338';
+  flag-1-filled: '\E339';
+  flag-1: '\E33A';
+  flag-2-filled: '\E33B';
+  flag-2: '\E33C';
+  flag-3-filled: '\E33D';
+  flag-3: '\E33E';
+  flag-4-filled: '\E33F';
+  flag-4: '\E340';
+  flag-filled: '\E341';
+  flag: '\E342';
+  flashlight-filled: '\E343';
+  flashlight: '\E344';
+  flight-landing-filled: '\E345';
+  flight-landing: '\E346';
+  flight-takeoff-filled: '\E347';
+  flight-takeoff: '\E348';
+  flip-smiling-face-filled: '\E349';
+  flip-smiling-face: '\E34A';
+  flip-to-back-filled: '\E34B';
+  flip-to-back: '\E34C';
+  flip-to-front-filled: '\E34D';
+  flip-to-front: '\E34E';
+  focus-filled: '\E34F';
+  focus: '\E350';
+  fog-filled: '\E351';
+  fog-night-filled: '\E352';
+  fog-night: '\E353';
+  fog-sunny-filled: '\E354';
+  fog-sunny: '\E355';
+  fog: '\E356';
+  folder-1-filled: '\E357';
+  folder-1: '\E358';
+  folder-add-1-filled: '\E359';
+  folder-add-1: '\E35A';
+  folder-add-filled: '\E35B';
+  folder-add: '\E35C';
+  folder-blocked-filled: '\E35D';
+  folder-blocked: '\E35E';
+  folder-details-filled: '\E35F';
+  folder-details: '\E360';
+  folder-export-filled: '\E361';
+  folder-export: '\E362';
+  folder-filled: '\E363';
+  folder-import-filled: '\E364';
+  folder-import: '\E365';
+  folder-locked-filled: '\E366';
+  folder-locked: '\E367';
+  folder-minus-filled: '\E368';
+  folder-minus: '\E369';
+  folder-move-filled: '\E36A';
+  folder-move: '\E36B';
+  folder-off-filled: '\E36C';
+  folder-off: '\E36D';
+  folder-open-1-filled: '\E36E';
+  folder-open-1: '\E36F';
+  folder-open-filled: '\E370';
+  folder-open: '\E371';
+  folder-search-filled: '\E372';
+  folder-search: '\E373';
+  folder-setting-filled: '\E374';
+  folder-setting: '\E375';
+  folder-shared-filled: '\E376';
+  folder-shared: '\E377';
+  folder-unlocked-filled: '\E378';
+  folder-unlocked: '\E379';
+  folder-zip-filled: '\E37A';
+  folder-zip: '\E37B';
+  folder: '\E37C';
+  forest-filled: '\E37D';
+  forest: '\E37E';
+  fork-filled: '\E37F';
+  fork: '\E380';
+  form-filled: '\E381';
+  form: '\E382';
+  format-horizontal-align-bottom: '\E383';
+  format-horizontal-align-center: '\E384';
+  format-horizontal-align-top: '\E385';
+  format-vertical-align-center: '\E386';
+  format-vertical-align-left: '\E387';
+  format-vertical-align-right: '\E388';
+  forward-filled: '\E389';
+  forward: '\E38A';
+  frame-1-filled: '\E38B';
+  frame-1: '\E38C';
+  frame-filled: '\E38D';
+  frame: '\E38E';
+  fries-filled: '\E38F';
+  fries: '\E390';
+  fullscreen-1: '\E391';
+  fullscreen-2: '\E392';
+  fullscreen-exit-1: '\E393';
+  fullscreen-exit: '\E394';
+  fullscreen: '\E395';
+  function-curve: '\E396';
+  functions-1: '\E397';
+  functions: '\E398';
+  gamepad-1-filled: '\E399';
+  gamepad-1: '\E39A';
+  gamepad-filled: '\E39B';
+  gamepad: '\E39C';
+  gamma: '\E39D';
+  garlic-filled: '\E39E';
+  garlic: '\E39F';
+  gender-female: '\E3A0';
+  gender-male: '\E3A1';
+  gesture-applause-filled: '\E3A2';
+  gesture-applause: '\E3A3';
+  gesture-click-filled: '\E3A4';
+  gesture-click: '\E3A5';
+  gesture-down-filled: '\E3A6';
+  gesture-down: '\E3A7';
+  gesture-expansion-filled: '\E3A8';
+  gesture-expansion: '\E3A9';
+  gesture-left-filled: '\E3AA';
+  gesture-left-slip-filled: '\E3AB';
+  gesture-left-slip: '\E3AC';
+  gesture-left: '\E3AD';
+  gesture-open-filled: '\E3AE';
+  gesture-open: '\E3AF';
+  gesture-pray-filled: '\E3B0';
+  gesture-pray: '\E3B1';
+  gesture-press-filled: '\E3B2';
+  gesture-press: '\E3B3';
+  gesture-ranslation-filled: '\E3B4';
+  gesture-ranslation: '\E3B5';
+  gesture-right-filled: '\E3B6';
+  gesture-right-slip-filled: '\E3B7';
+  gesture-right-slip: '\E3B8';
+  gesture-right: '\E3B9';
+  gesture-slide-left-and-right-filled: '\E3BA';
+  gesture-slide-left-and-right: '\E3BB';
+  gesture-slide-up-filled: '\E3BC';
+  gesture-slide-up: '\E3BD';
+  gesture-typing-filled: '\E3BE';
+  gesture-typing: '\E3BF';
+  gesture-up-and-down-filled: '\E3C0';
+  gesture-up-and-down: '\E3C1';
+  gesture-up-filled: '\E3C2';
+  gesture-up: '\E3C3';
+  gesture-wipe-down-filled: '\E3C4';
+  gesture-wipe-down: '\E3C5';
+  gift-filled: '\E3C6';
+  gift: '\E3C7';
+  giggle-filled: '\E3C8';
+  giggle: '\E3C9';
+  git-branch-filled: '\E3CA';
+  git-branch: '\E3CB';
+  git-commit-filled: '\E3CC';
+  git-commit: '\E3CD';
+  git-merge-filled: '\E3CE';
+  git-merge: '\E3CF';
+  git-pull-request-filled: '\E3D0';
+  git-pull-request: '\E3D1';
+  git-repository-commits-filled: '\E3D2';
+  git-repository-commits: '\E3D3';
+  git-repository-filled: '\E3D4';
+  git-repository-private-filled: '\E3D5';
+  git-repository-private: '\E3D6';
+  git-repository: '\E3D7';
+  gps-filled: '\E3D8';
+  gps: '\E3D9';
+  grape-filled: '\E3DA';
+  grape: '\E3DB';
+  greater-than-or-equal: '\E3DC';
+  greater-than: '\E3DD';
+  green-onion: '\E3DE';
+  grid-add-filled: '\E3DF';
+  grid-add: '\E3E0';
+  grid-view-filled: '\E3E1';
+  grid-view: '\E3E2';
+  guitar-filled: '\E3E3';
+  guitar: '\E3E4';
+  hamburger-filled: '\E3E5';
+  hamburger: '\E3E6';
+  happy-filled: '\E3E7';
+  happy: '\E3E8';
+  hard-disk-storage-filled: '\E3E9';
+  hard-disk-storage: '\E3EA';
+  hard-drive-filled: '\E3EB';
+  hard-drive: '\E3EC';
+  hashtag: '\E3ED';
+  hd-filled: '\E3EE';
+  hd: '\E3EF';
+  heart-filled: '\E3F0';
+  heart: '\E3F1';
+  help-circle-filled: '\E3F2';
+  help-circle: '\E3F3';
+  help-rectangle-filled: '\E3F4';
+  help-rectangle: '\E3F5';
+  help: '\E3F6';
+  highlight-1-filled: '\E3F7';
+  highlight-1: '\E3F8';
+  highlight: '\E3F9';
+  history-setting: '\E3FA';
+  history: '\E3FB';
+  home-filled: '\E3FC';
+  home: '\E3FD';
+  horizontal-filled: '\E3FE';
+  horizontal: '\E3FF';
+  hospital-1-filled: '\E400';
+  hospital-1: '\E401';
+  hospital-filled: '\E402';
+  hospital: '\E403';
+  hotspot-wave-filled: '\E404';
+  hotspot-wave: '\E405';
+  hourglass-filled: '\E406';
+  hourglass: '\E407';
+  houses-1-filled: '\E408';
+  houses-1: '\E409';
+  houses-2-filled: '\E40A';
+  houses-2: '\E40B';
+  houses-filled: '\E40C';
+  houses: '\E40D';
+  html5-filled: '\E40E';
+  html5: '\E40F';
+  https-filled: '\E410';
+  https: '\E411';
+  ice-cream-filled: '\E412';
+  ice-cream: '\E413';
+  icon-filled: '\E414';
+  icon: '\E415';
+  image-1-filled: '\E416';
+  image-1: '\E417';
+  image-add-filled: '\E418';
+  image-add: '\E419';
+  image-edit-filled: '\E41A';
+  image-edit: '\E41B';
+  image-error-filled: '\E41C';
+  image-error: '\E41D';
+  image-filled: '\E41E';
+  image-off-filled: '\E41F';
+  image-off: '\E420';
+  image-search-filled: '\E421';
+  image-search: '\E422';
+  image: '\E423';
+  indent-left: '\E424';
+  indent-right: '\E425';
+  indicator-filled: '\E426';
+  indicator: '\E427';
+  info-circle-filled: '\E428';
+  info-circle: '\E429';
+  ink-filled: '\E42A';
+  ink: '\E42B';
+  install-desktop-filled: '\E42C';
+  install-desktop: '\E42D';
+  install-filled: '\E42E';
+  install-mobile-filled: '\E42F';
+  install-mobile: '\E430';
+  install: '\E431';
+  institution-checked-filled: '\E432';
+  institution-checked: '\E433';
+  institution-filled: '\E434';
+  institution: '\E435';
+  internet-filled: '\E436';
+  internet: '\E437';
+  ipod-filled: '\E438';
+  ipod: '\E439';
+  joyful-filled: '\E43A';
+  joyful: '\E43B';
+  jump-double: '\E43C';
+  jump-off: '\E43D';
+  jump: '\E43E';
+  key-filled: '\E43F';
+  key: '\E440';
+  keyboard-filled: '\E441';
+  keyboard: '\E442';
+  laptop-filled: '\E443';
+  laptop: '\E444';
+  layers-filled: '\E445';
+  layers: '\E446';
+  layout-filled: '\E447';
+  layout: '\E448';
+  leaderboard-filled: '\E449';
+  leaderboard: '\E44A';
+  lemon-filled: '\E44B';
+  lemon-slice-filled: '\E44C';
+  lemon-slice: '\E44D';
+  lemon: '\E44E';
+  less-than-or-equal: '\E44F';
+  less-than: '\E450';
+  letters-a: '\E451';
+  letters-b: '\E452';
+  letters-c: '\E453';
+  letters-d: '\E454';
+  letters-e: '\E455';
+  letters-f: '\E456';
+  letters-g: '\E457';
+  letters-h: '\E458';
+  letters-i: '\E459';
+  letters-j: '\E45A';
+  letters-k: '\E45B';
+  letters-l: '\E45C';
+  letters-m: '\E45D';
+  letters-n: '\E45E';
+  letters-o: '\E45F';
+  letters-p: '\E460';
+  letters-q: '\E461';
+  letters-r: '\E462';
+  letters-s: '\E463';
+  letters-t: '\E464';
+  letters-u: '\E465';
+  letters-v: '\E466';
+  letters-w: '\E467';
+  letters-x: '\E468';
+  letters-y: '\E469';
+  letters-z: '\E46A';
+  lightbulb-circle-filled: '\E46B';
+  lightbulb-circle: '\E46C';
+  lightbulb-filled: '\E46D';
+  lightbulb: '\E46E';
+  lighthouse-1-filled: '\E46F';
+  lighthouse-1: '\E470';
+  lighthouse-2-filled: '\E471';
+  lighthouse-2: '\E472';
+  lighthouse-filled: '\E473';
+  lighthouse: '\E474';
+  lighting-circle-filled: '\E475';
+  lighting-circle: '\E476';
+  line-height: '\E477';
+  link-1: '\E478';
+  link-unlink: '\E479';
+  link: '\E47A';
+  liquor-filled: '\E47B';
+  liquor: '\E47C';
+  list-numbered: '\E47D';
+  list: '\E47E';
+  load: '\E47F';
+  loading: '\E480';
+  location-1-filled: '\E481';
+  location-1: '\E482';
+  location-enlargement-filled: '\E483';
+  location-enlargement: '\E484';
+  location-error-filled: '\E485';
+  location-error: '\E486';
+  location-filled: '\E487';
+  location-parking-place-filled: '\E488';
+  location-parking-place: '\E489';
+  location-reduction-filled: '\E48A';
+  location-reduction: '\E48B';
+  location-setting-filled: '\E48C';
+  location-setting: '\E48D';
+  location: '\E48E';
+  lock-off-filled: '\E48F';
+  lock-off: '\E490';
+  lock-on-filled: '\E491';
+  lock-on: '\E492';
+  lock-time-filled: '\E493';
+  lock-time: '\E494';
+  login: '\E495';
+  logo-adobe-illustrate-filled: '\E496';
+  logo-adobe-illustrate: '\E497';
+  logo-adobe-lightroom-filled: '\E498';
+  logo-adobe-lightroom: '\E499';
+  logo-adobe-photoshop-filled: '\E49A';
+  logo-adobe-photoshop: '\E49B';
+  logo-android-filled: '\E49C';
+  logo-android: '\E49D';
+  logo-apple-filled: '\E49E';
+  logo-apple: '\E49F';
+  logo-behance: '\E4A0';
+  logo-chrome-filled: '\E4A1';
+  logo-chrome: '\E4A2';
+  logo-cinema4d-filled: '\E4A3';
+  logo-cinema4d: '\E4A4';
+  logo-codepen: '\E4A5';
+  logo-codesandbox: '\E4A6';
+  logo-dribbble-filled: '\E4A7';
+  logo-dribbble: '\E4A8';
+  logo-facebook-filled: '\E4A9';
+  logo-facebook: '\E4AA';
+  logo-figma-filled: '\E4AB';
+  logo-figma: '\E4AC';
+  logo-framer-filled: '\E4AD';
+  logo-framer: '\E4AE';
+  logo-github-filled: '\E4AF';
+  logo-github: '\E4B0';
+  logo-gitlab-filled: '\E4B1';
+  logo-gitlab: '\E4B2';
+  logo-ie-filled: '\E4B3';
+  logo-ie: '\E4B4';
+  logo-instagram-filled: '\E4B5';
+  logo-instagram: '\E4B6';
+  logo-qq-filled: '\E4B7';
+  logo-qq: '\E4B8';
+  logo-twitter-filled: '\E4B9';
+  logo-twitter: '\E4BA';
+  logo-wechat-stroke-filled: '\E4BB';
+  logo-wechat-stroke: '\E4BC';
+  logo-wechatpay-filled: '\E4BD';
+  logo-wechatpay: '\E4BE';
+  logo-wecom-filled: '\E4BF';
+  logo-wecom: '\E4C0';
+  logo-windows-filled: '\E4C1';
+  logo-windows: '\E4C2';
+  logo-youtube-filled: '\E4C3';
+  logo-youtube: '\E4C4';
+  logout: '\E4C5';
+  look-around-filled: '\E4C6';
+  look-around: '\E4C7';
+  loudspeaker-filled: '\E4C8';
+  loudspeaker: '\E4C9';
+  mail-filled: '\E4CA';
+  mail: '\E4CB';
+  map-3d-filled: '\E4CC';
+  map-3d: '\E4CD';
+  map-add-filled: '\E4CE';
+  map-add: '\E4CF';
+  map-aiming-filled: '\E4D0';
+  map-aiming: '\E4D1';
+  map-blocked-filled: '\E4D2';
+  map-blocked: '\E4D3';
+  map-bubble-filled: '\E4D4';
+  map-bubble: '\E4D5';
+  map-cancel-filled: '\E4D6';
+  map-cancel: '\E4D7';
+  map-chat-filled: '\E4D8';
+  map-chat: '\E4D9';
+  map-checked-filled: '\E4DA';
+  map-checked: '\E4DB';
+  map-collection-filled: '\E4DC';
+  map-collection: '\E4DD';
+  map-connection-filled: '\E4DE';
+  map-connection: '\E4DF';
+  map-distance-filled: '\E4E0';
+  map-distance: '\E4E1';
+  map-double-filled: '\E4E2';
+  map-double: '\E4E3';
+  map-edit-filled: '\E4E4';
+  map-edit: '\E4E5';
+  map-filled: '\E4E6';
+  map-grid-filled: '\E4E7';
+  map-grid: '\E4E8';
+  map-information-1-filled: '\E4E9';
+  map-information-1: '\E4EA';
+  map-information-2-filled: '\E4EB';
+  map-information-2: '\E4EC';
+  map-information-filled: '\E4ED';
+  map-information: '\E4EE';
+  map-location-filled: '\E4EF';
+  map-location: '\E4F0';
+  map-locked-filled: '\E4F1';
+  map-locked: '\E4F2';
+  map-marked-filled: '\E4F3';
+  map-marked: '\E4F4';
+  map-navigation-filled: '\E4F5';
+  map-navigation: '\E4F6';
+  map-outline-filled: '\E4F7';
+  map-outline: '\E4F8';
+  map-route-planning-filled: '\E4F9';
+  map-route-planning: '\E4FA';
+  map-ruler-filled: '\E4FB';
+  map-ruler: '\E4FC';
+  map-safety-filled: '\E4FD';
+  map-safety: '\E4FE';
+  map-search-1-filled: '\E4FF';
+  map-search-1: '\E500';
+  map-search-filled: '\E501';
+  map-search: '\E502';
+  map-setting-filled: '\E503';
+  map-setting: '\E504';
+  map-unlocked-filled: '\E505';
+  map-unlocked: '\E506';
+  map: '\E507';
+  mark-as-unread-filled: '\E508';
+  mark-as-unread: '\E509';
+  markup-filled: '\E50A';
+  markup: '\E50B';
+  mathematics-filled: '\E50C';
+  mathematics: '\E50D';
+  measurement-1-filled: '\E50E';
+  measurement-1: '\E50F';
+  measurement-2-filled: '\E510';
+  measurement-2: '\E511';
+  measurement-filled: '\E512';
+  measurement: '\E513';
+  meat-pepper-filled: '\E514';
+  meat-pepper: '\E515';
+  media-library-filled: '\E516';
+  media-library: '\E517';
+  member-filled: '\E518';
+  member: '\E519';
+  menu-application: '\E51A';
+  menu-filled: '\E51B';
+  menu-fold: '\E51C';
+  menu-unfold: '\E51D';
+  menu: '\E51E';
+  merge-cells-filled: '\E51F';
+  merge-cells: '\E520';
+  microphone-1-filled: '\E521';
+  microphone-1: '\E522';
+  microphone-2-filled: '\E523';
+  microphone-2: '\E524';
+  microphone-filled: '\E525';
+  microphone: '\E526';
+  milk-filled: '\E527';
+  milk: '\E528';
+  minus-circle-filled: '\E529';
+  minus-circle: '\E52A';
+  minus-rectangle-filled: '\E52B';
+  minus-rectangle: '\E52C';
+  minus: '\E52D';
+  mirror-filled: '\E52E';
+  mirror: '\E52F';
+  mobile-blocked-filled: '\E530';
+  mobile-blocked: '\E531';
+  mobile-filled: '\E532';
+  mobile-list-filled: '\E533';
+  mobile-list: '\E534';
+  mobile-navigation-filled: '\E535';
+  mobile-navigation: '\E536';
+  mobile-shortcut-filled: '\E537';
+  mobile-shortcut: '\E538';
+  mobile-vibrate-filled: '\E539';
+  mobile-vibrate: '\E53A';
+  mobile: '\E53B';
+  mode-dark-filled: '\E53C';
+  mode-dark: '\E53D';
+  mode-light-filled: '\E53E';
+  mode-light: '\E53F';
+  module-filled: '\E540';
+  module: '\E541';
+  money-filled: '\E542';
+  money: '\E543';
+  monument-filled: '\E544';
+  monument: '\E545';
+  moon-fall-filled: '\E546';
+  moon-fall: '\E547';
+  moon-filled: '\E548';
+  moon-rising-filled: '\E549';
+  moon-rising: '\E54A';
+  moon: '\E54B';
+  more: '\E54C';
+  mosque-1-filled: '\E54D';
+  mosque-1: '\E54E';
+  mosque-filled: '\E54F';
+  mosque: '\E550';
+  mouse-filled: '\E551';
+  mouse: '\E552';
+  move-1: '\E553';
+  move: '\E554';
+  movie-clapper-filled: '\E555';
+  movie-clapper: '\E556';
+  multiply: '\E557';
+  museum-1-filled: '\E558';
+  museum-1: '\E559';
+  museum-2-filled: '\E55A';
+  museum-2: '\E55B';
+  museum-filled: '\E55C';
+  museum: '\E55D';
+  mushroom-1-filled: '\E55E';
+  mushroom-1: '\E55F';
+  mushroom-filled: '\E560';
+  mushroom: '\E561';
+  music-1-filled: '\E562';
+  music-1: '\E563';
+  music-2-filled: '\E564';
+  music-2: '\E565';
+  music-filled: '\E566';
+  music-rectangle-add-filled: '\E567';
+  music-rectangle-add: '\E568';
+  music: '\E569';
+  navigation-arrow-filled: '\E56A';
+  navigation-arrow: '\E56B';
+  next-filled: '\E56C';
+  next: '\E56D';
+  no-expression-filled: '\E56E';
+  no-expression: '\E56F';
+  noodle-filled: '\E570';
+  noodle: '\E571';
+  notification-add-filled: '\E572';
+  notification-add: '\E573';
+  notification-circle-filled: '\E574';
+  notification-circle: '\E575';
+  notification-error-filled: '\E576';
+  notification-error: '\E577';
+  notification-filled: '\E578';
+  notification: '\E579';
+  numbers-0-1: '\E57A';
+  numbers-0: '\E57B';
+  numbers-1-1: '\E57C';
+  numbers-1: '\E57D';
+  numbers-2-1: '\E57E';
+  numbers-2: '\E57F';
+  numbers-3-1: '\E580';
+  numbers-3: '\E581';
+  numbers-4-1: '\E582';
+  numbers-4: '\E583';
+  numbers-5-1: '\E584';
+  numbers-5: '\E585';
+  numbers-6-1: '\E586';
+  numbers-6: '\E587';
+  numbers-7-1: '\E588';
+  numbers-7: '\E589';
+  numbers-8-1: '\E58A';
+  numbers-8: '\E58B';
+  numbers-9-1: '\E58C';
+  numbers-9: '\E58D';
+  nut-filled: '\E58E';
+  nut: '\E58F';
+  object-storage: '\E590';
+  open-mouth-filled: '\E591';
+  open-mouth: '\E592';
+  opera-filled: '\E593';
+  opera: '\E594';
+  order-adjustment-column: '\E595';
+  order-ascending: '\E596';
+  order-descending: '\E597';
+  outbox-filled: '\E598';
+  outbox: '\E599';
+  page-first: '\E59A';
+  page-head-filled: '\E59B';
+  page-head: '\E59C';
+  page-last: '\E59D';
+  palace-1-filled: '\E59E';
+  palace-1: '\E59F';
+  palace-2-filled: '\E5A0';
+  palace-2: '\E5A1';
+  palace-3-filled: '\E5A2';
+  palace-3: '\E5A3';
+  palace-4-filled: '\E5A4';
+  palace-4: '\E5A5';
+  palace-filled: '\E5A6';
+  palace: '\E5A7';
+  palette-1-filled: '\E5A8';
+  palette-1: '\E5A9';
+  palette-filled: '\E5AA';
+  palette: '\E5AB';
+  panorama-horizontal-filled: '\E5AC';
+  panorama-horizontal: '\E5AD';
+  panorama-vertical-filled: '\E5AE';
+  panorama-vertical: '\E5AF';
+  pantone-filled: '\E5B0';
+  pantone: '\E5B1';
+  parabola: '\E5B2';
+  parentheses: '\E5B3';
+  paste-filled: '\E5B4';
+  paste: '\E5B5';
+  patio-filled: '\E5B6';
+  patio: '\E5B7';
+  pause-circle-filled: '\E5B8';
+  pause-circle-stroke-filled: '\E5B9';
+  pause-circle-stroke: '\E5BA';
+  pause-circle: '\E5BB';
+  pause: '\E5BC';
+  pea-filled: '\E5BD';
+  pea: '\E5BE';
+  peach-filled: '\E5BF';
+  peach: '\E5C0';
+  pear-filled: '\E5C1';
+  pear: '\E5C2';
+  pearl-of-the-orient-filled: '\E5C3';
+  pearl-of-the-orient: '\E5C4';
+  pen-ball-filled: '\E5C5';
+  pen-ball: '\E5C6';
+  pen-brush-filled: '\E5C7';
+  pen-brush: '\E5C8';
+  pen-filled: '\E5C9';
+  pen-mark-filled: '\E5CA';
+  pen-mark: '\E5CB';
+  pen-quill-filled: '\E5CC';
+  pen-quill: '\E5CD';
+  pen: '\E5CE';
+  pending-filled: '\E5CF';
+  pending: '\E5D0';
+  percent: '\E5D1';
+  personal-information-filled: '\E5D2';
+  personal-information: '\E5D3';
+  phone-locked-filled: '\E5D4';
+  phone-locked: '\E5D5';
+  phone-search-filled: '\E5D6';
+  phone-search: '\E5D7';
+  pi: '\E5D8';
+  piano-filled: '\E5D9';
+  piano: '\E5DA';
+  pin-filled: '\E5DB';
+  pin: '\E5DC';
+  play-circle-filled: '\E5DD';
+  play-circle-stroke-add-filled: '\E5DE';
+  play-circle-stroke-add: '\E5DF';
+  play-circle-stroke-filled: '\E5E0';
+  play-circle-stroke: '\E5E1';
+  play-circle: '\E5E2';
+  play-demo-filled: '\E5E3';
+  play-demo: '\E5E4';
+  play-rectangle-filled: '\E5E5';
+  play-rectangle: '\E5E6';
+  play: '\E5E7';
+  plus: '\E5E8';
+  popsicle-filled: '\E5E9';
+  popsicle: '\E5EA';
+  portrait-filled: '\E5EB';
+  portrait: '\E5EC';
+  pout-filled: '\E5ED';
+  pout: '\E5EE';
+  poweroff: '\E5EF';
+  precise-monitor: '\E5F0';
+  previous-filled: '\E5F1';
+  previous: '\E5F2';
+  print-filled: '\E5F3';
+  print: '\E5F4';
+  pumpkin-filled: '\E5F5';
+  pumpkin: '\E5F6';
+  pyramid-filled: '\E5F7';
+  pyramid-maya-filled: '\E5F8';
+  pyramid-maya: '\E5F9';
+  pyramid: '\E5FA';
+  qrcode: '\E5FB';
+  quadratic: '\E5FC';
+  questionnaire-double-filled: '\E5FD';
+  questionnaire-double: '\E5FE';
+  questionnaire-filled: '\E5FF';
+  questionnaire: '\E600';
+  queue-filled: '\E601';
+  queue: '\E602';
+  radar: '\E603';
+  radio-1-filled: '\E604';
+  radio-1: '\E605';
+  radio-2-filled: '\E606';
+  radio-2: '\E607';
+  radish-filled: '\E608';
+  radish: '\E609';
+  rain-heavy: '\E60A';
+  rain-light-filled: '\E60B';
+  rain-light: '\E60C';
+  rain-medium: '\E60D';
+  rainbow: '\E60E';
+  rectangle-filled: '\E60F';
+  rectangle: '\E610';
+  refresh: '\E611';
+  relation: '\E612';
+  relativity-filled: '\E613';
+  relativity: '\E614';
+  remote-wave-filled: '\E615';
+  remote-wave: '\E616';
+  remove: '\E617';
+  replay-filled: '\E618';
+  replay: '\E619';
+  rice-ball-filled: '\E61A';
+  rice-ball: '\E61B';
+  rice-filled: '\E61C';
+  rice: '\E61D';
+  roast-filled: '\E61E';
+  roast: '\E61F';
+  rocket-filled: '\E620';
+  rocket: '\E621';
+  rollback: '\E622';
+  rollfront: '\E623';
+  root-list-filled: '\E624';
+  root-list: '\E625';
+  rotate-locked-filled: '\E626';
+  rotate-locked: '\E627';
+  rotate: '\E628';
+  rotation: '\E629';
+  round-filled: '\E62A';
+  round: '\E62B';
+  router-wave-filled: '\E62C';
+  router-wave: '\E62D';
+  rss: '\E62E';
+  ruler-filled: '\E62F';
+  ruler: '\E630';
+  sailing-hotel-filled: '\E631';
+  sailing-hotel: '\E632';
+  sandwich-filled: '\E633';
+  sandwich: '\E634';
+  saturation-filled: '\E635';
+  saturation: '\E636';
+  sausage-filled: '\E637';
+  sausage: '\E638';
+  save-filled: '\E639';
+  save: '\E63A';
+  saving-pot-filled: '\E63B';
+  saving-pot: '\E63C';
+  scan: '\E63D';
+  screen-4k-filled: '\E63E';
+  screen-4k: '\E63F';
+  screencast-filled: '\E640';
+  screencast: '\E641';
+  screenshot: '\E642';
+  scroll-bar-filled: '\E643';
+  scroll-bar: '\E644';
+  sd-card-1-filled: '\E645';
+  sd-card-1: '\E646';
+  sd-card-filled: '\E647';
+  sd-card: '\E648';
+  search-error-filled: '\E649';
+  search-error: '\E64A';
+  search-filled: '\E64B';
+  search: '\E64C';
+  secured-filled: '\E64D';
+  secured: '\E64E';
+  send-cancel-filled: '\E64F';
+  send-cancel: '\E650';
+  send-filled: '\E651';
+  send: '\E652';
+  sensors-1: '\E653';
+  sensors-2: '\E654';
+  sensors-off: '\E655';
+  sensors: '\E656';
+  sequence-filled: '\E657';
+  sequence: '\E658';
+  serenity-filled: '\E659';
+  serenity: '\E65A';
+  server-filled: '\E65B';
+  server: '\E65C';
+  service-filled: '\E65D';
+  service: '\E65E';
+  setting-1-filled: '\E65F';
+  setting-1: '\E660';
+  setting-filled: '\E661';
+  setting: '\E662';
+  share-1-filled: '\E663';
+  share-1: '\E664';
+  share-filled: '\E665';
+  share: '\E666';
+  sharpness-filled: '\E667';
+  sharpness: '\E668';
+  shield-error-filled: '\E669';
+  shield-error: '\E66A';
+  shimen-filled: '\E66B';
+  shimen: '\E66C';
+  shop-1-filled: '\E66D';
+  shop-1: '\E66E';
+  shop-2-filled: '\E66F';
+  shop-2: '\E670';
+  shop-3-filled: '\E671';
+  shop-3: '\E672';
+  shop-4-filled: '\E673';
+  shop-4: '\E674';
+  shop-5-filled: '\E675';
+  shop-5: '\E676';
+  shop-filled: '\E677';
+  shop: '\E678';
+  shrimp-filled: '\E679';
+  shrimp: '\E67A';
+  shrink-horizontal: '\E67B';
+  shrink-vertical: '\E67C';
+  shutter-filled: '\E67D';
+  shutter: '\E67E';
+  shutup-filled: '\E67F';
+  shutup: '\E680';
+  sim-card-1-filled: '\E681';
+  sim-card-1: '\E682';
+  sim-card-2-filled: '\E683';
+  sim-card-2: '\E684';
+  sim-card-filled: '\E685';
+  sim-card: '\E686';
+  sinister-smile-filled: '\E687';
+  sinister-smile: '\E688';
+  sip-filled: '\E689';
+  sip: '\E68A';
+  sitemap-filled: '\E68B';
+  sitemap: '\E68C';
+  slash: '\E68D';
+  sleep-filled: '\E68E';
+  sleep: '\E68F';
+  slice-filled: '\E690';
+  slice: '\E691';
+  slideshow-filled: '\E692';
+  slideshow: '\E693';
+  smile-filled: '\E694';
+  smile: '\E695';
+  sneer-filled: '\E696';
+  sneer: '\E697';
+  snowflake: '\E698';
+  sonic: '\E699';
+  sound-down-filled: '\E69A';
+  sound-down: '\E69B';
+  sound-filled: '\E69C';
+  sound-high-filled: '\E69D';
+  sound-high: '\E69E';
+  sound-low-filled: '\E69F';
+  sound-low: '\E6A0';
+  sound-mute-1-filled: '\E6A1';
+  sound-mute-1: '\E6A2';
+  sound-mute-filled: '\E6A3';
+  sound-mute: '\E6A4';
+  sound-up-filled: '\E6A5';
+  sound-up: '\E6A6';
+  sound: '\E6A7';
+  space: '\E6A8';
+  speechless-1-filled: '\E6A9';
+  speechless-1: '\E6AA';
+  speechless-filled: '\E6AB';
+  speechless: '\E6AC';
+  star-filled: '\E6AD';
+  star: '\E6AE';
+  statue-of-jesus-filled: '\E6AF';
+  statue-of-jesus: '\E6B0';
+  sticky-note-filled: '\E6B1';
+  sticky-note: '\E6B2';
+  stop-circle-filled: '\E6B3';
+  stop-circle-stroke-filled: '\E6B4';
+  stop-circle-stroke: '\E6B5';
+  stop-circle: '\E6B6';
+  stop: '\E6B7';
+  store-filled: '\E6B8';
+  store: '\E6B9';
+  street-road-1-filled: '\E6BA';
+  street-road-1: '\E6BB';
+  street-road-filled: '\E6BC';
+  street-road: '\E6BD';
+  subtitle-filled: '\E6BE';
+  subtitle: '\E6BF';
+  subway-line-filled: '\E6C0';
+  subway-line: '\E6C1';
+  sum: '\E6C2';
+  sun-fall-filled: '\E6C3';
+  sun-fall: '\E6C4';
+  sun-rising-filled: '\E6C5';
+  sun-rising: '\E6C6';
+  sunny-filled: '\E6C7';
+  sunny: '\E6C8';
+  support-filled: '\E6C9';
+  support: '\E6CA';
+  surprised-1-filled: '\E6CB';
+  surprised-1: '\E6CC';
+  surprised-filled: '\E6CD';
+  surprised: '\E6CE';
+  swap-left: '\E6CF';
+  swap-right: '\E6D0';
+  swap: '\E6D1';
+  swear-1-filled: '\E6D2';
+  swear-1: '\E6D3';
+  swear-2-filled: '\E6D4';
+  swear-2: '\E6D5';
+  system-2: '\E6D6';
+  system-3-filled: '\E6D7';
+  system-3: '\E6D8';
+  system-application-filled: '\E6D9';
+  system-application: '\E6DA';
+  system-blocked-filled: '\E6DB';
+  system-blocked: '\E6DC';
+  system-code-filled: '\E6DD';
+  system-code: '\E6DE';
+  system-components-filled: '\E6DF';
+  system-components: '\E6E0';
+  system-coordinate-filled: '\E6E1';
+  system-coordinate: '\E6E2';
+  system-device-filled: '\E6E3';
+  system-device: '\E6E4';
+  system-interface-filled: '\E6E5';
+  system-interface: '\E6E6';
+  system-location-filled: '\E6E7';
+  system-location: '\E6E8';
+  system-locked-filled: '\E6E9';
+  system-locked: '\E6EA';
+  system-log-filled: '\E6EB';
+  system-log: '\E6EC';
+  system-marked-filled: '\E6ED';
+  system-marked: '\E6EE';
+  system-messages-filled: '\E6EF';
+  system-messages: '\E6F0';
+  system-regulation-filled: '\E6F1';
+  system-regulation: '\E6F2';
+  system-search-filled: '\E6F3';
+  system-search: '\E6F4';
+  system-setting-filled: '\E6F5';
+  system-setting: '\E6F6';
+  system-storage-filled: '\E6F7';
+  system-storage: '\E6F8';
+  system-sum: '\E6F9';
+  system-unlocked-filled: '\E6FA';
+  system-unlocked: '\E6FB';
+  tab-filled: '\E6FC';
+  tab: '\E6FD';
+  table-1-filled: '\E6FE';
+  table-1: '\E6FF';
+  table-2-filled: '\E700';
+  table-2: '\E701';
+  table-add-filled: '\E702';
+  table-add: '\E703';
+  table-filled: '\E704';
+  table-split-filled: '\E705';
+  table-split: '\E706';
+  table: '\E707';
+  tag-filled: '\E708';
+  tag: '\E709';
+  tangerinr-filled: '\E70A';
+  tangerinr: '\E70B';
+  tape-filled: '\E70C';
+  tape: '\E70D';
+  task-1-filled: '\E70E';
+  task-1: '\E70F';
+  task-add-1: '\E710';
+  task-add-filled: '\E711';
+  task-add: '\E712';
+  task-checked-1: '\E713';
+  task-checked-filled: '\E714';
+  task-checked: '\E715';
+  task-double-filled: '\E716';
+  task-double: '\E717';
+  task-error-filled: '\E718';
+  task-error: '\E719';
+  task-filled: '\E71A';
+  task-location-filled: '\E71B';
+  task-location: '\E71C';
+  task-marked-filled: '\E71D';
+  task-marked: '\E71E';
+  task-setting-filled: '\E71F';
+  task-setting: '\E720';
+  task-time-filled: '\E721';
+  task-time: '\E722';
+  task-visible-filled: '\E723';
+  task-visible: '\E724';
+  task: '\E725';
+  tea-filled: '\E726';
+  tea: '\E727';
+  teahouse-filled: '\E728';
+  teahouse: '\E729';
+  template-filled: '\E72A';
+  template: '\E72B';
+  temple-filled: '\E72C';
+  temple: '\E72D';
+  terminal-rectangle-1-filled: '\E72E';
+  terminal-rectangle-1: '\E72F';
+  terminal-rectangle-filled: '\E730';
+  terminal-rectangle: '\E731';
+  terminal-window-filled: '\E732';
+  terminal-window: '\E733';
+  terminal: '\E734';
+  textbox-filled: '\E735';
+  textbox: '\E736';
+  textformat-bold: '\E737';
+  textformat-color: '\E738';
+  textformat-italic: '\E739';
+  textformat-strikethrough: '\E73A';
+  textformat-underline: '\E73B';
+  textformat-wrap: '\E73C';
+  theaters-filled: '\E73D';
+  theaters: '\E73E';
+  thumb-down-1-filled: '\E73F';
+  thumb-down-1: '\E740';
+  thumb-down-2-filled: '\E741';
+  thumb-down-2: '\E742';
+  thumb-down-filled: '\E743';
+  thumb-down: '\E744';
+  thumb-up-1-filled: '\E745';
+  thumb-up-1: '\E746';
+  thumb-up-2-filled: '\E747';
+  thumb-up-2: '\E748';
+  thumb-up-filled: '\E749';
+  thumb-up: '\E74A';
+  thunder: '\E74B';
+  thunderstorm-night-filled: '\E74C';
+  thunderstorm-night: '\E74D';
+  thunderstorm-sunny-filled: '\E74E';
+  thunderstorm-sunny: '\E74F';
+  thunderstorm: '\E750';
+  ticket-filled: '\E751';
+  ticket: '\E752';
+  time-filled: '\E753';
+  time: '\E754';
+  tips-double-filled: '\E755';
+  tips-double: '\E756';
+  tips-filled: '\E757';
+  tips: '\E758';
+  tomato-filled: '\E759';
+  tomato: '\E75A';
+  tools-circle-filled: '\E75B';
+  tools-circle: '\E75C';
+  tools-filled: '\E75D';
+  tools: '\E75E';
+  tornado: '\E75F';
+  tower-1-filled: '\E760';
+  tower-1: '\E761';
+  tower-2-filled: '\E762';
+  tower-2: '\E763';
+  tower-3-filled: '\E764';
+  tower-3: '\E765';
+  tower-clock-filled: '\E766';
+  tower-clock: '\E767';
+  tower-filled: '\E768';
+  tower: '\E769';
+  town-filled: '\E76A';
+  town: '\E76B';
+  traffic-events-filled: '\E76C';
+  traffic-events: '\E76D';
+  traffic-filled: '\E76E';
+  traffic: '\E76F';
+  transform-1-filled: '\E770';
+  transform-1: '\E771';
+  transform-2: '\E772';
+  transform-3: '\E773';
+  transform-filled: '\E774';
+  transform: '\E775';
+  translate-1: '\E776';
+  translate: '\E777';
+  tree-round-dot-filled: '\E778';
+  tree-round-dot-vertical-filled: '\E779';
+  tree-round-dot-vertical: '\E77A';
+  tree-round-dot: '\E77B';
+  tree-square-dot-filled: '\E77C';
+  tree-square-dot-vertical-filled: '\E77D';
+  tree-square-dot-vertical: '\E77E';
+  tree-square-dot: '\E77F';
+  trending-down: '\E780';
+  trending-up: '\E781';
+  tv-1-filled: '\E782';
+  tv-1: '\E783';
+  tv-2-filled: '\E784';
+  tv-2: '\E785';
+  tv-filled: '\E786';
+  tv: '\E787';
+  typography-filled: '\E788';
+  typography: '\E789';
+  uncomfortable-1-filled: '\E78A';
+  uncomfortable-1: '\E78B';
+  uncomfortable-2-filled: '\E78C';
+  uncomfortable-2: '\E78D';
+  uncomfortable-filled: '\E78E';
+  uncomfortable: '\E78F';
+  undertake-delivery-filled: '\E790';
+  undertake-delivery: '\E791';
+  undertake-environment-protection-filled: '\E792';
+  undertake-environment-protection: '\E793';
+  undertake-filled: '\E794';
+  undertake-hold-up-filled: '\E795';
+  undertake-hold-up: '\E796';
+  undertake-transaction-filled: '\E797';
+  undertake-transaction: '\E798';
+  undertake: '\E799';
+  unfold-less: '\E79A';
+  unfold-more: '\E79B';
+  unhappy-1-filled: '\E79C';
+  unhappy-1: '\E79D';
+  unhappy-filled: '\E79E';
+  unhappy: '\E79F';
+  uninstall-filled: '\E7A0';
+  uninstall: '\E7A1';
+  upload-1: '\E7A2';
+  upload: '\E7A3';
+  upscale: '\E7A4';
+  usb-filled: '\E7A5';
+  usb: '\E7A6';
+  user-1-filled: '\E7A7';
+  user-1: '\E7A8';
+  user-add-filled: '\E7A9';
+  user-add: '\E7AA';
+  user-arrow-down-filled: '\E7AB';
+  user-arrow-down: '\E7AC';
+  user-arrow-left-filled: '\E7AD';
+  user-arrow-left: '\E7AE';
+  user-arrow-right-filled: '\E7AF';
+  user-arrow-right: '\E7B0';
+  user-arrow-up-filled: '\E7B1';
+  user-arrow-up: '\E7B2';
+  user-avatar-filled: '\E7B3';
+  user-avatar: '\E7B4';
+  user-blocked-filled: '\E7B5';
+  user-blocked: '\E7B6';
+  user-business-filled: '\E7B7';
+  user-business: '\E7B8';
+  user-checked-1-filled: '\E7B9';
+  user-checked-1: '\E7BA';
+  user-checked-filled: '\E7BB';
+  user-checked: '\E7BC';
+  user-circle-filled: '\E7BD';
+  user-circle: '\E7BE';
+  user-clear-filled: '\E7BF';
+  user-clear: '\E7C0';
+  user-error-1-filled: '\E7C1';
+  user-error-1: '\E7C2';
+  user-filled: '\E7C3';
+  user-invisible-filled: '\E7C4';
+  user-invisible: '\E7C5';
+  user-list-filled: '\E7C6';
+  user-list: '\E7C7';
+  user-locked-filled: '\E7C8';
+  user-locked: '\E7C9';
+  user-marked-filled: '\E7CA';
+  user-marked: '\E7CB';
+  user-password-filled: '\E7CC';
+  user-password: '\E7CD';
+  user-safety-filled: '\E7CE';
+  user-safety: '\E7CF';
+  user-search-filled: '\E7D0';
+  user-search: '\E7D1';
+  user-setting-filled: '\E7D2';
+  user-setting: '\E7D3';
+  user-talk-1-filled: '\E7D4';
+  user-talk-1: '\E7D5';
+  user-talk-filled: '\E7D6';
+  user-talk-off-1-filled: '\E7D7';
+  user-talk-off-1: '\E7D8';
+  user-talk: '\E7D9';
+  user-time-filled: '\E7DA';
+  user-time: '\E7DB';
+  user-transmit-filled: '\E7DC';
+  user-transmit: '\E7DD';
+  user-unknown-filled: '\E7DE';
+  user-unknown: '\E7DF';
+  user-unlocked-filled: '\E7E0';
+  user-unlocked: '\E7E1';
+  user-vip-filled: '\E7E2';
+  user-vip: '\E7E3';
+  user-visible-filled: '\E7E4';
+  user-visible: '\E7E5';
+  user: '\E7E6';
+  usercase-filled: '\E7E7';
+  usercase-link-filled: '\E7E8';
+  usercase-link: '\E7E9';
+  usercase: '\E7EA';
+  usergroup-add-filled: '\E7EB';
+  usergroup-add: '\E7EC';
+  usergroup-clear-filled: '\E7ED';
+  usergroup-clear: '\E7EE';
+  usergroup-filled: '\E7EF';
+  usergroup: '\E7F0';
+  vehicle-filled: '\E7F1';
+  vehicle: '\E7F2';
+  verified-filled: '\E7F3';
+  verified: '\E7F4';
+  verify-filled: '\E7F5';
+  verify: '\E7F6';
+  vertical-filled: '\E7F7';
+  vertical: '\E7F8';
+  video-camera-1-filled: '\E7F9';
+  video-camera-1: '\E7FA';
+  video-camera-2-filled: '\E7FB';
+  video-camera-2: '\E7FC';
+  video-camera-3-filled: '\E7FD';
+  video-camera-3: '\E7FE';
+  video-camera-dollar-filled: '\E7FF';
+  video-camera-dollar: '\E800';
+  video-camera-filled: '\E801';
+  video-camera-minus-filled: '\E802';
+  video-camera-minus: '\E803';
+  video-camera-music-filled: '\E804';
+  video-camera-music: '\E805';
+  video-camera-off-filled: '\E806';
+  video-camera-off: '\E807';
+  video-camera: '\E808';
+  video-filled: '\E809';
+  video-library-filled: '\E80A';
+  video-library: '\E80B';
+  video: '\E80C';
+  view-agenda-filled: '\E80D';
+  view-agenda: '\E80E';
+  view-column: '\E80F';
+  view-in-ar-filled: '\E810';
+  view-in-ar: '\E811';
+  view-list: '\E812';
+  view-module-filled: '\E813';
+  view-module: '\E814';
+  visual-recognition-filled: '\E815';
+  visual-recognition: '\E816';
+  wallet-filled: '\E817';
+  wallet: '\E818';
+  watch-filled: '\E819';
+  watch: '\E81A';
+  watermelon-filled: '\E81B';
+  watermelon: '\E81C';
+  wave-bye-filled: '\E81D';
+  wave-bye: '\E81E';
+  wave-left-filled: '\E81F';
+  wave-left: '\E820';
+  wave-right-filled: '\E821';
+  wave-right: '\E822';
+  wealth-1-filled: '\E823';
+  wealth-1: '\E824';
+  wealth-filled: '\E825';
+  wealth: '\E826';
+  widget-filled: '\E827';
+  widget: '\E828';
+  wifi-1-filled: '\E829';
+  wifi-1: '\E82A';
+  wifi-off-1-filled: '\E82B';
+  wifi-off-1: '\E82C';
+  wifi-off: '\E82D';
+  wifi: '\E82E';
+  window-1-filled: '\E82F';
+  window-1: '\E830';
+  window-filled: '\E831';
+  window: '\E832';
+  windy-rain: '\E833';
+  windy: '\E834';
+  wink-filled: '\E835';
+  wink: '\E836';
+  work-filled: '\E837';
+  work-history-filled: '\E838';
+  work-history: '\E839';
+  work-off-filled: '\E83A';
+  work-off: '\E83B';
+  work: '\E83C';
+  wry-smile-filled: '\E83D';
+  wry-smile: '\E83E';
+  zoom-in-filled: '\E83F';
+  zoom-in: '\E840';
+  zoom-out-filled: '\E841';
+  zoom-out: '\E842';
 };
diff --git a/src/icon/README.md b/src/icon/README.md
index c93e1f6ec..916e3f932 100644
--- a/src/icon/README.md
+++ b/src/icon/README.md
@@ -87,6 +87,14 @@ isComponent: true
 
 ### 全部图标
 
+<div style="background: #ecf2fe; display: flex; align-items: center; line-height: 20px; padding: 14px 24px; border-radius: 3px; color: #555a65;margin:16px 0">
+  <svg fill="none" viewBox="0 0 16 16" width="16px" height="16px" style="margin-right: 5px">
+    <path fill="#0052d9" d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z" fillOpacity="0.9"></path>
+  </svg>
+ <p style="flex: 1">大部分图标在 1.8.0 版本中新增，如果发现引入组件库后，部分图标无法使用，请检查安装的组件库`tdesign-miniprogram`的版本。支持中文英文搜索，如果觉得可以再增加其他关键词提示，欢迎到 <a href="https://github.com/Tencent/tdesign-icons/blob/develop/packages/view/src/manifest.js" target="_blank" > 图标仓库</a> 提交PR，帮我们一起补充。
+ </p>
+</div>
+
 <td-icons-view />
 
 ## API
diff --git a/src/icon/__test__/__snapshots__/demo.test.js.snap b/src/icon/__test__/__snapshots__/demo.test.js.snap
index db033c996..55307bbcb 100644
--- a/src/icon/__test__/__snapshots__/demo.test.js.snap
+++ b/src/icon/__test__/__snapshots__/demo.test.js.snap
@@ -9,5707 +9,9847 @@ exports[`Icon Icon base demo works fine 1`] = `
       class="demo__card"
     >
       <t-icon
-        data-name="activity"
-        name="activity"
+        data-name="accessibility-filled"
+        name="accessibility-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        activity
+        accessibility-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="add-and-subtract"
-        name="add-and-subtract"
+        data-name="accessibility"
+        name="accessibility"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        add-and-subtract
+        accessibility
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="add-circle"
-        name="add-circle"
+        data-name="activity-filled"
+        name="activity-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        add-circle
+        activity-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="add-rectangle"
-        name="add-rectangle"
+        data-name="activity"
+        name="activity"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        add-rectangle
+        activity
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="add"
-        name="add"
+        data-name="add-and-subtract"
+        name="add-and-subtract"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        add
+        add-and-subtract
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="address-book"
-        name="address-book"
+        data-name="add-circle-filled"
+        name="add-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        address-book
+        add-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="adjustment"
-        name="adjustment"
+        data-name="add-circle"
+        name="add-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        adjustment
+        add-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="airplay-wave"
-        name="airplay-wave"
+        data-name="add-rectangle-filled"
+        name="add-rectangle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        airplay-wave
+        add-rectangle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="alarm-add"
-        name="alarm-add"
+        data-name="add-rectangle"
+        name="add-rectangle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        alarm-add
+        add-rectangle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="alarm-off"
-        name="alarm-off"
+        data-name="add"
+        name="add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        alarm-off
+        add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="alarm"
-        name="alarm"
+        data-name="address-book-filled"
+        name="address-book-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        alarm
+        address-book-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="align-top"
-        name="align-top"
+        data-name="address-book"
+        name="address-book"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        align-top
+        address-book
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="align-vertical"
-        name="align-vertical"
+        data-name="adjustment-filled"
+        name="adjustment-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        align-vertical
+        adjustment-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="alpha"
-        name="alpha"
+        data-name="adjustment"
+        name="adjustment"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        alpha
+        adjustment
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="analytics"
-        name="analytics"
+        data-name="airplay-wave-filled"
+        name="airplay-wave-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        analytics
+        airplay-wave-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="anchor"
-        name="anchor"
+        data-name="airplay-wave"
+        name="airplay-wave"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        anchor
+        airplay-wave
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="angry"
-        name="angry"
+        data-name="alarm-add-filled"
+        name="alarm-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        angry
+        alarm-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="animation-1"
-        name="animation-1"
+        data-name="alarm-add"
+        name="alarm-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        animation-1
+        alarm-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="animation"
-        name="animation"
+        data-name="alarm-filled"
+        name="alarm-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        animation
+        alarm-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="anticlockwise"
-        name="anticlockwise"
+        data-name="alarm-off-filled"
+        name="alarm-off-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        anticlockwise
+        alarm-off-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="api"
-        name="api"
+        data-name="alarm-off"
+        name="alarm-off"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        api
+        alarm-off
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="app"
-        name="app"
+        data-name="alarm"
+        name="alarm"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        app
+        alarm
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="apple"
-        name="apple"
+        data-name="align-top"
+        name="align-top"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        apple
+        align-top
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="application"
-        name="application"
+        data-name="align-vertical"
+        name="align-vertical"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        application
+        align-vertical
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="architecture-hui-style"
-        name="architecture-hui-style"
+        data-name="alpha"
+        name="alpha"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        architecture-hui-style
+        alpha
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="archway-1"
-        name="archway-1"
+        data-name="analytics-filled"
+        name="analytics-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        archway-1
+        analytics-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="archway"
-        name="archway"
+        data-name="analytics"
+        name="analytics"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        archway
+        analytics
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-down-circle"
-        name="arrow-down-circle"
+        data-name="anchor"
+        name="anchor"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-down-circle
+        anchor
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-down-rectangle"
-        name="arrow-down-rectangle"
+        data-name="angry-filled"
+        name="angry-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-down-rectangle
+        angry-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-down"
-        name="arrow-down"
+        data-name="angry"
+        name="angry"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-down
+        angry
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-left-circle"
-        name="arrow-left-circle"
+        data-name="animation-1-filled"
+        name="animation-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-left-circle
+        animation-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-left-down-circle"
-        name="arrow-left-down-circle"
+        data-name="animation-1"
+        name="animation-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-left-down-circle
+        animation-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-left-down"
-        name="arrow-left-down"
+        data-name="animation-filled"
+        name="animation-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-left-down
+        animation-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-left-right-1"
-        name="arrow-left-right-1"
+        data-name="animation"
+        name="animation"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-left-right-1
+        animation
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-left-right-2"
-        name="arrow-left-right-2"
+        data-name="anticlockwise-filled"
+        name="anticlockwise-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-left-right-2
+        anticlockwise-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-left-right-3"
-        name="arrow-left-right-3"
+        data-name="anticlockwise"
+        name="anticlockwise"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-left-right-3
+        anticlockwise
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-left-right-circle"
-        name="arrow-left-right-circle"
+        data-name="api"
+        name="api"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-left-right-circle
+        api
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-left-up-circle"
-        name="arrow-left-up-circle"
+        data-name="app-filled"
+        name="app-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-left-up-circle
+        app-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-left-up"
-        name="arrow-left-up"
+        data-name="app"
+        name="app"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-left-up
+        app
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-left"
-        name="arrow-left"
+        data-name="apple-filled"
+        name="apple-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-left
+        apple-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-right-circle"
-        name="arrow-right-circle"
+        data-name="apple"
+        name="apple"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-right-circle
+        apple
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-right-down-circle"
-        name="arrow-right-down-circle"
+        data-name="application-filled"
+        name="application-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-right-down-circle
+        application-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-right-down"
-        name="arrow-right-down"
+        data-name="application"
+        name="application"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-right-down
+        application
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-right-up-circle"
-        name="arrow-right-up-circle"
+        data-name="architecture-hui-style-filled"
+        name="architecture-hui-style-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-right-up-circle
+        architecture-hui-style-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-right-up"
-        name="arrow-right-up"
+        data-name="architecture-hui-style"
+        name="architecture-hui-style"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-right-up
+        architecture-hui-style
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-right"
-        name="arrow-right"
+        data-name="archway-1-filled"
+        name="archway-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-right
+        archway-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-triangle-down-filled"
-        name="arrow-triangle-down-filled"
+        data-name="archway-1"
+        name="archway-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-triangle-down-filled
+        archway-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-triangle-down"
-        name="arrow-triangle-down"
+        data-name="archway-filled"
+        name="archway-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-triangle-down
+        archway-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-triangle-up-filled"
-        name="arrow-triangle-up-filled"
+        data-name="archway"
+        name="archway"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-triangle-up-filled
+        archway
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-triangle-up"
-        name="arrow-triangle-up"
+        data-name="arrow-down-circle-filled"
+        name="arrow-down-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-triangle-up
+        arrow-down-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-up-circle"
-        name="arrow-up-circle"
+        data-name="arrow-down-circle"
+        name="arrow-down-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-up-circle
+        arrow-down-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-up-down-1"
-        name="arrow-up-down-1"
+        data-name="arrow-down-rectangle-filled"
+        name="arrow-down-rectangle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-up-down-1
+        arrow-down-rectangle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-up-down-2"
-        name="arrow-up-down-2"
+        data-name="arrow-down-rectangle"
+        name="arrow-down-rectangle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-up-down-2
+        arrow-down-rectangle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-up-down-3"
-        name="arrow-up-down-3"
+        data-name="arrow-down"
+        name="arrow-down"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-up-down-3
+        arrow-down
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-up-down-circle"
-        name="arrow-up-down-circle"
+        data-name="arrow-left-circle-filled"
+        name="arrow-left-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-up-down-circle
+        arrow-left-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="arrow-up"
-        name="arrow-up"
+        data-name="arrow-left-circle"
+        name="arrow-left-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        arrow-up
+        arrow-left-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="artboard"
-        name="artboard"
+        data-name="arrow-left-down-circle-filled"
+        name="arrow-left-down-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        artboard
+        arrow-left-down-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="article"
-        name="article"
+        data-name="arrow-left-down-circle"
+        name="arrow-left-down-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        article
+        arrow-left-down-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="assignment-checked"
-        name="assignment-checked"
+        data-name="arrow-left-down"
+        name="arrow-left-down"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        assignment-checked
+        arrow-left-down
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="assignment-code"
-        name="assignment-code"
+        data-name="arrow-left-right-1"
+        name="arrow-left-right-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        assignment-code
+        arrow-left-right-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="assignment-error"
-        name="assignment-error"
+        data-name="arrow-left-right-2"
+        name="arrow-left-right-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        assignment-error
+        arrow-left-right-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="assignment-user"
-        name="assignment-user"
+        data-name="arrow-left-right-3"
+        name="arrow-left-right-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        assignment-user
+        arrow-left-right-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="assignment"
-        name="assignment"
+        data-name="arrow-left-right-circle-filled"
+        name="arrow-left-right-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        assignment
+        arrow-left-right-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="attach"
-        name="attach"
+        data-name="arrow-left-right-circle"
+        name="arrow-left-right-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        attach
+        arrow-left-right-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="attic-1"
-        name="attic-1"
+        data-name="arrow-left-up-circle-filled"
+        name="arrow-left-up-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        attic-1
+        arrow-left-up-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="attic"
-        name="attic"
+        data-name="arrow-left-up-circle"
+        name="arrow-left-up-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        attic
+        arrow-left-up-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="audio"
-        name="audio"
+        data-name="arrow-left-up"
+        name="arrow-left-up"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        audio
+        arrow-left-up
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="awkward"
-        name="awkward"
+        data-name="arrow-left"
+        name="arrow-left"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        awkward
+        arrow-left
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="backtop-rectangle"
-        name="backtop-rectangle"
+        data-name="arrow-right-circle-filled"
+        name="arrow-right-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        backtop-rectangle
+        arrow-right-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="backtop"
-        name="backtop"
+        data-name="arrow-right-circle"
+        name="arrow-right-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        backtop
+        arrow-right-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="backup"
-        name="backup"
+        data-name="arrow-right-down-circle-filled"
+        name="arrow-right-down-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        backup
+        arrow-right-down-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="backward"
-        name="backward"
+        data-name="arrow-right-down-circle"
+        name="arrow-right-down-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        backward
+        arrow-right-down-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bad-laugh"
-        name="bad-laugh"
+        data-name="arrow-right-down"
+        name="arrow-right-down"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bad-laugh
+        arrow-right-down
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bamboo-shoot"
-        name="bamboo-shoot"
+        data-name="arrow-right-up-circle-filled"
+        name="arrow-right-up-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bamboo-shoot
+        arrow-right-up-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="banana"
-        name="banana"
+        data-name="arrow-right-up-circle"
+        name="arrow-right-up-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        banana
+        arrow-right-up-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="barbecue"
-        name="barbecue"
+        data-name="arrow-right-up"
+        name="arrow-right-up"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        barbecue
+        arrow-right-up
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="barcode-1"
-        name="barcode-1"
+        data-name="arrow-right"
+        name="arrow-right"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        barcode-1
+        arrow-right
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="barcode"
-        name="barcode"
+        data-name="arrow-triangle-down-filled"
+        name="arrow-triangle-down-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        barcode
+        arrow-triangle-down-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="base-station"
-        name="base-station"
+        data-name="arrow-triangle-down"
+        name="arrow-triangle-down"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        base-station
+        arrow-triangle-down
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="battery-add"
-        name="battery-add"
+        data-name="arrow-triangle-up-filled"
+        name="arrow-triangle-up-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        battery-add
+        arrow-triangle-up-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="battery-charging"
-        name="battery-charging"
+        data-name="arrow-triangle-up"
+        name="arrow-triangle-up"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        battery-charging
+        arrow-triangle-up
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="battery-low"
-        name="battery-low"
+        data-name="arrow-up-circle-filled"
+        name="arrow-up-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        battery-low
+        arrow-up-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="battery"
-        name="battery"
+        data-name="arrow-up-circle"
+        name="arrow-up-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        battery
+        arrow-up-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bean"
-        name="bean"
+        data-name="arrow-up-down-1"
+        name="arrow-up-down-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bean
+        arrow-up-down-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="beer"
-        name="beer"
+        data-name="arrow-up-down-2"
+        name="arrow-up-down-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        beer
+        arrow-up-down-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="beta"
-        name="beta"
+        data-name="arrow-up-down-3"
+        name="arrow-up-down-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        beta
+        arrow-up-down-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bifurcate"
-        name="bifurcate"
+        data-name="arrow-up-down-circle-filled"
+        name="arrow-up-down-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bifurcate
+        arrow-up-down-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bill"
-        name="bill"
+        data-name="arrow-up-down-circle"
+        name="arrow-up-down-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bill
+        arrow-up-down-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="blockchain"
-        name="blockchain"
+        data-name="arrow-up"
+        name="arrow-up"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        blockchain
+        arrow-up
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bluetooth"
-        name="bluetooth"
+        data-name="artboard"
+        name="artboard"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bluetooth
+        artboard
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bone"
-        name="bone"
+        data-name="article-filled"
+        name="article-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bone
+        article-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="book-open"
-        name="book-open"
+        data-name="article"
+        name="article"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        book-open
+        article
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="book"
-        name="book"
+        data-name="assignment-checked-filled"
+        name="assignment-checked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        book
+        assignment-checked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bookmark-add"
-        name="bookmark-add"
+        data-name="assignment-checked"
+        name="assignment-checked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bookmark-add
+        assignment-checked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bookmark-checked"
-        name="bookmark-checked"
+        data-name="assignment-code-filled"
+        name="assignment-code-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bookmark-checked
+        assignment-code-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bookmark-double"
-        name="bookmark-double"
+        data-name="assignment-code"
+        name="assignment-code"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bookmark-double
+        assignment-code
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bookmark-minus"
-        name="bookmark-minus"
+        data-name="assignment-error-filled"
+        name="assignment-error-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bookmark-minus
+        assignment-error-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bookmark"
-        name="bookmark"
+        data-name="assignment-error"
+        name="assignment-error"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bookmark
+        assignment-error
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="braces"
-        name="braces"
+        data-name="assignment-filled"
+        name="assignment-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        braces
+        assignment-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="brackets"
-        name="brackets"
+        data-name="assignment-user-filled"
+        name="assignment-user-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        brackets
+        assignment-user-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bread"
-        name="bread"
+        data-name="assignment-user"
+        name="assignment-user"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bread
+        assignment-user
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bridge-1"
-        name="bridge-1"
+        data-name="assignment"
+        name="assignment"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bridge-1
+        assignment
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bridge-2"
-        name="bridge-2"
+        data-name="attach"
+        name="attach"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bridge-2
+        attach
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bridge-3"
-        name="bridge-3"
+        data-name="attic-1-filled"
+        name="attic-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bridge-3
+        attic-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bridge-4"
-        name="bridge-4"
+        data-name="attic-1"
+        name="attic-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bridge-4
+        attic-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bridge-5"
-        name="bridge-5"
+        data-name="attic-filled"
+        name="attic-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bridge-5
+        attic-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bridge-6"
-        name="bridge-6"
+        data-name="attic"
+        name="attic"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bridge-6
+        attic
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bridge"
-        name="bridge"
+        data-name="audio-filled"
+        name="audio-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bridge
+        audio-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="brightness-1"
-        name="brightness-1"
+        data-name="audio"
+        name="audio"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        brightness-1
+        audio
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="brightness"
-        name="brightness"
+        data-name="awkward-filled"
+        name="awkward-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        brightness
+        awkward-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="broccoli"
-        name="broccoli"
+        data-name="awkward"
+        name="awkward"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        broccoli
+        awkward
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="browse-gallery"
-        name="browse-gallery"
+        data-name="backtop-rectangle-filled"
+        name="backtop-rectangle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        browse-gallery
+        backtop-rectangle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="browse-off"
-        name="browse-off"
+        data-name="backtop-rectangle"
+        name="backtop-rectangle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        browse-off
+        backtop-rectangle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="browse"
-        name="browse"
+        data-name="backtop"
+        name="backtop"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        browse
+        backtop
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="brush"
-        name="brush"
+        data-name="backup-filled"
+        name="backup-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        brush
+        backup-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bug-report"
-        name="bug-report"
+        data-name="backup"
+        name="backup"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bug-report
+        backup
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bug"
-        name="bug"
+        data-name="backward-filled"
+        name="backward-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bug
+        backward-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="building-1"
-        name="building-1"
+        data-name="backward"
+        name="backward"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        building-1
+        backward
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="building-2"
-        name="building-2"
+        data-name="bad-laugh-filled"
+        name="bad-laugh-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        building-2
+        bad-laugh-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="building-3"
-        name="building-3"
+        data-name="bad-laugh"
+        name="bad-laugh"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        building-3
+        bad-laugh
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="building-4"
-        name="building-4"
+        data-name="bamboo-shoot-filled"
+        name="bamboo-shoot-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        building-4
+        bamboo-shoot-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="building-5"
-        name="building-5"
+        data-name="bamboo-shoot"
+        name="bamboo-shoot"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        building-5
+        bamboo-shoot
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="building"
-        name="building"
+        data-name="banana-filled"
+        name="banana-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        building
+        banana-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="bulletpoint"
-        name="bulletpoint"
+        data-name="banana"
+        name="banana"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        bulletpoint
+        banana
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="button"
-        name="button"
+        data-name="barbecue-filled"
+        name="barbecue-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        button
+        barbecue-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cabbage"
-        name="cabbage"
+        data-name="barbecue"
+        name="barbecue"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cabbage
+        barbecue
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cake"
-        name="cake"
+        data-name="barcode-1"
+        name="barcode-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cake
+        barcode-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="calculation-1"
-        name="calculation-1"
+        data-name="barcode"
+        name="barcode"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        calculation-1
+        barcode
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="calculation"
-        name="calculation"
+        data-name="base-station"
+        name="base-station"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        calculation
+        base-station
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="calculator-1"
-        name="calculator-1"
+        data-name="battery-add-filled"
+        name="battery-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        calculator-1
+        battery-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="calculator"
-        name="calculator"
+        data-name="battery-add"
+        name="battery-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        calculator
+        battery-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="calendar-1"
-        name="calendar-1"
+        data-name="battery-charging-filled"
+        name="battery-charging-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        calendar-1
+        battery-charging-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="calendar-2"
-        name="calendar-2"
+        data-name="battery-charging"
+        name="battery-charging"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        calendar-2
+        battery-charging
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="calendar-edit"
-        name="calendar-edit"
+        data-name="battery-filled"
+        name="battery-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        calendar-edit
+        battery-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="calendar-event"
-        name="calendar-event"
+        data-name="battery-low-filled"
+        name="battery-low-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        calendar-event
+        battery-low-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="calendar"
-        name="calendar"
+        data-name="battery-low"
+        name="battery-low"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        calendar
+        battery-low
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="call-1"
-        name="call-1"
+        data-name="battery"
+        name="battery"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        call-1
+        battery
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="call-cancel"
-        name="call-cancel"
+        data-name="bean-filled"
+        name="bean-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        call-cancel
+        bean-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="call-forwarded"
-        name="call-forwarded"
+        data-name="bean"
+        name="bean"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        call-forwarded
+        bean
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="call-incoming"
-        name="call-incoming"
+        data-name="beer-filled"
+        name="beer-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        call-incoming
+        beer-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="call-off"
-        name="call-off"
+        data-name="beer"
+        name="beer"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        call-off
+        beer
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="call"
-        name="call"
+        data-name="beta"
+        name="beta"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        call
+        beta
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="calm-1"
-        name="calm-1"
+        data-name="bifurcate-filled"
+        name="bifurcate-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        calm-1
+        bifurcate-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="calm"
-        name="calm"
+        data-name="bifurcate"
+        name="bifurcate"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        calm
+        bifurcate
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="camera-1"
-        name="camera-1"
+        data-name="bill-filled"
+        name="bill-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        camera-1
+        bill-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="camera-2"
-        name="camera-2"
+        data-name="bill"
+        name="bill"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        camera-2
+        bill
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="camera-off"
-        name="camera-off"
+        data-name="bluetooth"
+        name="bluetooth"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        camera-off
+        bluetooth
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="camera"
-        name="camera"
+        data-name="bone-filled"
+        name="bone-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        camera
+        bone-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="candy"
-        name="candy"
+        data-name="bone"
+        name="bone"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        candy
+        bone
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="card"
-        name="card"
+        data-name="book-filled"
+        name="book-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        card
+        book-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cardmembership"
-        name="cardmembership"
+        data-name="book-open-filled"
+        name="book-open-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cardmembership
+        book-open-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="caret-down-small"
-        name="caret-down-small"
+        data-name="book-open"
+        name="book-open"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        caret-down-small
+        book-open
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="caret-down"
-        name="caret-down"
+        data-name="book-unknown-filled"
+        name="book-unknown-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        caret-down
+        book-unknown-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="caret-left-small"
-        name="caret-left-small"
+        data-name="book-unknown"
+        name="book-unknown"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        caret-left-small
+        book-unknown
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="caret-left"
-        name="caret-left"
+        data-name="book"
+        name="book"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        caret-left
+        book
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="caret-right-small"
-        name="caret-right-small"
+        data-name="bookmark-add-filled"
+        name="bookmark-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        caret-right-small
+        bookmark-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="caret-right"
-        name="caret-right"
+        data-name="bookmark-add"
+        name="bookmark-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        caret-right
+        bookmark-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="caret-up-small"
-        name="caret-up-small"
+        data-name="bookmark-checked-filled"
+        name="bookmark-checked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        caret-up-small
+        bookmark-checked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="caret-up"
-        name="caret-up"
+        data-name="bookmark-checked"
+        name="bookmark-checked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        caret-up
+        bookmark-checked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cart-add"
-        name="cart-add"
+        data-name="bookmark-double-filled"
+        name="bookmark-double-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cart-add
+        bookmark-double-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cart"
-        name="cart"
+        data-name="bookmark-double"
+        name="bookmark-double"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cart
+        bookmark-double
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cast"
-        name="cast"
+        data-name="bookmark-filled"
+        name="bookmark-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cast
+        bookmark-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="castle-1"
-        name="castle-1"
+        data-name="bookmark-minus-filled"
+        name="bookmark-minus-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        castle-1
+        bookmark-minus-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="castle-2"
-        name="castle-2"
+        data-name="bookmark-minus"
+        name="bookmark-minus"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        castle-2
+        bookmark-minus
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="castle-3"
-        name="castle-3"
+        data-name="bookmark"
+        name="bookmark"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        castle-3
+        bookmark
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="castle-4"
-        name="castle-4"
+        data-name="braces"
+        name="braces"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        castle-4
+        braces
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="castle-5"
-        name="castle-5"
+        data-name="brackets"
+        name="brackets"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        castle-5
+        brackets
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="castle-6"
-        name="castle-6"
+        data-name="bread-filled"
+        name="bread-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        castle-6
+        bread-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="castle-7"
-        name="castle-7"
+        data-name="bread"
+        name="bread"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        castle-7
+        bread
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="castle"
-        name="castle"
+        data-name="bridge-1-filled"
+        name="bridge-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        castle
+        bridge-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cat"
-        name="cat"
+        data-name="bridge-1"
+        name="bridge-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cat
+        bridge-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="catalog"
-        name="catalog"
+        data-name="bridge-2-filled"
+        name="bridge-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        catalog
+        bridge-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cd"
-        name="cd"
+        data-name="bridge-2"
+        name="bridge-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cd
+        bridge-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="celsius"
-        name="celsius"
+        data-name="bridge-3"
+        name="bridge-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        celsius
+        bridge-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="center-focus-strong"
-        name="center-focus-strong"
+        data-name="bridge-4"
+        name="bridge-4"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        center-focus-strong
+        bridge-4
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="centimeter"
-        name="centimeter"
+        data-name="bridge-5-filled"
+        name="bridge-5-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        centimeter
+        bridge-5-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="certificate-1"
-        name="certificate-1"
+        data-name="bridge-5"
+        name="bridge-5"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        certificate-1
+        bridge-5
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="certificate"
-        name="certificate"
+        data-name="bridge-6-filled"
+        name="bridge-6-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        certificate
+        bridge-6-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-3d"
-        name="chart-3d"
+        data-name="bridge-6"
+        name="bridge-6"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-3d
+        bridge-6
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-add"
-        name="chart-add"
+        data-name="bridge"
+        name="bridge"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-add
+        bridge
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-analytics"
-        name="chart-analytics"
+        data-name="brightness-1-filled"
+        name="brightness-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-analytics
+        brightness-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-area-multi"
-        name="chart-area-multi"
+        data-name="brightness-1"
+        name="brightness-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-area-multi
+        brightness-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-area"
-        name="chart-area"
+        data-name="brightness-filled"
+        name="brightness-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-area
+        brightness-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-bar"
-        name="chart-bar"
+        data-name="brightness"
+        name="brightness"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-bar
+        brightness
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-bubble"
-        name="chart-bubble"
+        data-name="broccoli-filled"
+        name="broccoli-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-bubble
+        broccoli-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-column"
-        name="chart-column"
+        data-name="broccoli"
+        name="broccoli"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-column
+        broccoli
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-combo"
-        name="chart-combo"
+        data-name="browse-filled"
+        name="browse-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-combo
+        browse-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-line-data-1"
-        name="chart-line-data-1"
+        data-name="browse-gallery-filled"
+        name="browse-gallery-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-line-data-1
+        browse-gallery-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-line-data"
-        name="chart-line-data"
+        data-name="browse-gallery"
+        name="browse-gallery"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-line-data
+        browse-gallery
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-line-multi"
-        name="chart-line-multi"
+        data-name="browse-off-filled"
+        name="browse-off-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-line-multi
+        browse-off-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-line"
-        name="chart-line"
+        data-name="browse-off"
+        name="browse-off"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-line
+        browse-off
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-maximum"
-        name="chart-maximum"
+        data-name="browse"
+        name="browse"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-maximum
+        browse
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-median"
-        name="chart-median"
+        data-name="brush-filled"
+        name="brush-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-median
+        brush-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-minimum"
-        name="chart-minimum"
+        data-name="brush"
+        name="brush"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-minimum
+        brush
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-pie"
-        name="chart-pie"
+        data-name="bug-filled"
+        name="bug-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-pie
+        bug-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-radar"
-        name="chart-radar"
+        data-name="bug-report-filled"
+        name="bug-report-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-radar
+        bug-report-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-radial"
-        name="chart-radial"
+        data-name="bug-report"
+        name="bug-report"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-radial
+        bug-report
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-ring-1"
-        name="chart-ring-1"
+        data-name="bug"
+        name="bug"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-ring-1
+        bug
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-ring"
-        name="chart-ring"
+        data-name="building-1-filled"
+        name="building-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-ring
+        building-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-scatter"
-        name="chart-scatter"
+        data-name="building-1"
+        name="building-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-scatter
+        building-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart-stacked"
-        name="chart-stacked"
+        data-name="building-2-filled"
+        name="building-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart-stacked
+        building-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chart"
-        name="chart"
+        data-name="building-2"
+        name="building-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chart
+        building-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-add"
-        name="chat-add"
+        data-name="building-3-filled"
+        name="building-3-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-add
+        building-3-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-bubble-1"
-        name="chat-bubble-1"
+        data-name="building-3"
+        name="building-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-bubble-1
+        building-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-bubble-add"
-        name="chat-bubble-add"
+        data-name="building-4-filled"
+        name="building-4-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-bubble-add
+        building-4-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-bubble-error"
-        name="chat-bubble-error"
+        data-name="building-4"
+        name="building-4"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-bubble-error
+        building-4
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-bubble-help"
-        name="chat-bubble-help"
+        data-name="building-5-filled"
+        name="building-5-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-bubble-help
+        building-5-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-bubble-history"
-        name="chat-bubble-history"
+        data-name="building-5"
+        name="building-5"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-bubble-history
+        building-5
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-bubble-locked"
-        name="chat-bubble-locked"
+        data-name="building-filled"
+        name="building-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-bubble-locked
+        building-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-bubble-smile"
-        name="chat-bubble-smile"
+        data-name="building"
+        name="building"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-bubble-smile
+        building
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-bubble"
-        name="chat-bubble"
+        data-name="bulletpoint"
+        name="bulletpoint"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-bubble
+        bulletpoint
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-checked"
-        name="chat-checked"
+        data-name="button-filled"
+        name="button-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-checked
+        button-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-clear"
-        name="chat-clear"
+        data-name="button"
+        name="button"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-clear
+        button
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-double"
-        name="chat-double"
+        data-name="cabbage-filled"
+        name="cabbage-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-double
+        cabbage-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-error"
-        name="chat-error"
+        data-name="cabbage"
+        name="cabbage"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-error
+        cabbage
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-heart"
-        name="chat-heart"
+        data-name="cake-filled"
+        name="cake-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-heart
+        cake-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-message"
-        name="chat-message"
+        data-name="cake"
+        name="cake"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-message
+        cake
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-off"
-        name="chat-off"
+        data-name="calculation-1-filled"
+        name="calculation-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-off
+        calculation-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-poll"
-        name="chat-poll"
+        data-name="calculation-1"
+        name="calculation-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-poll
+        calculation-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat-setting"
-        name="chat-setting"
+        data-name="calculation"
+        name="calculation"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat-setting
+        calculation
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chat"
-        name="chat"
+        data-name="calculator-1"
+        name="calculator-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chat
+        calculator-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="check-circle-filled"
-        name="check-circle-filled"
+        data-name="calculator-filled"
+        name="calculator-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        check-circle-filled
+        calculator-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="check-circle"
-        name="check-circle"
+        data-name="calculator"
+        name="calculator"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        check-circle
+        calculator
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="check-double"
-        name="check-double"
+        data-name="calendar-1-filled"
+        name="calendar-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        check-double
+        calendar-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="check-rectangle-filled"
-        name="check-rectangle-filled"
+        data-name="calendar-1"
+        name="calendar-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        check-rectangle-filled
+        calendar-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="check-rectangle"
-        name="check-rectangle"
+        data-name="calendar-2-filled"
+        name="calendar-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        check-rectangle
+        calendar-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="check"
-        name="check"
+        data-name="calendar-2"
+        name="calendar-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        check
+        calendar-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cheese"
-        name="cheese"
+        data-name="calendar-edit-filled"
+        name="calendar-edit-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cheese
+        calendar-edit-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cherry"
-        name="cherry"
+        data-name="calendar-edit"
+        name="calendar-edit"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cherry
+        calendar-edit
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-down-circle"
-        name="chevron-down-circle"
+        data-name="calendar-event-filled"
+        name="calendar-event-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-down-circle
+        calendar-event-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-down-double-s"
-        name="chevron-down-double-s"
+        data-name="calendar-event"
+        name="calendar-event"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-down-double-s
+        calendar-event
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-down-double"
-        name="chevron-down-double"
+        data-name="calendar-filled"
+        name="calendar-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-down-double
+        calendar-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-down-rectangle"
-        name="chevron-down-rectangle"
+        data-name="calendar"
+        name="calendar"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-down-rectangle
+        calendar
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-down-s"
-        name="chevron-down-s"
+        data-name="call-1-filled"
+        name="call-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-down-s
+        call-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-down"
-        name="chevron-down"
+        data-name="call-1"
+        name="call-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-down
+        call-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-left-circle"
-        name="chevron-left-circle"
+        data-name="call-cancel-filled"
+        name="call-cancel-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-left-circle
+        call-cancel-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-left-double-s"
-        name="chevron-left-double-s"
+        data-name="call-cancel"
+        name="call-cancel"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-left-double-s
+        call-cancel
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-left-double"
-        name="chevron-left-double"
+        data-name="call-filled"
+        name="call-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-left-double
+        call-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-left-rectangle"
-        name="chevron-left-rectangle"
+        data-name="call-forwarded-filled"
+        name="call-forwarded-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-left-rectangle
+        call-forwarded-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-left-s"
-        name="chevron-left-s"
+        data-name="call-forwarded"
+        name="call-forwarded"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-left-s
+        call-forwarded
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-left"
-        name="chevron-left"
+        data-name="call-incoming-filled"
+        name="call-incoming-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-left
+        call-incoming-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-right-circle"
-        name="chevron-right-circle"
+        data-name="call-incoming"
+        name="call-incoming"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-right-circle
+        call-incoming
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-right-double-s"
-        name="chevron-right-double-s"
+        data-name="call-off-filled"
+        name="call-off-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-right-double-s
+        call-off-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-right-double"
-        name="chevron-right-double"
+        data-name="call-off"
+        name="call-off"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-right-double
+        call-off
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-right-rectangle"
-        name="chevron-right-rectangle"
+        data-name="call"
+        name="call"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-right-rectangle
+        call
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-right-s"
-        name="chevron-right-s"
+        data-name="calm-1-filled"
+        name="calm-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-right-s
+        calm-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-right"
-        name="chevron-right"
+        data-name="calm-1"
+        name="calm-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-right
+        calm-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-up-circle"
-        name="chevron-up-circle"
+        data-name="calm-filled"
+        name="calm-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-up-circle
+        calm-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-up-double-s"
-        name="chevron-up-double-s"
+        data-name="calm"
+        name="calm"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-up-double-s
+        calm
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-up-double"
-        name="chevron-up-double"
+        data-name="camera-1-filled"
+        name="camera-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-up-double
+        camera-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-up-rectangle"
-        name="chevron-up-rectangle"
+        data-name="camera-1"
+        name="camera-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-up-rectangle
+        camera-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-up-s"
-        name="chevron-up-s"
+        data-name="camera-2-filled"
+        name="camera-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-up-s
+        camera-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chevron-up"
-        name="chevron-up"
+        data-name="camera-2"
+        name="camera-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chevron-up
+        camera-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chicken"
-        name="chicken"
+        data-name="camera-filled"
+        name="camera-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chicken
+        camera-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chili"
-        name="chili"
+        data-name="camera-off-filled"
+        name="camera-off-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chili
+        camera-off-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chimney-1"
-        name="chimney-1"
+        data-name="camera-off"
+        name="camera-off"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chimney-1
+        camera-off
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chimney-2"
-        name="chimney-2"
+        data-name="camera"
+        name="camera"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chimney-2
+        camera
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chimney"
-        name="chimney"
+        data-name="candy-filled"
+        name="candy-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chimney
+        candy-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="chinese-cabbage"
-        name="chinese-cabbage"
+        data-name="candy"
+        name="candy"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        chinese-cabbage
+        candy
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="church"
-        name="church"
+        data-name="card-filled"
+        name="card-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        church
+        card-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="circle"
-        name="circle"
+        data-name="card"
+        name="card"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        circle
+        card
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-1"
-        name="city-1"
+        data-name="cardmembership-filled"
+        name="cardmembership-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-1
+        cardmembership-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-10"
-        name="city-10"
+        data-name="cardmembership"
+        name="cardmembership"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-10
+        cardmembership
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-11"
-        name="city-11"
+        data-name="caret-down-small"
+        name="caret-down-small"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-11
+        caret-down-small
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-12"
-        name="city-12"
+        data-name="caret-down"
+        name="caret-down"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-12
+        caret-down
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-13"
-        name="city-13"
+        data-name="caret-left-small"
+        name="caret-left-small"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-13
+        caret-left-small
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-14"
-        name="city-14"
+        data-name="caret-left"
+        name="caret-left"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-14
+        caret-left
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-15"
-        name="city-15"
+        data-name="caret-right-small"
+        name="caret-right-small"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-15
+        caret-right-small
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-2"
-        name="city-2"
+        data-name="caret-right"
+        name="caret-right"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-2
+        caret-right
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-3"
-        name="city-3"
+        data-name="caret-up-small"
+        name="caret-up-small"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-3
+        caret-up-small
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-4"
-        name="city-4"
+        data-name="caret-up"
+        name="caret-up"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-4
+        caret-up
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-5"
-        name="city-5"
+        data-name="cart-add-filled"
+        name="cart-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-5
+        cart-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-6"
-        name="city-6"
+        data-name="cart-add"
+        name="cart-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-6
+        cart-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-7"
-        name="city-7"
+        data-name="cart-filled"
+        name="cart-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-7
+        cart-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-8"
-        name="city-8"
+        data-name="cart"
+        name="cart"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-8
+        cart
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-9"
-        name="city-9"
+        data-name="cast-filled"
+        name="cast-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-9
+        cast-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-ancient-1"
-        name="city-ancient-1"
+        data-name="cast"
+        name="cast"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-ancient-1
+        cast
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-ancient-2"
-        name="city-ancient-2"
+        data-name="castle-1-filled"
+        name="castle-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-ancient-2
+        castle-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city-ancient"
-        name="city-ancient"
+        data-name="castle-1"
+        name="castle-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city-ancient
+        castle-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="city"
-        name="city"
+        data-name="castle-2-filled"
+        name="castle-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        city
+        castle-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="clear-formatting-1"
-        name="clear-formatting-1"
+        data-name="castle-2"
+        name="castle-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        clear-formatting-1
+        castle-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="clear-formatting"
-        name="clear-formatting"
+        data-name="castle-3-filled"
+        name="castle-3-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        clear-formatting
+        castle-3-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="clear"
-        name="clear"
+        data-name="castle-3"
+        name="castle-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        clear
+        castle-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="close-circle-filled"
-        name="close-circle-filled"
+        data-name="castle-4-filled"
+        name="castle-4-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        close-circle-filled
+        castle-4-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="close-circle"
-        name="close-circle"
+        data-name="castle-4"
+        name="castle-4"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        close-circle
+        castle-4
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="close-octagon"
-        name="close-octagon"
+        data-name="castle-5-filled"
+        name="castle-5-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        close-octagon
+        castle-5-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="close-rectangle"
-        name="close-rectangle"
+        data-name="castle-5"
+        name="castle-5"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        close-rectangle
+        castle-5
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="close"
-        name="close"
+        data-name="castle-6-filled"
+        name="castle-6-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        close
+        castle-6-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cloud-download"
-        name="cloud-download"
+        data-name="castle-6"
+        name="castle-6"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cloud-download
+        castle-6
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cloud-upload"
-        name="cloud-upload"
+        data-name="castle-7-filled"
+        name="castle-7-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cloud-upload
+        castle-7-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cloud"
-        name="cloud"
+        data-name="castle-7"
+        name="castle-7"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cloud
+        castle-7
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cloudy-day"
-        name="cloudy-day"
+        data-name="castle-filled"
+        name="castle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cloudy-day
+        castle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cloudy-night-rain"
-        name="cloudy-night-rain"
+        data-name="castle"
+        name="castle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cloudy-night-rain
+        castle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cloudy-night"
-        name="cloudy-night"
+        data-name="cat-filled"
+        name="cat-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cloudy-night
+        cat-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cloudy-rain"
-        name="cloudy-rain"
+        data-name="cat"
+        name="cat"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cloudy-rain
+        cat
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cloudy-sunny"
-        name="cloudy-sunny"
+        data-name="catalog-filled"
+        name="catalog-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cloudy-sunny
+        catalog-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="code-1"
-        name="code-1"
+        data-name="catalog"
+        name="catalog"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        code-1
+        catalog
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="code-off"
-        name="code-off"
+        data-name="cd-filled"
+        name="cd-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        code-off
+        cd-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="code"
-        name="code"
+        data-name="cd"
+        name="cd"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        code
+        cd
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cola"
-        name="cola"
+        data-name="celsius"
+        name="celsius"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cola
+        celsius
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="collage"
-        name="collage"
+        data-name="center-focus-strong-filled"
+        name="center-focus-strong-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        collage
+        center-focus-strong-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="collection"
-        name="collection"
+        data-name="center-focus-strong"
+        name="center-focus-strong"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        collection
+        center-focus-strong
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="color-invert"
-        name="color-invert"
+        data-name="centimeter"
+        name="centimeter"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        color-invert
+        centimeter
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="combination"
-        name="combination"
+        data-name="certificate-1-filled"
+        name="certificate-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        combination
+        certificate-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="command"
-        name="command"
+        data-name="certificate-1"
+        name="certificate-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        command
+        certificate-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="compass-1"
-        name="compass-1"
+        data-name="certificate-filled"
+        name="certificate-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        compass-1
+        certificate-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="compass"
-        name="compass"
+        data-name="certificate"
+        name="certificate"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        compass
+        certificate
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-breadcrumb"
-        name="component-breadcrumb"
+        data-name="chart-3d-filled"
+        name="chart-3d-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-breadcrumb
+        chart-3d-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-checkbox"
-        name="component-checkbox"
+        data-name="chart-3d"
+        name="chart-3d"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-checkbox
+        chart-3d
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-divider-horizontal"
-        name="component-divider-horizontal"
+        data-name="chart-add-filled"
+        name="chart-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-divider-horizontal
+        chart-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-divider-vertical"
-        name="component-divider-vertical"
+        data-name="chart-add"
+        name="chart-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-divider-vertical
+        chart-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-dropdown"
-        name="component-dropdown"
+        data-name="chart-analytics"
+        name="chart-analytics"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-dropdown
+        chart-analytics
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-grid"
-        name="component-grid"
+        data-name="chart-area-filled"
+        name="chart-area-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-grid
+        chart-area-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-input"
-        name="component-input"
+        data-name="chart-area-multi-filled"
+        name="chart-area-multi-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-input
+        chart-area-multi-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-layout"
-        name="component-layout"
+        data-name="chart-area-multi"
+        name="chart-area-multi"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-layout
+        chart-area-multi
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-radio"
-        name="component-radio"
+        data-name="chart-area"
+        name="chart-area"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-radio
+        chart-area
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-space"
-        name="component-space"
+        data-name="chart-bar-filled"
+        name="chart-bar-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-space
+        chart-bar-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-steps"
-        name="component-steps"
+        data-name="chart-bar"
+        name="chart-bar"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-steps
+        chart-bar
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="component-switch"
-        name="component-switch"
+        data-name="chart-bubble-filled"
+        name="chart-bubble-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        component-switch
+        chart-bubble-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="constraint"
-        name="constraint"
+        data-name="chart-bubble"
+        name="chart-bubble"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        constraint
+        chart-bubble
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="contrast-1"
-        name="contrast-1"
+        data-name="chart-column-filled"
+        name="chart-column-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        contrast-1
+        chart-column-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="contrast"
-        name="contrast"
+        data-name="chart-column"
+        name="chart-column"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        contrast
+        chart-column
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="control-platform"
-        name="control-platform"
+        data-name="chart-combo-filled"
+        name="chart-combo-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        control-platform
+        chart-combo-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cooperate"
-        name="cooperate"
+        data-name="chart-combo"
+        name="chart-combo"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cooperate
+        chart-combo
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="coordinate-system"
-        name="coordinate-system"
+        data-name="chart-filled"
+        name="chart-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        coordinate-system
+        chart-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="copy"
-        name="copy"
+        data-name="chart-line-data-1"
+        name="chart-line-data-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        copy
+        chart-line-data-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="copyright"
-        name="copyright"
+        data-name="chart-line-data"
+        name="chart-line-data"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        copyright
+        chart-line-data
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="corn"
-        name="corn"
+        data-name="chart-line-multi"
+        name="chart-line-multi"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        corn
+        chart-line-multi
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="coupon"
-        name="coupon"
+        data-name="chart-line"
+        name="chart-line"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        coupon
+        chart-line
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="course"
-        name="course"
+        data-name="chart-maximum"
+        name="chart-maximum"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        course
+        chart-maximum
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cpu"
-        name="cpu"
+        data-name="chart-median"
+        name="chart-median"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cpu
+        chart-median
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="crack"
-        name="crack"
+        data-name="chart-minimum"
+        name="chart-minimum"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        crack
+        chart-minimum
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="creditcard-add"
-        name="creditcard-add"
+        data-name="chart-pie-filled"
+        name="chart-pie-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        creditcard-add
+        chart-pie-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="creditcard-off"
-        name="creditcard-off"
+        data-name="chart-pie"
+        name="chart-pie"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        creditcard-off
+        chart-pie
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="creditcard"
-        name="creditcard"
+        data-name="chart-radar-filled"
+        name="chart-radar-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        creditcard
+        chart-radar-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="crooked-smile"
-        name="crooked-smile"
+        data-name="chart-radar"
+        name="chart-radar"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        crooked-smile
+        chart-radar
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cry-and-laugh"
-        name="cry-and-laugh"
+        data-name="chart-radial"
+        name="chart-radial"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cry-and-laugh
+        chart-radial
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cry-loudly"
-        name="cry-loudly"
+        data-name="chart-ring-1-filled"
+        name="chart-ring-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cry-loudly
+        chart-ring-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="css3"
-        name="css3"
+        data-name="chart-ring-1"
+        name="chart-ring-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        css3
+        chart-ring-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cucumber"
-        name="cucumber"
+        data-name="chart-ring-filled"
+        name="chart-ring-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cucumber
+        chart-ring-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="currency-exchange"
-        name="currency-exchange"
+        data-name="chart-ring"
+        name="chart-ring"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        currency-exchange
+        chart-ring
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cursor"
-        name="cursor"
+        data-name="chart-scatter"
+        name="chart-scatter"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cursor
+        chart-scatter
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="curtain"
-        name="curtain"
+        data-name="chart-stacked-filled"
+        name="chart-stacked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        curtain
+        chart-stacked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="curve"
-        name="curve"
+        data-name="chart-stacked"
+        name="chart-stacked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        curve
+        chart-stacked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cut-1"
-        name="cut-1"
+        data-name="chart"
+        name="chart"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cut-1
+        chart
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="cut"
-        name="cut"
+        data-name="chat-add-filled"
+        name="chat-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        cut
+        chat-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dam-1"
-        name="dam-1"
+        data-name="chat-add"
+        name="chat-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dam-1
+        chat-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dam-2"
-        name="dam-2"
+        data-name="chat-bubble-1-filled"
+        name="chat-bubble-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dam-2
+        chat-bubble-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dam-3"
-        name="dam-3"
+        data-name="chat-bubble-1"
+        name="chat-bubble-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dam-3
+        chat-bubble-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dam-4"
-        name="dam-4"
+        data-name="chat-bubble-add-filled"
+        name="chat-bubble-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dam-4
+        chat-bubble-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dam-5"
-        name="dam-5"
+        data-name="chat-bubble-add"
+        name="chat-bubble-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dam-5
+        chat-bubble-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dam-6"
-        name="dam-6"
+        data-name="chat-bubble-error-filled"
+        name="chat-bubble-error-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dam-6
+        chat-bubble-error-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dam-7"
-        name="dam-7"
+        data-name="chat-bubble-error"
+        name="chat-bubble-error"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dam-7
+        chat-bubble-error
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dam"
-        name="dam"
+        data-name="chat-bubble-filled"
+        name="chat-bubble-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dam
+        chat-bubble-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dart-board"
-        name="dart-board"
+        data-name="chat-bubble-help-filled"
+        name="chat-bubble-help-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dart-board
+        chat-bubble-help-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dashboard-1"
-        name="dashboard-1"
+        data-name="chat-bubble-help"
+        name="chat-bubble-help"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dashboard-1
+        chat-bubble-help
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dashboard"
-        name="dashboard"
+        data-name="chat-bubble-history-filled"
+        name="chat-bubble-history-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dashboard
+        chat-bubble-history-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="data-base"
-        name="data-base"
+        data-name="chat-bubble-history"
+        name="chat-bubble-history"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        data-base
+        chat-bubble-history
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="data-checked"
-        name="data-checked"
+        data-name="chat-bubble-locked-filled"
+        name="chat-bubble-locked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        data-checked
+        chat-bubble-locked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="data-display"
-        name="data-display"
+        data-name="chat-bubble-locked"
+        name="chat-bubble-locked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        data-display
+        chat-bubble-locked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="data-error"
-        name="data-error"
+        data-name="chat-bubble-smile-filled"
+        name="chat-bubble-smile-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        data-error
+        chat-bubble-smile-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="data-search"
-        name="data-search"
+        data-name="chat-bubble-smile"
+        name="chat-bubble-smile"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        data-search
+        chat-bubble-smile
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="data"
-        name="data"
+        data-name="chat-bubble"
+        name="chat-bubble"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        data
+        chat-bubble
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="delete-1"
-        name="delete-1"
+        data-name="chat-checked-filled"
+        name="chat-checked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        delete-1
+        chat-checked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="delete-time"
-        name="delete-time"
+        data-name="chat-checked"
+        name="chat-checked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        delete-time
+        chat-checked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="delete"
-        name="delete"
+        data-name="chat-clear-filled"
+        name="chat-clear-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        delete
+        chat-clear-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="delta"
-        name="delta"
+        data-name="chat-clear"
+        name="chat-clear"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        delta
+        chat-clear
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="depressed"
-        name="depressed"
+        data-name="chat-double-filled"
+        name="chat-double-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        depressed
+        chat-double-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="desktop-1"
-        name="desktop-1"
+        data-name="chat-double"
+        name="chat-double"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        desktop-1
+        chat-double
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="desktop"
-        name="desktop"
+        data-name="chat-error-filled"
+        name="chat-error-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        desktop
+        chat-error-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="despise"
-        name="despise"
+        data-name="chat-error"
+        name="chat-error"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        despise
+        chat-error
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="device"
-        name="device"
+        data-name="chat-filled"
+        name="chat-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        device
+        chat-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="discount-filled"
-        name="discount-filled"
+        data-name="chat-heart-filled"
+        name="chat-heart-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        discount-filled
+        chat-heart-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="discount"
-        name="discount"
+        data-name="chat-heart"
+        name="chat-heart"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        discount
+        chat-heart
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dissatisfaction"
-        name="dissatisfaction"
+        data-name="chat-message-filled"
+        name="chat-message-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dissatisfaction
+        chat-message-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="divide"
-        name="divide"
+        data-name="chat-message"
+        name="chat-message"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        divide
+        chat-message
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dividers-1"
-        name="dividers-1"
+        data-name="chat-off-filled"
+        name="chat-off-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dividers-1
+        chat-off-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dividers"
-        name="dividers"
+        data-name="chat-off"
+        name="chat-off"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dividers
+        chat-off
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="doge"
-        name="doge"
+        data-name="chat-poll-filled"
+        name="chat-poll-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        doge
+        chat-poll-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="double-storey"
-        name="double-storey"
+        data-name="chat-poll"
+        name="chat-poll"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        double-storey
+        chat-poll
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="download-1"
+        data-name="chat-setting-filled"
+        name="chat-setting-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chat-setting-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chat-setting"
+        name="chat-setting"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chat-setting
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chat"
+        name="chat"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chat
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="check-circle-filled"
+        name="check-circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        check-circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="check-circle"
+        name="check-circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        check-circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="check-double"
+        name="check-double"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        check-double
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="check-rectangle-filled"
+        name="check-rectangle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        check-rectangle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="check-rectangle"
+        name="check-rectangle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        check-rectangle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="check"
+        name="check"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        check
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cheese-filled"
+        name="cheese-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cheese-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cheese"
+        name="cheese"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cheese
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cherry-filled"
+        name="cherry-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cherry-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cherry"
+        name="cherry"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cherry
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-down-circle-filled"
+        name="chevron-down-circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-down-circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-down-circle"
+        name="chevron-down-circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-down-circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-down-double-s"
+        name="chevron-down-double-s"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-down-double-s
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-down-double"
+        name="chevron-down-double"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-down-double
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-down-rectangle-filled"
+        name="chevron-down-rectangle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-down-rectangle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-down-rectangle"
+        name="chevron-down-rectangle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-down-rectangle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-down-s"
+        name="chevron-down-s"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-down-s
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-down"
+        name="chevron-down"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-down
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-left-circle-filled"
+        name="chevron-left-circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-left-circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-left-circle"
+        name="chevron-left-circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-left-circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-left-double-s"
+        name="chevron-left-double-s"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-left-double-s
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-left-double"
+        name="chevron-left-double"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-left-double
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-left-rectangle-filled"
+        name="chevron-left-rectangle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-left-rectangle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-left-rectangle"
+        name="chevron-left-rectangle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-left-rectangle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-left-s"
+        name="chevron-left-s"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-left-s
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-left"
+        name="chevron-left"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-left
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-right-circle-filled"
+        name="chevron-right-circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-right-circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-right-circle"
+        name="chevron-right-circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-right-circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-right-double-s"
+        name="chevron-right-double-s"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-right-double-s
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-right-double"
+        name="chevron-right-double"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-right-double
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-right-rectangle-filled"
+        name="chevron-right-rectangle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-right-rectangle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-right-rectangle"
+        name="chevron-right-rectangle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-right-rectangle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-right-s"
+        name="chevron-right-s"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-right-s
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-right"
+        name="chevron-right"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-right
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-up-circle-filled"
+        name="chevron-up-circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-up-circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-up-circle"
+        name="chevron-up-circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-up-circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-up-double-s"
+        name="chevron-up-double-s"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-up-double-s
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-up-double"
+        name="chevron-up-double"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-up-double
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-up-rectangle-filled"
+        name="chevron-up-rectangle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-up-rectangle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-up-rectangle"
+        name="chevron-up-rectangle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-up-rectangle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-up-s"
+        name="chevron-up-s"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-up-s
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chevron-up"
+        name="chevron-up"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chevron-up
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chicken"
+        name="chicken"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chicken
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chili-filled"
+        name="chili-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chili-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chili"
+        name="chili"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chili
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chimney-1-filled"
+        name="chimney-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chimney-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chimney-1"
+        name="chimney-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chimney-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chimney-2-filled"
+        name="chimney-2-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chimney-2-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chimney-2"
+        name="chimney-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chimney-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chimney-filled"
+        name="chimney-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chimney-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chimney"
+        name="chimney"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chimney
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chinese-cabbage-filled"
+        name="chinese-cabbage-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chinese-cabbage-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="chinese-cabbage"
+        name="chinese-cabbage"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        chinese-cabbage
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="church-filled"
+        name="church-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        church-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="church"
+        name="church"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        church
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="circle-filled"
+        name="circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="circle"
+        name="circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-1-filled"
+        name="city-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-1"
+        name="city-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-10-filled"
+        name="city-10-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-10-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-10"
+        name="city-10"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-10
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-11-filled"
+        name="city-11-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-11-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-11"
+        name="city-11"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-11
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-12-filled"
+        name="city-12-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-12-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-12"
+        name="city-12"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-12
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-13-filled"
+        name="city-13-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-13-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-13"
+        name="city-13"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-13
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-14-filled"
+        name="city-14-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-14-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-14"
+        name="city-14"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-14
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-15-filled"
+        name="city-15-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-15-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-15"
+        name="city-15"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-15
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-2-filled"
+        name="city-2-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-2-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-2"
+        name="city-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-3-filled"
+        name="city-3-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-3-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-3"
+        name="city-3"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-3
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-4-filled"
+        name="city-4-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-4-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-4"
+        name="city-4"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-4
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-5-filled"
+        name="city-5-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-5-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-5"
+        name="city-5"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-5
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-6-filled"
+        name="city-6-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-6-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-6"
+        name="city-6"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-6
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-7-filled"
+        name="city-7-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-7-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-7"
+        name="city-7"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-7
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-8-filled"
+        name="city-8-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-8-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-8"
+        name="city-8"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-8
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-9-filled"
+        name="city-9-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-9-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-9"
+        name="city-9"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-9
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-ancient-1-filled"
+        name="city-ancient-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-ancient-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-ancient-1"
+        name="city-ancient-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-ancient-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-ancient-2-filled"
+        name="city-ancient-2-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-ancient-2-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-ancient-2"
+        name="city-ancient-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-ancient-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-ancient-filled"
+        name="city-ancient-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-ancient-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-ancient"
+        name="city-ancient"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-ancient
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city-filled"
+        name="city-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="city"
+        name="city"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        city
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="clear-filled"
+        name="clear-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        clear-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="clear-formatting-1-filled"
+        name="clear-formatting-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        clear-formatting-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="clear-formatting-1"
+        name="clear-formatting-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        clear-formatting-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="clear-formatting-filled"
+        name="clear-formatting-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        clear-formatting-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="clear-formatting"
+        name="clear-formatting"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        clear-formatting
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="clear"
+        name="clear"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        clear
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="close-circle-filled"
+        name="close-circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        close-circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="close-circle"
+        name="close-circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        close-circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="close-octagon-filled"
+        name="close-octagon-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        close-octagon-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="close-octagon"
+        name="close-octagon"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        close-octagon
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="close-rectangle-filled"
+        name="close-rectangle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        close-rectangle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="close-rectangle"
+        name="close-rectangle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        close-rectangle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="close"
+        name="close"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        close
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloud-download"
+        name="cloud-download"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloud-download
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloud-filled"
+        name="cloud-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloud-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloud-upload"
+        name="cloud-upload"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloud-upload
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloud"
+        name="cloud"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloud
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloudy-day-filled"
+        name="cloudy-day-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloudy-day-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloudy-day"
+        name="cloudy-day"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloudy-day
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloudy-night-filled"
+        name="cloudy-night-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloudy-night-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloudy-night-rain-filled"
+        name="cloudy-night-rain-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloudy-night-rain-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloudy-night-rain"
+        name="cloudy-night-rain"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloudy-night-rain
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloudy-night"
+        name="cloudy-night"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloudy-night
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloudy-rain-filled"
+        name="cloudy-rain-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloudy-rain-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloudy-rain"
+        name="cloudy-rain"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloudy-rain
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloudy-sunny-filled"
+        name="cloudy-sunny-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloudy-sunny-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cloudy-sunny"
+        name="cloudy-sunny"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cloudy-sunny
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="code-1"
+        name="code-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        code-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="code-off"
+        name="code-off"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        code-off
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="code"
+        name="code"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        code
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cola-filled"
+        name="cola-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cola-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cola"
+        name="cola"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cola
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="collage-filled"
+        name="collage-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        collage-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="collage"
+        name="collage"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        collage
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="collection-filled"
+        name="collection-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        collection-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="collection"
+        name="collection"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        collection
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="color-invert-filled"
+        name="color-invert-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        color-invert-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="color-invert"
+        name="color-invert"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        color-invert
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="combination-filled"
+        name="combination-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        combination-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="combination"
+        name="combination"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        combination
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="command"
+        name="command"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        command
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="compass-1-filled"
+        name="compass-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        compass-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="compass-1"
+        name="compass-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        compass-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="compass-filled"
+        name="compass-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        compass-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="compass"
+        name="compass"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        compass
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-breadcrumb-filled"
+        name="component-breadcrumb-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-breadcrumb-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-breadcrumb"
+        name="component-breadcrumb"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-breadcrumb
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-checkbox-filled"
+        name="component-checkbox-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-checkbox-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-checkbox"
+        name="component-checkbox"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-checkbox
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-divider-horizontal-filled"
+        name="component-divider-horizontal-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-divider-horizontal-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-divider-horizontal"
+        name="component-divider-horizontal"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-divider-horizontal
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-divider-vertical-filled"
+        name="component-divider-vertical-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-divider-vertical-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-divider-vertical"
+        name="component-divider-vertical"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-divider-vertical
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-dropdown-filled"
+        name="component-dropdown-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-dropdown-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-dropdown"
+        name="component-dropdown"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-dropdown
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-grid-filled"
+        name="component-grid-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-grid-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-grid"
+        name="component-grid"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-grid
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-input-filled"
+        name="component-input-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-input-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-input"
+        name="component-input"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-input
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-layout-filled"
+        name="component-layout-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-layout-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-layout"
+        name="component-layout"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-layout
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-radio"
+        name="component-radio"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-radio
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-space-filled"
+        name="component-space-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-space-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-space"
+        name="component-space"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-space
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-steps-filled"
+        name="component-steps-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-steps-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-steps"
+        name="component-steps"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-steps
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-switch-filled"
+        name="component-switch-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-switch-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="component-switch"
+        name="component-switch"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        component-switch
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="constraint"
+        name="constraint"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        constraint
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="contrast-1-filled"
+        name="contrast-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        contrast-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="contrast-1"
+        name="contrast-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        contrast-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="contrast-filled"
+        name="contrast-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        contrast-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="contrast"
+        name="contrast"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        contrast
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="control-platform-filled"
+        name="control-platform-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        control-platform-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="control-platform"
+        name="control-platform"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        control-platform
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cooperate-filled"
+        name="cooperate-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cooperate-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cooperate"
+        name="cooperate"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cooperate
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="coordinate-system-filled"
+        name="coordinate-system-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        coordinate-system-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="coordinate-system"
+        name="coordinate-system"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        coordinate-system
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="copy-filled"
+        name="copy-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        copy-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="copy"
+        name="copy"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        copy
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="copyright-filled"
+        name="copyright-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        copyright-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="copyright"
+        name="copyright"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        copyright
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="corn-filled"
+        name="corn-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        corn-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="corn"
+        name="corn"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        corn
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="coupon-filled"
+        name="coupon-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        coupon-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="coupon"
+        name="coupon"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        coupon
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="course-filled"
+        name="course-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        course-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="course"
+        name="course"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        course
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cpu-filled"
+        name="cpu-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cpu-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cpu"
+        name="cpu"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cpu
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="crack-filled"
+        name="crack-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        crack-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="crack"
+        name="crack"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        crack
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="creditcard-add-filled"
+        name="creditcard-add-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        creditcard-add-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="creditcard-add"
+        name="creditcard-add"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        creditcard-add
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="creditcard-filled"
+        name="creditcard-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        creditcard-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="creditcard-off-filled"
+        name="creditcard-off-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        creditcard-off-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="creditcard-off"
+        name="creditcard-off"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        creditcard-off
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="creditcard"
+        name="creditcard"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        creditcard
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="crooked-smile-filled"
+        name="crooked-smile-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        crooked-smile-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="crooked-smile"
+        name="crooked-smile"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        crooked-smile
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cry-and-laugh-filled"
+        name="cry-and-laugh-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cry-and-laugh-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cry-and-laugh"
+        name="cry-and-laugh"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cry-and-laugh
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cry-loudly-filled"
+        name="cry-loudly-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cry-loudly-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cry-loudly"
+        name="cry-loudly"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cry-loudly
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="css3-filled"
+        name="css3-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        css3-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="css3"
+        name="css3"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        css3
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cucumber"
+        name="cucumber"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cucumber
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="currency-exchange"
+        name="currency-exchange"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        currency-exchange
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cursor-filled"
+        name="cursor-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cursor-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cursor"
+        name="cursor"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cursor
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="curtain-filled"
+        name="curtain-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        curtain-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="curtain"
+        name="curtain"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        curtain
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="curve"
+        name="curve"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        curve
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cut-1"
+        name="cut-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cut-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="cut"
+        name="cut"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        cut
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-1-filled"
+        name="dam-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-1"
+        name="dam-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-2-filled"
+        name="dam-2-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-2-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-2"
+        name="dam-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-3-filled"
+        name="dam-3-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-3-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-3"
+        name="dam-3"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-3
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-4-filled"
+        name="dam-4-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-4-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-4"
+        name="dam-4"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-4
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-5-filled"
+        name="dam-5-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-5-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-5"
+        name="dam-5"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-5
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-6-filled"
+        name="dam-6-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-6-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-6"
+        name="dam-6"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-6
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-7-filled"
+        name="dam-7-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-7-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-7"
+        name="dam-7"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-7
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam-filled"
+        name="dam-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dam"
+        name="dam"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dam
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dart-board-filled"
+        name="dart-board-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dart-board-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dart-board"
+        name="dart-board"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dart-board
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dashboard-1-filled"
+        name="dashboard-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dashboard-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dashboard-1"
+        name="dashboard-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dashboard-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dashboard-filled"
+        name="dashboard-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dashboard-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dashboard"
+        name="dashboard"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dashboard
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="data-filled"
+        name="data-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        data-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="data-base-filled"
+        name="data-base-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        data-base-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="data-base"
+        name="data-base"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        data-base
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="data-checked-filled"
+        name="data-checked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        data-checked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="data-checked"
+        name="data-checked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        data-checked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="data-display"
+        name="data-display"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        data-display
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="data-error-filled"
+        name="data-error-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        data-error-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="data-error"
+        name="data-error"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        data-error
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="data-search-filled"
+        name="data-search-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        data-search-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="data-search"
+        name="data-search"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        data-search
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="data"
+        name="data"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        data
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="delete-1-filled"
+        name="delete-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        delete-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="delete-1"
+        name="delete-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        delete-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="delete-filled"
+        name="delete-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        delete-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="delete-time-filled"
+        name="delete-time-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        delete-time-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="delete-time"
+        name="delete-time"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        delete-time
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="delete"
+        name="delete"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        delete
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="delta-filled"
+        name="delta-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        delta-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="delta"
+        name="delta"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        delta
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="depressed-filled"
+        name="depressed-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        depressed-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="depressed"
+        name="depressed"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        depressed
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="desktop-1-filled"
+        name="desktop-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        desktop-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="desktop-1"
+        name="desktop-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        desktop-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="desktop-filled"
+        name="desktop-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        desktop-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="desktop"
+        name="desktop"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        desktop
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="despise-filled"
+        name="despise-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        despise-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="despise"
+        name="despise"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        despise
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="device-filled"
+        name="device-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        device-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="device"
+        name="device"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        device
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="discount-filled"
+        name="discount-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        discount-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="discount"
+        name="discount"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        discount
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dissatisfaction-filled"
+        name="dissatisfaction-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dissatisfaction-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dissatisfaction"
+        name="dissatisfaction"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dissatisfaction
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="divide"
+        name="divide"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        divide
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dividers-1"
+        name="dividers-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dividers-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dividers"
+        name="dividers"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dividers
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="doge-filled"
+        name="doge-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        doge-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="doge"
+        name="doge"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        doge
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="double-storey-filled"
+        name="double-storey-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        double-storey-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="double-storey"
+        name="double-storey"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        double-storey
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="download-1"
         name="download-1"
         size="48rpx"
         bind:click="onIconTap"
@@ -5717,12367 +9857,21847 @@ exports[`Icon Icon base demo works fine 1`] = `
       <wx-view
         class="demo__card-name"
       >
-        download-1
+        download-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="download-2-filled"
+        name="download-2-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        download-2-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="download-2"
+        name="download-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        download-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="download"
+        name="download"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        download
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="downscale"
+        name="downscale"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        downscale
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="drag-drop"
+        name="drag-drop"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        drag-drop
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="drag-move"
+        name="drag-move"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        drag-move
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="drink-filled"
+        name="drink-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        drink-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="drink"
+        name="drink"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        drink
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="drumstick-filled"
+        name="drumstick-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        drumstick-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="drumstick"
+        name="drumstick"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        drumstick
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dv-filled"
+        name="dv-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dv-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dv"
+        name="dv"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dv
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dvd-filled"
+        name="dvd-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dvd-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="dvd"
+        name="dvd"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        dvd
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="earphone-filled"
+        name="earphone-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        earphone-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="earphone"
+        name="earphone"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        earphone
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="earth-filled"
+        name="earth-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        earth-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="earth"
+        name="earth"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        earth
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="edit-1-filled"
+        name="edit-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        edit-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="edit-1"
+        name="edit-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        edit-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="edit-2-filled"
+        name="edit-2-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        edit-2-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="edit-2"
+        name="edit-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        edit-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="edit-filled"
+        name="edit-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        edit-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="edit-off-filled"
+        name="edit-off-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        edit-off-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="edit-off"
+        name="edit-off"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        edit-off
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="edit"
+        name="edit"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        edit
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="education-filled"
+        name="education-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        education-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="education"
+        name="education"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        education
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="eggplant-filled"
+        name="eggplant-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        eggplant-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="eggplant"
+        name="eggplant"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        eggplant
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="ellipsis"
+        name="ellipsis"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        ellipsis
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="emo-emotional-filled"
+        name="emo-emotional-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        emo-emotional-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="emo-emotional"
+        name="emo-emotional"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        emo-emotional
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="enter"
+        name="enter"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        enter
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="equal"
+        name="equal"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        equal
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="error-circle-filled"
+        name="error-circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        error-circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="error-circle"
+        name="error-circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        error-circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="error-triangle-filled"
+        name="error-triangle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        error-triangle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="error-triangle"
+        name="error-triangle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        error-triangle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="error"
+        name="error"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        error
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="excited-1-filled"
+        name="excited-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        excited-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="excited-1"
+        name="excited-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        excited-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="excited-filled"
+        name="excited-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        excited-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="excited"
+        name="excited"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        excited
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="expand-down-filled"
+        name="expand-down-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        expand-down-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="expand-down"
+        name="expand-down"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        expand-down
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="expand-horizontal"
+        name="expand-horizontal"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        expand-horizontal
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="expand-up-filled"
+        name="expand-up-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        expand-up-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="expand-up"
+        name="expand-up"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        expand-up
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="expand-vertical"
+        name="expand-vertical"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        expand-vertical
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="explore-filled"
+        name="explore-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        explore-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="explore-off-filled"
+        name="explore-off-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        explore-off-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="explore-off"
+        name="explore-off"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        explore-off
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="explore"
+        name="explore"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        explore
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="exposure-filled"
+        name="exposure-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        exposure-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="exposure"
+        name="exposure"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        exposure
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="extension-filled"
+        name="extension-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        extension-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="extension-off-filled"
+        name="extension-off-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        extension-off-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="extension-off"
+        name="extension-off"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        extension-off
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="extension"
+        name="extension"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        extension
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="face-retouching-filled"
+        name="face-retouching-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        face-retouching-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="face-retouching"
+        name="face-retouching"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        face-retouching
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fact-check-filled"
+        name="fact-check-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fact-check-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fact-check"
+        name="fact-check"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fact-check
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fahrenheit-scale"
+        name="fahrenheit-scale"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fahrenheit-scale
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="feel-at-ease-filled"
+        name="feel-at-ease-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        feel-at-ease-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="feel-at-ease"
+        name="feel-at-ease"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        feel-at-ease
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="ferocious-filled"
+        name="ferocious-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        ferocious-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="ferocious"
+        name="ferocious"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        ferocious
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="ferris-wheel-filled"
+        name="ferris-wheel-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        ferris-wheel-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="ferris-wheel"
+        name="ferris-wheel"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        ferris-wheel
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-1-filled"
+        name="file-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-1"
+        name="file-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-add-1-filled"
+        name="file-add-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-add-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-add-1"
+        name="file-add-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-add-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-add-filled"
+        name="file-add-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-add-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-add"
+        name="file-add"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-add
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-attachment-filled"
+        name="file-attachment-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-attachment-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-attachment"
+        name="file-attachment"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-attachment
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-blocked-filled"
+        name="file-blocked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-blocked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-blocked"
+        name="file-blocked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-blocked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-code-1-filled"
+        name="file-code-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-code-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-code-1"
+        name="file-code-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-code-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-code-filled"
+        name="file-code-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-code-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-code"
+        name="file-code"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-code
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-copy-filled"
+        name="file-copy-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-copy-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-copy"
+        name="file-copy"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-copy
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-download-filled"
+        name="file-download-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-download-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-download"
+        name="file-download"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-download
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-excel-filled"
+        name="file-excel-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-excel-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-excel"
+        name="file-excel"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-excel
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-export-filled"
+        name="file-export-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-export-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-export"
+        name="file-export"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-export
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-filled"
+        name="file-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-icon-filled"
+        name="file-icon-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-icon-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-icon"
+        name="file-icon"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-icon
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-image-filled"
+        name="file-image-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-image-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-image"
+        name="file-image"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-image
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-import-filled"
+        name="file-import-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-import-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-import"
+        name="file-import"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-import
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-locked-filled"
+        name="file-locked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-locked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-locked"
+        name="file-locked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-locked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-minus-filled"
+        name="file-minus-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-minus-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-minus"
+        name="file-minus"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-minus
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-music-filled"
+        name="file-music-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-music-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-music"
+        name="file-music"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-music
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-onenote-filled"
+        name="file-onenote-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-onenote-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-onenote"
+        name="file-onenote"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-onenote
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-outlook-filled"
+        name="file-outlook-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-outlook-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-outlook"
+        name="file-outlook"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-outlook
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-paste-filled"
+        name="file-paste-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-paste-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-paste"
+        name="file-paste"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-paste
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-pdf-filled"
+        name="file-pdf-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-pdf-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-pdf"
+        name="file-pdf"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-pdf
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-powerpoint-filled"
+        name="file-powerpoint-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-powerpoint-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-powerpoint"
+        name="file-powerpoint"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-powerpoint
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-restore-filled"
+        name="file-restore-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-restore-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-restore"
+        name="file-restore"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-restore
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-safety-filled"
+        name="file-safety-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-safety-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-safety"
+        name="file-safety"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-safety
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-search-filled"
+        name="file-search-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-search-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-search"
+        name="file-search"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-search
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-setting-filled"
+        name="file-setting-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-setting-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-setting"
+        name="file-setting"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-setting
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-teams-filled"
+        name="file-teams-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-teams-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-teams"
+        name="file-teams"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-teams
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-transmit-double-filled"
+        name="file-transmit-double-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-transmit-double-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-transmit-double"
+        name="file-transmit-double"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-transmit-double
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-transmit-filled"
+        name="file-transmit-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-transmit-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-transmit"
+        name="file-transmit"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-transmit
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-unknown-filled"
+        name="file-unknown-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-unknown-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-unknown"
+        name="file-unknown"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-unknown
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-unlocked-filled"
+        name="file-unlocked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-unlocked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-unlocked"
+        name="file-unlocked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-unlocked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-word-filled"
+        name="file-word-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-word-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-word"
+        name="file-word"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-word
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-zip-filled"
+        name="file-zip-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-zip-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file-zip"
+        name="file-zip"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file-zip
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="file"
+        name="file"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        file
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fill-color-1-filled"
+        name="fill-color-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fill-color-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fill-color-1"
+        name="fill-color-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fill-color-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fill-color-filled"
+        name="fill-color-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fill-color-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fill-color"
+        name="fill-color"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fill-color
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="film-1-filled"
+        name="film-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        film-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="film-1"
+        name="film-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        film-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="film-filled"
+        name="film-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        film-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="film"
+        name="film"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        film
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-1-filled"
+        name="filter-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-1"
+        name="filter-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-2-filled"
+        name="filter-2-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-2-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-2"
+        name="filter-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-3-filled"
+        name="filter-3-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-3-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-3"
+        name="filter-3"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-3
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-clear-filled"
+        name="filter-clear-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-clear-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-clear"
+        name="filter-clear"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-clear
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-filled"
+        name="filter-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-off-filled"
+        name="filter-off-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-off-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-off"
+        name="filter-off"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-off
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-sort-filled"
+        name="filter-sort-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-sort-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter-sort"
+        name="filter-sort"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter-sort
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="filter"
+        name="filter"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        filter
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fingerprint-1"
+        name="fingerprint-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fingerprint-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fingerprint-2"
+        name="fingerprint-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fingerprint-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fingerprint-3"
+        name="fingerprint-3"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fingerprint-3
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fingerprint"
+        name="fingerprint"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fingerprint
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fish-filled"
+        name="fish-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fish-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fish"
+        name="fish"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fish
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flag-1-filled"
+        name="flag-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flag-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flag-1"
+        name="flag-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flag-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flag-2-filled"
+        name="flag-2-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flag-2-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flag-2"
+        name="flag-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flag-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flag-3-filled"
+        name="flag-3-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flag-3-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flag-3"
+        name="flag-3"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flag-3
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flag-4-filled"
+        name="flag-4-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flag-4-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flag-4"
+        name="flag-4"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flag-4
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flag-filled"
+        name="flag-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flag-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flag"
+        name="flag"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flag
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flashlight-filled"
+        name="flashlight-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flashlight-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flashlight"
+        name="flashlight"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flashlight
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flight-landing-filled"
+        name="flight-landing-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flight-landing-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flight-landing"
+        name="flight-landing"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flight-landing
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flight-takeoff-filled"
+        name="flight-takeoff-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flight-takeoff-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flight-takeoff"
+        name="flight-takeoff"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flight-takeoff
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flip-smiling-face-filled"
+        name="flip-smiling-face-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flip-smiling-face-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flip-smiling-face"
+        name="flip-smiling-face"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flip-smiling-face
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flip-to-back-filled"
+        name="flip-to-back-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flip-to-back-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flip-to-back"
+        name="flip-to-back"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flip-to-back
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flip-to-front-filled"
+        name="flip-to-front-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flip-to-front-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="flip-to-front"
+        name="flip-to-front"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        flip-to-front
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="focus-filled"
+        name="focus-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        focus-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="focus"
+        name="focus"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        focus
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fog-filled"
+        name="fog-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fog-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fog-night-filled"
+        name="fog-night-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fog-night-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fog-night"
+        name="fog-night"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fog-night
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fog-sunny-filled"
+        name="fog-sunny-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fog-sunny-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fog-sunny"
+        name="fog-sunny"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fog-sunny
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fog"
+        name="fog"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fog
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-1-filled"
+        name="folder-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-1"
+        name="folder-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-add-1-filled"
+        name="folder-add-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-add-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-add-1"
+        name="folder-add-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-add-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-add-filled"
+        name="folder-add-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-add-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-add"
+        name="folder-add"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-add
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-blocked-filled"
+        name="folder-blocked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-blocked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-blocked"
+        name="folder-blocked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-blocked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-details-filled"
+        name="folder-details-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-details-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-details"
+        name="folder-details"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-details
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-export-filled"
+        name="folder-export-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-export-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-export"
+        name="folder-export"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-export
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-filled"
+        name="folder-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-import-filled"
+        name="folder-import-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-import-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-import"
+        name="folder-import"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-import
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-locked-filled"
+        name="folder-locked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-locked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-locked"
+        name="folder-locked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-locked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-minus-filled"
+        name="folder-minus-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-minus-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-minus"
+        name="folder-minus"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-minus
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-move-filled"
+        name="folder-move-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-move-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-move"
+        name="folder-move"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-move
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-off-filled"
+        name="folder-off-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-off-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-off"
+        name="folder-off"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-off
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-open-1-filled"
+        name="folder-open-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-open-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-open-1"
+        name="folder-open-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-open-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-open-filled"
+        name="folder-open-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-open-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-open"
+        name="folder-open"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-open
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-search-filled"
+        name="folder-search-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-search-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-search"
+        name="folder-search"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-search
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-setting-filled"
+        name="folder-setting-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-setting-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-setting"
+        name="folder-setting"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-setting
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-shared-filled"
+        name="folder-shared-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-shared-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-shared"
+        name="folder-shared"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-shared
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-unlocked-filled"
+        name="folder-unlocked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-unlocked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-unlocked"
+        name="folder-unlocked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-unlocked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-zip-filled"
+        name="folder-zip-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-zip-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder-zip"
+        name="folder-zip"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder-zip
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="folder"
+        name="folder"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        folder
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="forest-filled"
+        name="forest-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        forest-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="forest"
+        name="forest"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        forest
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fork-filled"
+        name="fork-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fork-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fork"
+        name="fork"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fork
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="form-filled"
+        name="form-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        form-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="form"
+        name="form"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        form
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="format-horizontal-align-bottom"
+        name="format-horizontal-align-bottom"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        format-horizontal-align-bottom
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="format-horizontal-align-center"
+        name="format-horizontal-align-center"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        format-horizontal-align-center
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="format-horizontal-align-top"
+        name="format-horizontal-align-top"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        format-horizontal-align-top
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="format-vertical-align-center"
+        name="format-vertical-align-center"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        format-vertical-align-center
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="format-vertical-align-left"
+        name="format-vertical-align-left"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        format-vertical-align-left
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="format-vertical-align-right"
+        name="format-vertical-align-right"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        format-vertical-align-right
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="forward-filled"
+        name="forward-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        forward-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="forward"
+        name="forward"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        forward
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="frame-1-filled"
+        name="frame-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        frame-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="frame-1"
+        name="frame-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        frame-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="frame-filled"
+        name="frame-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        frame-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="frame"
+        name="frame"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        frame
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fries-filled"
+        name="fries-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fries-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fries"
+        name="fries"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fries
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fullscreen-1"
+        name="fullscreen-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fullscreen-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fullscreen-2"
+        name="fullscreen-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fullscreen-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fullscreen-exit-1"
+        name="fullscreen-exit-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fullscreen-exit-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fullscreen-exit"
+        name="fullscreen-exit"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fullscreen-exit
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="fullscreen"
+        name="fullscreen"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        fullscreen
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="function-curve"
+        name="function-curve"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        function-curve
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="functions-1"
+        name="functions-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        functions-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="functions"
+        name="functions"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        functions
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gamepad-1-filled"
+        name="gamepad-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gamepad-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gamepad-1"
+        name="gamepad-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gamepad-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gamepad-filled"
+        name="gamepad-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gamepad-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gamepad"
+        name="gamepad"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gamepad
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gamma"
+        name="gamma"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gamma
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="garlic-filled"
+        name="garlic-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        garlic-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="garlic"
+        name="garlic"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        garlic
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gender-female"
+        name="gender-female"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gender-female
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gender-male"
+        name="gender-male"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gender-male
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-applause-filled"
+        name="gesture-applause-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-applause-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-applause"
+        name="gesture-applause"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-applause
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-click-filled"
+        name="gesture-click-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-click-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-click"
+        name="gesture-click"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-click
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-down-filled"
+        name="gesture-down-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-down-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-down"
+        name="gesture-down"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-down
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-expansion-filled"
+        name="gesture-expansion-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-expansion-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-expansion"
+        name="gesture-expansion"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-expansion
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-left-filled"
+        name="gesture-left-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-left-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-left-slip-filled"
+        name="gesture-left-slip-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-left-slip-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-left-slip"
+        name="gesture-left-slip"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-left-slip
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-left"
+        name="gesture-left"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-left
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-open-filled"
+        name="gesture-open-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-open-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-open"
+        name="gesture-open"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-open
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-pray-filled"
+        name="gesture-pray-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-pray-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-pray"
+        name="gesture-pray"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-pray
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-press-filled"
+        name="gesture-press-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-press-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-press"
+        name="gesture-press"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-press
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-ranslation-filled"
+        name="gesture-ranslation-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-ranslation-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-ranslation"
+        name="gesture-ranslation"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-ranslation
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-right-filled"
+        name="gesture-right-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-right-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-right-slip-filled"
+        name="gesture-right-slip-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-right-slip-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-right-slip"
+        name="gesture-right-slip"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-right-slip
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-right"
+        name="gesture-right"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-right
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-slide-left-and-right-filled"
+        name="gesture-slide-left-and-right-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-slide-left-and-right-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-slide-left-and-right"
+        name="gesture-slide-left-and-right"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-slide-left-and-right
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-slide-up-filled"
+        name="gesture-slide-up-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-slide-up-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-slide-up"
+        name="gesture-slide-up"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-slide-up
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-typing-filled"
+        name="gesture-typing-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-typing-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-typing"
+        name="gesture-typing"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-typing
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-up-and-down-filled"
+        name="gesture-up-and-down-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-up-and-down-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-up-and-down"
+        name="gesture-up-and-down"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-up-and-down
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-up-filled"
+        name="gesture-up-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-up-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-up"
+        name="gesture-up"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-up
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-wipe-down-filled"
+        name="gesture-wipe-down-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-wipe-down-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gesture-wipe-down"
+        name="gesture-wipe-down"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gesture-wipe-down
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gift-filled"
+        name="gift-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gift-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gift"
+        name="gift"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gift
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="giggle-filled"
+        name="giggle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        giggle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="giggle"
+        name="giggle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        giggle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-branch-filled"
+        name="git-branch-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-branch-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-branch"
+        name="git-branch"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-branch
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-commit-filled"
+        name="git-commit-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-commit-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-commit"
+        name="git-commit"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-commit
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-merge-filled"
+        name="git-merge-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-merge-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-merge"
+        name="git-merge"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-merge
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-pull-request-filled"
+        name="git-pull-request-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-pull-request-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-pull-request"
+        name="git-pull-request"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-pull-request
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-repository-commits-filled"
+        name="git-repository-commits-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-repository-commits-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-repository-commits"
+        name="git-repository-commits"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-repository-commits
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-repository-filled"
+        name="git-repository-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-repository-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-repository-private-filled"
+        name="git-repository-private-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-repository-private-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-repository-private"
+        name="git-repository-private"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-repository-private
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="git-repository"
+        name="git-repository"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        git-repository
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gps-filled"
+        name="gps-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gps-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="gps"
+        name="gps"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        gps
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="grape-filled"
+        name="grape-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        grape-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="grape"
+        name="grape"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        grape
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="greater-than-or-equal"
+        name="greater-than-or-equal"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        greater-than-or-equal
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="greater-than"
+        name="greater-than"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        greater-than
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="green-onion"
+        name="green-onion"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        green-onion
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="grid-add-filled"
+        name="grid-add-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        grid-add-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="grid-add"
+        name="grid-add"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        grid-add
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="grid-view-filled"
+        name="grid-view-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        grid-view-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="grid-view"
+        name="grid-view"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        grid-view
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="guitar-filled"
+        name="guitar-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        guitar-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="guitar"
+        name="guitar"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        guitar
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hamburger-filled"
+        name="hamburger-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hamburger-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hamburger"
+        name="hamburger"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hamburger
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="happy-filled"
+        name="happy-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        happy-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="happy"
+        name="happy"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        happy
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hard-disk-storage-filled"
+        name="hard-disk-storage-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hard-disk-storage-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hard-disk-storage"
+        name="hard-disk-storage"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hard-disk-storage
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hard-drive-filled"
+        name="hard-drive-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hard-drive-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hard-drive"
+        name="hard-drive"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hard-drive
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hashtag"
+        name="hashtag"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hashtag
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hd-filled"
+        name="hd-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hd-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hd"
+        name="hd"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hd
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="heart-filled"
+        name="heart-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        heart-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="heart"
+        name="heart"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        heart
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="help-circle-filled"
+        name="help-circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        help-circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="help-circle"
+        name="help-circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        help-circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="help-rectangle-filled"
+        name="help-rectangle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        help-rectangle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="help-rectangle"
+        name="help-rectangle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        help-rectangle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="help"
+        name="help"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        help
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="highlight-1-filled"
+        name="highlight-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        highlight-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="highlight-1"
+        name="highlight-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        highlight-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="highlight"
+        name="highlight"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        highlight
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="history-setting"
+        name="history-setting"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        history-setting
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="history"
+        name="history"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        history
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="home-filled"
+        name="home-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        home-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="home"
+        name="home"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        home
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="horizontal-filled"
+        name="horizontal-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        horizontal-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="horizontal"
+        name="horizontal"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        horizontal
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hospital-1-filled"
+        name="hospital-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hospital-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hospital-1"
+        name="hospital-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hospital-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hospital-filled"
+        name="hospital-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hospital-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hospital"
+        name="hospital"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hospital
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hotspot-wave-filled"
+        name="hotspot-wave-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hotspot-wave-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hotspot-wave"
+        name="hotspot-wave"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hotspot-wave
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hourglass-filled"
+        name="hourglass-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hourglass-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="hourglass"
+        name="hourglass"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        hourglass
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="houses-1-filled"
+        name="houses-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        houses-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="houses-1"
+        name="houses-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        houses-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="houses-2-filled"
+        name="houses-2-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        houses-2-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="houses-2"
+        name="houses-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        houses-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="houses-filled"
+        name="houses-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        houses-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="houses"
+        name="houses"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        houses
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="html5-filled"
+        name="html5-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        html5-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="html5"
+        name="html5"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        html5
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="https-filled"
+        name="https-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        https-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="https"
+        name="https"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        https
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="ice-cream-filled"
+        name="ice-cream-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        ice-cream-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="ice-cream"
+        name="ice-cream"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        ice-cream
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="icon-filled"
+        name="icon-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        icon-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="icon"
+        name="icon"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        icon
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-1-filled"
+        name="image-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-1"
+        name="image-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-add-filled"
+        name="image-add-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-add-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-add"
+        name="image-add"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-add
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-edit-filled"
+        name="image-edit-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-edit-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-edit"
+        name="image-edit"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-edit
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-error-filled"
+        name="image-error-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-error-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-error"
+        name="image-error"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-error
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-filled"
+        name="image-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-off-filled"
+        name="image-off-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-off-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-off"
+        name="image-off"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-off
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-search-filled"
+        name="image-search-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-search-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image-search"
+        name="image-search"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image-search
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="image"
+        name="image"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        image
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="indent-left"
+        name="indent-left"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        indent-left
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="indent-right"
+        name="indent-right"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        indent-right
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="indicator-filled"
+        name="indicator-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        indicator-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="indicator"
+        name="indicator"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        indicator
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="info-circle-filled"
+        name="info-circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        info-circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="info-circle"
+        name="info-circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        info-circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="ink-filled"
+        name="ink-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        ink-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="ink"
+        name="ink"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        ink
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="install-desktop-filled"
+        name="install-desktop-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        install-desktop-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="install-desktop"
+        name="install-desktop"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        install-desktop
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="install-filled"
+        name="install-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        install-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="install-mobile-filled"
+        name="install-mobile-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        install-mobile-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="install-mobile"
+        name="install-mobile"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        install-mobile
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="install"
+        name="install"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        install
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="institution-checked-filled"
+        name="institution-checked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        institution-checked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="institution-checked"
+        name="institution-checked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        institution-checked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="institution-filled"
+        name="institution-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        institution-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="institution"
+        name="institution"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        institution
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="internet-filled"
+        name="internet-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        internet-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="internet"
+        name="internet"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        internet
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="ipod-filled"
+        name="ipod-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        ipod-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="ipod"
+        name="ipod"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        ipod
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="joyful-filled"
+        name="joyful-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        joyful-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="joyful"
+        name="joyful"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        joyful
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="jump-double"
+        name="jump-double"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        jump-double
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="jump-off"
+        name="jump-off"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        jump-off
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="jump"
+        name="jump"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        jump
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="key-filled"
+        name="key-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        key-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="key"
+        name="key"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        key
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="keyboard-filled"
+        name="keyboard-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        keyboard-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="keyboard"
+        name="keyboard"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        keyboard
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="laptop-filled"
+        name="laptop-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        laptop-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="laptop"
+        name="laptop"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        laptop
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="layers-filled"
+        name="layers-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        layers-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="layers"
+        name="layers"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        layers
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="layout-filled"
+        name="layout-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        layout-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="layout"
+        name="layout"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        layout
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="leaderboard-filled"
+        name="leaderboard-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        leaderboard-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="leaderboard"
+        name="leaderboard"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        leaderboard
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lemon-filled"
+        name="lemon-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lemon-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lemon-slice-filled"
+        name="lemon-slice-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lemon-slice-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lemon-slice"
+        name="lemon-slice"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lemon-slice
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lemon"
+        name="lemon"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lemon
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="less-than-or-equal"
+        name="less-than-or-equal"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        less-than-or-equal
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="less-than"
+        name="less-than"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        less-than
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-a"
+        name="letters-a"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-a
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-b"
+        name="letters-b"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-b
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-c"
+        name="letters-c"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-c
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-d"
+        name="letters-d"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-d
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-e"
+        name="letters-e"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-e
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-f"
+        name="letters-f"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-f
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-g"
+        name="letters-g"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-g
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-h"
+        name="letters-h"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-h
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-i"
+        name="letters-i"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-i
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-j"
+        name="letters-j"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-j
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-k"
+        name="letters-k"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-k
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-l"
+        name="letters-l"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-l
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-m"
+        name="letters-m"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-m
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-n"
+        name="letters-n"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-n
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-o"
+        name="letters-o"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-o
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-p"
+        name="letters-p"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-p
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-q"
+        name="letters-q"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-q
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-r"
+        name="letters-r"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-r
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-s"
+        name="letters-s"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-s
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-t"
+        name="letters-t"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-t
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-u"
+        name="letters-u"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-u
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-v"
+        name="letters-v"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-v
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-w"
+        name="letters-w"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-w
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-x"
+        name="letters-x"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-x
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-y"
+        name="letters-y"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-y
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="letters-z"
+        name="letters-z"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        letters-z
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lightbulb-circle-filled"
+        name="lightbulb-circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lightbulb-circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lightbulb-circle"
+        name="lightbulb-circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lightbulb-circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lightbulb-filled"
+        name="lightbulb-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lightbulb-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lightbulb"
+        name="lightbulb"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lightbulb
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lighthouse-1-filled"
+        name="lighthouse-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lighthouse-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lighthouse-1"
+        name="lighthouse-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lighthouse-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lighthouse-2-filled"
+        name="lighthouse-2-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lighthouse-2-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lighthouse-2"
+        name="lighthouse-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lighthouse-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lighthouse-filled"
+        name="lighthouse-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lighthouse-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lighthouse"
+        name="lighthouse"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lighthouse
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lighting-circle-filled"
+        name="lighting-circle-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lighting-circle-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lighting-circle"
+        name="lighting-circle"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lighting-circle
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="line-height"
+        name="line-height"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        line-height
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="link-1"
+        name="link-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        link-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="link-unlink"
+        name="link-unlink"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        link-unlink
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="link"
+        name="link"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        link
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="liquor-filled"
+        name="liquor-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        liquor-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="liquor"
+        name="liquor"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        liquor
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="list-numbered"
+        name="list-numbered"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        list-numbered
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="list"
+        name="list"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        list
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="load"
+        name="load"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        load
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="loading"
+        name="loading"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        loading
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-1-filled"
+        name="location-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-1"
+        name="location-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-enlargement-filled"
+        name="location-enlargement-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-enlargement-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-enlargement"
+        name="location-enlargement"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-enlargement
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-error-filled"
+        name="location-error-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-error-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-error"
+        name="location-error"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-error
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-filled"
+        name="location-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-parking-place-filled"
+        name="location-parking-place-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-parking-place-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-parking-place"
+        name="location-parking-place"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-parking-place
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-reduction-filled"
+        name="location-reduction-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-reduction-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-reduction"
+        name="location-reduction"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-reduction
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-setting-filled"
+        name="location-setting-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-setting-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location-setting"
+        name="location-setting"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location-setting
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="location"
+        name="location"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        location
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lock-off-filled"
+        name="lock-off-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lock-off-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lock-off"
+        name="lock-off"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lock-off
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lock-on-filled"
+        name="lock-on-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lock-on-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lock-on"
+        name="lock-on"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lock-on
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lock-time-filled"
+        name="lock-time-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lock-time-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="lock-time"
+        name="lock-time"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        lock-time
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="login"
+        name="login"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        login
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-adobe-illustrate-filled"
+        name="logo-adobe-illustrate-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-adobe-illustrate-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-adobe-illustrate"
+        name="logo-adobe-illustrate"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-adobe-illustrate
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-adobe-lightroom-filled"
+        name="logo-adobe-lightroom-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-adobe-lightroom-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-adobe-lightroom"
+        name="logo-adobe-lightroom"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-adobe-lightroom
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-adobe-photoshop-filled"
+        name="logo-adobe-photoshop-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-adobe-photoshop-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-adobe-photoshop"
+        name="logo-adobe-photoshop"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-adobe-photoshop
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-android-filled"
+        name="logo-android-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-android-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-android"
+        name="logo-android"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-android
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-apple-filled"
+        name="logo-apple-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-apple-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-apple"
+        name="logo-apple"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-apple
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-behance"
+        name="logo-behance"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-behance
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-chrome-filled"
+        name="logo-chrome-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-chrome-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-chrome"
+        name="logo-chrome"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-chrome
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-cinema4d-filled"
+        name="logo-cinema4d-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-cinema4d-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-cinema4d"
+        name="logo-cinema4d"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-cinema4d
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-codepen"
+        name="logo-codepen"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-codepen
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-codesandbox"
+        name="logo-codesandbox"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-codesandbox
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-dribbble-filled"
+        name="logo-dribbble-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-dribbble-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-dribbble"
+        name="logo-dribbble"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-dribbble
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-facebook-filled"
+        name="logo-facebook-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-facebook-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-facebook"
+        name="logo-facebook"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-facebook
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-figma-filled"
+        name="logo-figma-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-figma-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-figma"
+        name="logo-figma"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-figma
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-framer-filled"
+        name="logo-framer-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-framer-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-framer"
+        name="logo-framer"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-framer
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-github-filled"
+        name="logo-github-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-github-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-github"
+        name="logo-github"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-github
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-gitlab-filled"
+        name="logo-gitlab-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-gitlab-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-gitlab"
+        name="logo-gitlab"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-gitlab
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-ie-filled"
+        name="logo-ie-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-ie-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-ie"
+        name="logo-ie"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-ie
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-instagram-filled"
+        name="logo-instagram-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-instagram-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-instagram"
+        name="logo-instagram"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-instagram
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-qq-filled"
+        name="logo-qq-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-qq-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-qq"
+        name="logo-qq"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-qq
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-twitter-filled"
+        name="logo-twitter-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-twitter-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-twitter"
+        name="logo-twitter"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-twitter
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-wechat-stroke-filled"
+        name="logo-wechat-stroke-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-wechat-stroke-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-wechat-stroke"
+        name="logo-wechat-stroke"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-wechat-stroke
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-wechatpay-filled"
+        name="logo-wechatpay-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-wechatpay-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-wechatpay"
+        name="logo-wechatpay"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-wechatpay
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-wecom-filled"
+        name="logo-wecom-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-wecom-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-wecom"
+        name="logo-wecom"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-wecom
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-windows-filled"
+        name="logo-windows-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-windows-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-windows"
+        name="logo-windows"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-windows
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-youtube-filled"
+        name="logo-youtube-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-youtube-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logo-youtube"
+        name="logo-youtube"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logo-youtube
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="logout"
+        name="logout"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        logout
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="look-around-filled"
+        name="look-around-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        look-around-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="look-around"
+        name="look-around"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        look-around
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="loudspeaker-filled"
+        name="loudspeaker-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        loudspeaker-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="loudspeaker"
+        name="loudspeaker"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        loudspeaker
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="mail-filled"
+        name="mail-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        mail-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="mail"
+        name="mail"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        mail
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-3d-filled"
+        name="map-3d-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-3d-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-3d"
+        name="map-3d"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-3d
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-add-filled"
+        name="map-add-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-add-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-add"
+        name="map-add"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-add
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-aiming-filled"
+        name="map-aiming-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-aiming-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-aiming"
+        name="map-aiming"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-aiming
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-blocked-filled"
+        name="map-blocked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-blocked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-blocked"
+        name="map-blocked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-blocked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-bubble-filled"
+        name="map-bubble-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-bubble-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-bubble"
+        name="map-bubble"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-bubble
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-cancel-filled"
+        name="map-cancel-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-cancel-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-cancel"
+        name="map-cancel"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-cancel
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-chat-filled"
+        name="map-chat-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-chat-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-chat"
+        name="map-chat"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-chat
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-checked-filled"
+        name="map-checked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-checked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-checked"
+        name="map-checked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-checked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-collection-filled"
+        name="map-collection-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-collection-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-collection"
+        name="map-collection"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-collection
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-connection-filled"
+        name="map-connection-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-connection-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-connection"
+        name="map-connection"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-connection
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-distance-filled"
+        name="map-distance-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-distance-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-distance"
+        name="map-distance"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-distance
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-double-filled"
+        name="map-double-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-double-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-double"
+        name="map-double"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-double
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-edit-filled"
+        name="map-edit-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-edit-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-edit"
+        name="map-edit"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-edit
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-filled"
+        name="map-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-grid-filled"
+        name="map-grid-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-grid-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-grid"
+        name="map-grid"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-grid
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-information-1-filled"
+        name="map-information-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-information-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-information-1"
+        name="map-information-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-information-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-information-2-filled"
+        name="map-information-2-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-information-2-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-information-2"
+        name="map-information-2"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-information-2
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-information-filled"
+        name="map-information-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-information-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-information"
+        name="map-information"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-information
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-location-filled"
+        name="map-location-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-location-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-location"
+        name="map-location"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-location
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-locked-filled"
+        name="map-locked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-locked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-locked"
+        name="map-locked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-locked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-marked-filled"
+        name="map-marked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-marked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-marked"
+        name="map-marked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-marked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-navigation-filled"
+        name="map-navigation-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-navigation-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-navigation"
+        name="map-navigation"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-navigation
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-outline-filled"
+        name="map-outline-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-outline-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="download"
-        name="download"
+        data-name="map-outline"
+        name="map-outline"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        download
+        map-outline
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="downscale"
-        name="downscale"
+        data-name="map-route-planning-filled"
+        name="map-route-planning-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-route-planning-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-route-planning"
+        name="map-route-planning"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-route-planning
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-ruler-filled"
+        name="map-ruler-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-ruler-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-ruler"
+        name="map-ruler"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-ruler
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-safety-filled"
+        name="map-safety-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-safety-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-safety"
+        name="map-safety"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-safety
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-search-1-filled"
+        name="map-search-1-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-search-1-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-search-1"
+        name="map-search-1"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-search-1
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-search-filled"
+        name="map-search-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-search-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-search"
+        name="map-search"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-search
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-setting-filled"
+        name="map-setting-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-setting-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-setting"
+        name="map-setting"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-setting
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-unlocked-filled"
+        name="map-unlocked-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-unlocked-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map-unlocked"
+        name="map-unlocked"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map-unlocked
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="map"
+        name="map"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        map
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="mark-as-unread-filled"
+        name="mark-as-unread-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        mark-as-unread-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="mark-as-unread"
+        name="mark-as-unread"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        mark-as-unread
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="markup-filled"
+        name="markup-filled"
+        size="48rpx"
+        bind:click="onIconTap"
+      />
+      <wx-view
+        class="demo__card-name"
+      >
+        markup-filled
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="demo__card"
+    >
+      <t-icon
+        data-name="markup"
+        name="markup"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        downscale
+        markup
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="drag-drop"
-        name="drag-drop"
+        data-name="mathematics-filled"
+        name="mathematics-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        drag-drop
+        mathematics-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="drag-move"
-        name="drag-move"
+        data-name="mathematics"
+        name="mathematics"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        drag-move
+        mathematics
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="drink"
-        name="drink"
+        data-name="measurement-1-filled"
+        name="measurement-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        drink
+        measurement-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="drumstick"
-        name="drumstick"
+        data-name="measurement-1"
+        name="measurement-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        drumstick
+        measurement-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dv"
-        name="dv"
+        data-name="measurement-2-filled"
+        name="measurement-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dv
+        measurement-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="dvd"
-        name="dvd"
+        data-name="measurement-2"
+        name="measurement-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        dvd
+        measurement-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="earphone"
-        name="earphone"
+        data-name="measurement-filled"
+        name="measurement-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        earphone
+        measurement-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="earth"
-        name="earth"
+        data-name="measurement"
+        name="measurement"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        earth
+        measurement
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="edit-1"
-        name="edit-1"
+        data-name="meat-pepper-filled"
+        name="meat-pepper-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        edit-1
+        meat-pepper-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="edit-2"
-        name="edit-2"
+        data-name="meat-pepper"
+        name="meat-pepper"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        edit-2
+        meat-pepper
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="edit-off"
-        name="edit-off"
+        data-name="media-library-filled"
+        name="media-library-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        edit-off
+        media-library-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="edit"
-        name="edit"
+        data-name="media-library"
+        name="media-library"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        edit
+        media-library
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="education"
-        name="education"
+        data-name="member-filled"
+        name="member-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        education
+        member-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="eggplant"
-        name="eggplant"
+        data-name="member"
+        name="member"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        eggplant
+        member
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="ellipsis"
-        name="ellipsis"
+        data-name="menu-application"
+        name="menu-application"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        ellipsis
+        menu-application
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="emo-emotional"
-        name="emo-emotional"
+        data-name="menu-filled"
+        name="menu-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        emo-emotional
+        menu-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="enter"
-        name="enter"
+        data-name="menu-fold"
+        name="menu-fold"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        enter
+        menu-fold
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="equal"
-        name="equal"
+        data-name="menu-unfold"
+        name="menu-unfold"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        equal
+        menu-unfold
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="error-circle-filled"
-        name="error-circle-filled"
+        data-name="menu"
+        name="menu"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        error-circle-filled
+        menu
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="error-circle"
-        name="error-circle"
+        data-name="merge-cells-filled"
+        name="merge-cells-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        error-circle
+        merge-cells-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="error-triangle"
-        name="error-triangle"
+        data-name="merge-cells"
+        name="merge-cells"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        error-triangle
+        merge-cells
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="error"
-        name="error"
+        data-name="microphone-1-filled"
+        name="microphone-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        error
+        microphone-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="excited-1"
-        name="excited-1"
+        data-name="microphone-1"
+        name="microphone-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        excited-1
+        microphone-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="excited"
-        name="excited"
+        data-name="microphone-2-filled"
+        name="microphone-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        excited
+        microphone-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="expand-horizontal"
-        name="expand-horizontal"
+        data-name="microphone-2"
+        name="microphone-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        expand-horizontal
+        microphone-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="expand-vertical"
-        name="expand-vertical"
+        data-name="microphone-filled"
+        name="microphone-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        expand-vertical
+        microphone-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="explore-off"
-        name="explore-off"
+        data-name="microphone"
+        name="microphone"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        explore-off
+        microphone
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="explore"
-        name="explore"
+        data-name="milk-filled"
+        name="milk-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        explore
+        milk-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="exposure"
-        name="exposure"
+        data-name="milk"
+        name="milk"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        exposure
+        milk
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="extension-off"
-        name="extension-off"
+        data-name="minus-circle-filled"
+        name="minus-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        extension-off
+        minus-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="extension"
-        name="extension"
+        data-name="minus-circle"
+        name="minus-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        extension
+        minus-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="face-retouching"
-        name="face-retouching"
+        data-name="minus-rectangle-filled"
+        name="minus-rectangle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        face-retouching
+        minus-rectangle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fact-check"
-        name="fact-check"
+        data-name="minus-rectangle"
+        name="minus-rectangle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fact-check
+        minus-rectangle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fahrenheit-scale"
-        name="fahrenheit-scale"
+        data-name="minus"
+        name="minus"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fahrenheit-scale
+        minus
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="feel-at-ease"
-        name="feel-at-ease"
+        data-name="mirror-filled"
+        name="mirror-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        feel-at-ease
+        mirror-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="ferocious"
-        name="ferocious"
+        data-name="mirror"
+        name="mirror"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        ferocious
+        mirror
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="ferris-wheel"
-        name="ferris-wheel"
+        data-name="mobile-blocked-filled"
+        name="mobile-blocked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        ferris-wheel
+        mobile-blocked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-1"
-        name="file-1"
+        data-name="mobile-blocked"
+        name="mobile-blocked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-1
+        mobile-blocked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-add-1"
-        name="file-add-1"
+        data-name="mobile-filled"
+        name="mobile-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-add-1
+        mobile-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-add"
-        name="file-add"
+        data-name="mobile-list-filled"
+        name="mobile-list-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-add
+        mobile-list-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-attachment"
-        name="file-attachment"
+        data-name="mobile-list"
+        name="mobile-list"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-attachment
+        mobile-list
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-blocked"
-        name="file-blocked"
+        data-name="mobile-navigation-filled"
+        name="mobile-navigation-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-blocked
+        mobile-navigation-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-code-1"
-        name="file-code-1"
+        data-name="mobile-navigation"
+        name="mobile-navigation"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-code-1
+        mobile-navigation
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-code"
-        name="file-code"
+        data-name="mobile-shortcut-filled"
+        name="mobile-shortcut-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-code
+        mobile-shortcut-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-copy"
-        name="file-copy"
+        data-name="mobile-shortcut"
+        name="mobile-shortcut"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-copy
+        mobile-shortcut
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-download"
-        name="file-download"
+        data-name="mobile-vibrate-filled"
+        name="mobile-vibrate-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-download
+        mobile-vibrate-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-excel"
-        name="file-excel"
+        data-name="mobile-vibrate"
+        name="mobile-vibrate"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-excel
+        mobile-vibrate
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-export"
-        name="file-export"
+        data-name="mobile"
+        name="mobile"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-export
+        mobile
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-icon"
-        name="file-icon"
+        data-name="mode-dark-filled"
+        name="mode-dark-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-icon
+        mode-dark-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-image"
-        name="file-image"
+        data-name="mode-dark"
+        name="mode-dark"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-image
+        mode-dark
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-import"
-        name="file-import"
+        data-name="mode-light-filled"
+        name="mode-light-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-import
+        mode-light-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-locked"
-        name="file-locked"
+        data-name="mode-light"
+        name="mode-light"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-locked
+        mode-light
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-minus"
-        name="file-minus"
+        data-name="module-filled"
+        name="module-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-minus
+        module-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-music"
-        name="file-music"
+        data-name="module"
+        name="module"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-music
+        module
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-onenote"
-        name="file-onenote"
+        data-name="money-filled"
+        name="money-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-onenote
+        money-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-outlook"
-        name="file-outlook"
+        data-name="money"
+        name="money"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-outlook
+        money
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-paste"
-        name="file-paste"
+        data-name="monument-filled"
+        name="monument-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-paste
+        monument-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-pdf"
-        name="file-pdf"
+        data-name="monument"
+        name="monument"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-pdf
+        monument
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-powerpoint"
-        name="file-powerpoint"
+        data-name="moon-fall-filled"
+        name="moon-fall-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-powerpoint
+        moon-fall-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-restore"
-        name="file-restore"
+        data-name="moon-fall"
+        name="moon-fall"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-restore
+        moon-fall
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-safety"
-        name="file-safety"
+        data-name="moon-filled"
+        name="moon-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-safety
+        moon-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-search"
-        name="file-search"
+        data-name="moon-rising-filled"
+        name="moon-rising-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-search
+        moon-rising-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-setting"
-        name="file-setting"
+        data-name="moon-rising"
+        name="moon-rising"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-setting
+        moon-rising
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-teams"
-        name="file-teams"
+        data-name="moon"
+        name="moon"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-teams
+        moon
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-unknown"
-        name="file-unknown"
+        data-name="more"
+        name="more"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-unknown
+        more
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-unlocked"
-        name="file-unlocked"
+        data-name="mosque-1-filled"
+        name="mosque-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-unlocked
+        mosque-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-word"
-        name="file-word"
+        data-name="mosque-1"
+        name="mosque-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-word
+        mosque-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file-zip"
-        name="file-zip"
+        data-name="mosque-filled"
+        name="mosque-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file-zip
+        mosque-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="file"
-        name="file"
+        data-name="mosque"
+        name="mosque"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        file
+        mosque
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fill-color-1"
-        name="fill-color-1"
+        data-name="mouse-filled"
+        name="mouse-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fill-color-1
+        mouse-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fill-color"
-        name="fill-color"
+        data-name="mouse"
+        name="mouse"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fill-color
+        mouse
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="film-1"
-        name="film-1"
+        data-name="move-1"
+        name="move-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        film-1
+        move-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="film"
-        name="film"
+        data-name="move"
+        name="move"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        film
+        move
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="filter-1"
-        name="filter-1"
+        data-name="movie-clapper-filled"
+        name="movie-clapper-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        filter-1
+        movie-clapper-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="filter-2"
-        name="filter-2"
+        data-name="movie-clapper"
+        name="movie-clapper"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        filter-2
+        movie-clapper
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="filter-3"
-        name="filter-3"
+        data-name="multiply"
+        name="multiply"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        filter-3
+        multiply
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="filter-clear"
-        name="filter-clear"
+        data-name="museum-1-filled"
+        name="museum-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        filter-clear
+        museum-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="filter-off"
-        name="filter-off"
+        data-name="museum-1"
+        name="museum-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        filter-off
+        museum-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="filter"
-        name="filter"
+        data-name="museum-2-filled"
+        name="museum-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        filter
+        museum-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fingerprint-1"
-        name="fingerprint-1"
+        data-name="museum-2"
+        name="museum-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fingerprint-1
+        museum-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fingerprint-2"
-        name="fingerprint-2"
+        data-name="museum-filled"
+        name="museum-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fingerprint-2
+        museum-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fingerprint-3"
-        name="fingerprint-3"
+        data-name="museum"
+        name="museum"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fingerprint-3
+        museum
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fingerprint"
-        name="fingerprint"
+        data-name="mushroom-1-filled"
+        name="mushroom-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fingerprint
+        mushroom-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fish"
-        name="fish"
+        data-name="mushroom-1"
+        name="mushroom-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fish
+        mushroom-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="flag-1"
-        name="flag-1"
+        data-name="mushroom-filled"
+        name="mushroom-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        flag-1
+        mushroom-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="flag-2"
-        name="flag-2"
+        data-name="mushroom"
+        name="mushroom"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        flag-2
+        mushroom
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="flag-3"
-        name="flag-3"
+        data-name="music-1-filled"
+        name="music-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        flag-3
+        music-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="flag-4"
-        name="flag-4"
+        data-name="music-1"
+        name="music-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        flag-4
+        music-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="flag"
-        name="flag"
+        data-name="music-2-filled"
+        name="music-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        flag
+        music-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="flashlight"
-        name="flashlight"
+        data-name="music-2"
+        name="music-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        flashlight
+        music-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="flight-landing"
-        name="flight-landing"
+        data-name="music-filled"
+        name="music-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        flight-landing
+        music-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="flight-takeoff"
-        name="flight-takeoff"
+        data-name="music-rectangle-add-filled"
+        name="music-rectangle-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        flight-takeoff
+        music-rectangle-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="flip-smiling-face"
-        name="flip-smiling-face"
+        data-name="music-rectangle-add"
+        name="music-rectangle-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        flip-smiling-face
+        music-rectangle-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="flip-to-back"
-        name="flip-to-back"
+        data-name="music"
+        name="music"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        flip-to-back
+        music
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="flip-to-front"
-        name="flip-to-front"
+        data-name="navigation-arrow-filled"
+        name="navigation-arrow-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        flip-to-front
+        navigation-arrow-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="focus"
-        name="focus"
+        data-name="navigation-arrow"
+        name="navigation-arrow"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        focus
+        navigation-arrow
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fog-night"
-        name="fog-night"
+        data-name="next-filled"
+        name="next-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fog-night
+        next-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fog-sunny"
-        name="fog-sunny"
+        data-name="next"
+        name="next"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fog-sunny
+        next
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fog"
-        name="fog"
+        data-name="no-expression-filled"
+        name="no-expression-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fog
+        no-expression-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-1"
-        name="folder-1"
+        data-name="no-expression"
+        name="no-expression"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-1
+        no-expression
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-add-1"
-        name="folder-add-1"
+        data-name="noodle-filled"
+        name="noodle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-add-1
+        noodle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-add"
-        name="folder-add"
+        data-name="noodle"
+        name="noodle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-add
+        noodle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-blocked"
-        name="folder-blocked"
+        data-name="notification-add-filled"
+        name="notification-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-blocked
+        notification-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-details"
-        name="folder-details"
+        data-name="notification-add"
+        name="notification-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-details
+        notification-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-export"
-        name="folder-export"
+        data-name="notification-circle-filled"
+        name="notification-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-export
+        notification-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-import"
-        name="folder-import"
+        data-name="notification-circle"
+        name="notification-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-import
+        notification-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-locked"
-        name="folder-locked"
+        data-name="notification-error-filled"
+        name="notification-error-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-locked
+        notification-error-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-minus"
-        name="folder-minus"
+        data-name="notification-error"
+        name="notification-error"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-minus
+        notification-error
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-move"
-        name="folder-move"
+        data-name="notification-filled"
+        name="notification-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-move
+        notification-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-off"
-        name="folder-off"
+        data-name="notification"
+        name="notification"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-off
+        notification
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-open-1"
-        name="folder-open-1"
+        data-name="numbers-0-1"
+        name="numbers-0-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-open-1
+        numbers-0-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-open"
-        name="folder-open"
+        data-name="numbers-0"
+        name="numbers-0"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-open
+        numbers-0
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-search"
-        name="folder-search"
+        data-name="numbers-1-1"
+        name="numbers-1-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-search
+        numbers-1-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-setting"
-        name="folder-setting"
+        data-name="numbers-1"
+        name="numbers-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-setting
+        numbers-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-shared"
-        name="folder-shared"
+        data-name="numbers-2-1"
+        name="numbers-2-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-shared
+        numbers-2-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-unlocked"
-        name="folder-unlocked"
+        data-name="numbers-2"
+        name="numbers-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-unlocked
+        numbers-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder-zip"
-        name="folder-zip"
+        data-name="numbers-3-1"
+        name="numbers-3-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder-zip
+        numbers-3-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="folder"
-        name="folder"
+        data-name="numbers-3"
+        name="numbers-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        folder
+        numbers-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="forest"
-        name="forest"
+        data-name="numbers-4-1"
+        name="numbers-4-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        forest
+        numbers-4-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fork"
-        name="fork"
+        data-name="numbers-4"
+        name="numbers-4"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fork
+        numbers-4
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="form"
-        name="form"
+        data-name="numbers-5-1"
+        name="numbers-5-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        form
+        numbers-5-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="format-horizontal-align-bottom"
-        name="format-horizontal-align-bottom"
+        data-name="numbers-5"
+        name="numbers-5"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        format-horizontal-align-bottom
+        numbers-5
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="format-horizontal-align-center"
-        name="format-horizontal-align-center"
+        data-name="numbers-6-1"
+        name="numbers-6-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        format-horizontal-align-center
+        numbers-6-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="format-horizontal-align-top"
-        name="format-horizontal-align-top"
+        data-name="numbers-6"
+        name="numbers-6"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        format-horizontal-align-top
+        numbers-6
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="format-vertical-align-center"
-        name="format-vertical-align-center"
+        data-name="numbers-7-1"
+        name="numbers-7-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        format-vertical-align-center
+        numbers-7-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="format-vertical-align-left"
-        name="format-vertical-align-left"
+        data-name="numbers-7"
+        name="numbers-7"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        format-vertical-align-left
+        numbers-7
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="format-vertical-align-right"
-        name="format-vertical-align-right"
+        data-name="numbers-8-1"
+        name="numbers-8-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        format-vertical-align-right
+        numbers-8-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="forward"
-        name="forward"
+        data-name="numbers-8"
+        name="numbers-8"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        forward
+        numbers-8
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="frame-1"
-        name="frame-1"
+        data-name="numbers-9-1"
+        name="numbers-9-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        frame-1
+        numbers-9-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="frame"
-        name="frame"
+        data-name="numbers-9"
+        name="numbers-9"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        frame
+        numbers-9
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fries"
-        name="fries"
+        data-name="nut-filled"
+        name="nut-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fries
+        nut-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fullscreen-1"
-        name="fullscreen-1"
+        data-name="nut"
+        name="nut"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fullscreen-1
+        nut
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fullscreen-2"
-        name="fullscreen-2"
+        data-name="object-storage"
+        name="object-storage"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fullscreen-2
+        object-storage
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fullscreen-exit-1"
-        name="fullscreen-exit-1"
+        data-name="open-mouth-filled"
+        name="open-mouth-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fullscreen-exit-1
+        open-mouth-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fullscreen-exit"
-        name="fullscreen-exit"
+        data-name="open-mouth"
+        name="open-mouth"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fullscreen-exit
+        open-mouth
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="fullscreen"
-        name="fullscreen"
+        data-name="opera-filled"
+        name="opera-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        fullscreen
+        opera-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="function-curve"
-        name="function-curve"
+        data-name="opera"
+        name="opera"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        function-curve
+        opera
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="functions-1"
-        name="functions-1"
+        data-name="order-adjustment-column"
+        name="order-adjustment-column"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        functions-1
+        order-adjustment-column
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="functions"
-        name="functions"
+        data-name="order-ascending"
+        name="order-ascending"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        functions
+        order-ascending
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gamepad-1"
-        name="gamepad-1"
+        data-name="order-descending"
+        name="order-descending"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gamepad-1
+        order-descending
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gamepad"
-        name="gamepad"
+        data-name="outbox-filled"
+        name="outbox-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gamepad
+        outbox-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gamma"
-        name="gamma"
+        data-name="outbox"
+        name="outbox"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gamma
+        outbox
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="garlic"
-        name="garlic"
+        data-name="page-first"
+        name="page-first"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        garlic
+        page-first
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gender-female"
-        name="gender-female"
+        data-name="page-head-filled"
+        name="page-head-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gender-female
+        page-head-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gender-male"
-        name="gender-male"
+        data-name="page-head"
+        name="page-head"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gender-male
+        page-head
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-applause"
-        name="gesture-applause"
+        data-name="page-last"
+        name="page-last"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-applause
+        page-last
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-click"
-        name="gesture-click"
+        data-name="palace-1-filled"
+        name="palace-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-click
+        palace-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-down"
-        name="gesture-down"
+        data-name="palace-1"
+        name="palace-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-down
+        palace-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-expansion"
-        name="gesture-expansion"
+        data-name="palace-2-filled"
+        name="palace-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-expansion
+        palace-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-left-slip"
-        name="gesture-left-slip"
+        data-name="palace-2"
+        name="palace-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-left-slip
+        palace-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-left"
-        name="gesture-left"
+        data-name="palace-3-filled"
+        name="palace-3-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-left
+        palace-3-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-pray-1"
-        name="gesture-pray-1"
+        data-name="palace-3"
+        name="palace-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-pray-1
+        palace-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-pray"
-        name="gesture-pray"
+        data-name="palace-4-filled"
+        name="palace-4-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-pray
+        palace-4-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-press"
-        name="gesture-press"
+        data-name="palace-4"
+        name="palace-4"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-press
+        palace-4
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-ranslation-1"
-        name="gesture-ranslation-1"
+        data-name="palace-filled"
+        name="palace-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-ranslation-1
+        palace-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-ranslation"
-        name="gesture-ranslation"
+        data-name="palace"
+        name="palace"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-ranslation
+        palace
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-right-slip"
-        name="gesture-right-slip"
+        data-name="palette-1-filled"
+        name="palette-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-right-slip
+        palette-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-right"
-        name="gesture-right"
+        data-name="palette-1"
+        name="palette-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-right
+        palette-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-slide-up"
-        name="gesture-slide-up"
+        data-name="palette-filled"
+        name="palette-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-slide-up
+        palette-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-up-1"
-        name="gesture-up-1"
+        data-name="palette"
+        name="palette"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-up-1
+        palette
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-up-2"
-        name="gesture-up-2"
+        data-name="panorama-horizontal-filled"
+        name="panorama-horizontal-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-up-2
+        panorama-horizontal-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-up-and-down"
-        name="gesture-up-and-down"
+        data-name="panorama-horizontal"
+        name="panorama-horizontal"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-up-and-down
+        panorama-horizontal
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-up"
-        name="gesture-up"
+        data-name="panorama-vertical-filled"
+        name="panorama-vertical-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-up
+        panorama-vertical-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gesture-wipe-down"
-        name="gesture-wipe-down"
+        data-name="panorama-vertical"
+        name="panorama-vertical"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gesture-wipe-down
+        panorama-vertical
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gift"
-        name="gift"
+        data-name="pantone-filled"
+        name="pantone-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gift
+        pantone-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="giggle"
-        name="giggle"
+        data-name="pantone"
+        name="pantone"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        giggle
+        pantone
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="git-branch"
-        name="git-branch"
+        data-name="parabola"
+        name="parabola"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        git-branch
+        parabola
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="git-commit"
-        name="git-commit"
+        data-name="parentheses"
+        name="parentheses"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        git-commit
+        parentheses
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="git-merge"
-        name="git-merge"
+        data-name="paste-filled"
+        name="paste-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        git-merge
+        paste-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="git-pull-request"
-        name="git-pull-request"
+        data-name="paste"
+        name="paste"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        git-pull-request
+        paste
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="git-repository-commits"
-        name="git-repository-commits"
+        data-name="patio-filled"
+        name="patio-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        git-repository-commits
+        patio-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="git-repository-private"
-        name="git-repository-private"
+        data-name="patio"
+        name="patio"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        git-repository-private
+        patio
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="git-repository"
-        name="git-repository"
+        data-name="pause-circle-filled"
+        name="pause-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        git-repository
+        pause-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="gps"
-        name="gps"
+        data-name="pause-circle-stroke-filled"
+        name="pause-circle-stroke-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        gps
+        pause-circle-stroke-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="grape"
-        name="grape"
+        data-name="pause-circle-stroke"
+        name="pause-circle-stroke"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        grape
+        pause-circle-stroke
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="greater-than-or-equal"
-        name="greater-than-or-equal"
+        data-name="pause-circle"
+        name="pause-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        greater-than-or-equal
+        pause-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="greater-than"
-        name="greater-than"
+        data-name="pause"
+        name="pause"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        greater-than
+        pause
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="green-onion"
-        name="green-onion"
+        data-name="pea-filled"
+        name="pea-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        green-onion
+        pea-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="grid-add"
-        name="grid-add"
+        data-name="pea"
+        name="pea"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        grid-add
+        pea
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="grid-view"
-        name="grid-view"
+        data-name="peach-filled"
+        name="peach-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        grid-view
+        peach-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="guitar"
-        name="guitar"
+        data-name="peach"
+        name="peach"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        guitar
+        peach
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="hamburger"
-        name="hamburger"
+        data-name="pear-filled"
+        name="pear-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        hamburger
+        pear-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="happy"
-        name="happy"
+        data-name="pear"
+        name="pear"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        happy
+        pear
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="hard-disk-storage"
-        name="hard-disk-storage"
+        data-name="pearl-of-the-orient-filled"
+        name="pearl-of-the-orient-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        hard-disk-storage
+        pearl-of-the-orient-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="hard-drive"
-        name="hard-drive"
+        data-name="pearl-of-the-orient"
+        name="pearl-of-the-orient"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        hard-drive
+        pearl-of-the-orient
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="hashtag"
-        name="hashtag"
+        data-name="pen-ball-filled"
+        name="pen-ball-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        hashtag
+        pen-ball-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="hd"
-        name="hd"
+        data-name="pen-ball"
+        name="pen-ball"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        hd
+        pen-ball
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="heart-filled"
-        name="heart-filled"
+        data-name="pen-brush-filled"
+        name="pen-brush-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        heart-filled
+        pen-brush-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="heart"
-        name="heart"
+        data-name="pen-brush"
+        name="pen-brush"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        heart
+        pen-brush
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="help-circle-filled"
-        name="help-circle-filled"
+        data-name="pen-filled"
+        name="pen-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        help-circle-filled
+        pen-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="help-circle"
-        name="help-circle"
+        data-name="pen-mark-filled"
+        name="pen-mark-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        help-circle
+        pen-mark-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="help-rectangle"
-        name="help-rectangle"
+        data-name="pen-mark"
+        name="pen-mark"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        help-rectangle
+        pen-mark
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="help"
-        name="help"
+        data-name="pen-quill-filled"
+        name="pen-quill-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        help
+        pen-quill-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="highlight-1"
-        name="highlight-1"
+        data-name="pen-quill"
+        name="pen-quill"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        highlight-1
+        pen-quill
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="highlight"
-        name="highlight"
+        data-name="pen"
+        name="pen"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        highlight
+        pen
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="history-setting"
-        name="history-setting"
+        data-name="pending-filled"
+        name="pending-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        history-setting
+        pending-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="history"
-        name="history"
+        data-name="pending"
+        name="pending"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        history
+        pending
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="home"
-        name="home"
+        data-name="percent"
+        name="percent"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        home
+        percent
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="hospital-1"
-        name="hospital-1"
+        data-name="personal-information-filled"
+        name="personal-information-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        hospital-1
+        personal-information-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="hospital"
-        name="hospital"
+        data-name="personal-information"
+        name="personal-information"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        hospital
+        personal-information
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="hotspot-wave"
-        name="hotspot-wave"
+        data-name="phone-locked-filled"
+        name="phone-locked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        hotspot-wave
+        phone-locked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="hourglass"
-        name="hourglass"
+        data-name="phone-locked"
+        name="phone-locked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        hourglass
+        phone-locked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="houses-1"
-        name="houses-1"
+        data-name="phone-search-filled"
+        name="phone-search-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        houses-1
+        phone-search-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="houses-2"
-        name="houses-2"
+        data-name="phone-search"
+        name="phone-search"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        houses-2
+        phone-search
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="houses"
-        name="houses"
+        data-name="pi"
+        name="pi"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        houses
+        pi
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="html5"
-        name="html5"
+        data-name="piano-filled"
+        name="piano-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        html5
+        piano-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="https"
-        name="https"
+        data-name="piano"
+        name="piano"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        https
+        piano
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="ice-cream"
-        name="ice-cream"
+        data-name="pin-filled"
+        name="pin-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        ice-cream
+        pin-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="icon"
-        name="icon"
+        data-name="pin"
+        name="pin"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        icon
+        pin
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="image-1"
-        name="image-1"
+        data-name="play-circle-filled"
+        name="play-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        image-1
+        play-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="image-add"
-        name="image-add"
+        data-name="play-circle-stroke-add-filled"
+        name="play-circle-stroke-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        image-add
+        play-circle-stroke-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="image-edit"
-        name="image-edit"
+        data-name="play-circle-stroke-add"
+        name="play-circle-stroke-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        image-edit
+        play-circle-stroke-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="image-error"
-        name="image-error"
+        data-name="play-circle-stroke-filled"
+        name="play-circle-stroke-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        image-error
+        play-circle-stroke-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="image-off"
-        name="image-off"
+        data-name="play-circle-stroke"
+        name="play-circle-stroke"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        image-off
+        play-circle-stroke
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="image-search"
-        name="image-search"
+        data-name="play-circle"
+        name="play-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        image-search
+        play-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="image"
-        name="image"
+        data-name="play-demo-filled"
+        name="play-demo-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        image
+        play-demo-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="indent-left"
-        name="indent-left"
+        data-name="play-demo"
+        name="play-demo"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        indent-left
+        play-demo
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="indent-right"
-        name="indent-right"
+        data-name="play-rectangle-filled"
+        name="play-rectangle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        indent-right
+        play-rectangle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="indicator"
-        name="indicator"
+        data-name="play-rectangle"
+        name="play-rectangle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        indicator
+        play-rectangle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="info-circle-filled"
-        name="info-circle-filled"
+        data-name="play"
+        name="play"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        info-circle-filled
+        play
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="info-circle"
-        name="info-circle"
+        data-name="plus"
+        name="plus"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        info-circle
+        plus
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="ink"
-        name="ink"
+        data-name="popsicle-filled"
+        name="popsicle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        ink
+        popsicle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="install-desktop"
-        name="install-desktop"
+        data-name="popsicle"
+        name="popsicle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        install-desktop
+        popsicle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="install-mobile"
-        name="install-mobile"
+        data-name="portrait-filled"
+        name="portrait-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        install-mobile
+        portrait-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="install"
-        name="install"
+        data-name="portrait"
+        name="portrait"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        install
+        portrait
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="institution-checked"
-        name="institution-checked"
+        data-name="pout-filled"
+        name="pout-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        institution-checked
+        pout-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="institution"
-        name="institution"
+        data-name="pout"
+        name="pout"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        institution
+        pout
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="internet"
-        name="internet"
+        data-name="poweroff"
+        name="poweroff"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        internet
+        poweroff
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="ipod"
-        name="ipod"
+        data-name="precise-monitor"
+        name="precise-monitor"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        ipod
+        precise-monitor
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="joyful"
-        name="joyful"
+        data-name="previous-filled"
+        name="previous-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        joyful
+        previous-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="jump-off"
-        name="jump-off"
+        data-name="previous"
+        name="previous"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        jump-off
+        previous
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="jump"
-        name="jump"
+        data-name="print-filled"
+        name="print-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        jump
+        print-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="keyboard"
-        name="keyboard"
+        data-name="print"
+        name="print"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        keyboard
+        print
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="laptop"
-        name="laptop"
+        data-name="pumpkin-filled"
+        name="pumpkin-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        laptop
+        pumpkin-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="layers"
-        name="layers"
+        data-name="pumpkin"
+        name="pumpkin"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        layers
+        pumpkin
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="layout"
-        name="layout"
+        data-name="pyramid-filled"
+        name="pyramid-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        layout
+        pyramid-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="leaderboard"
-        name="leaderboard"
+        data-name="pyramid-maya-filled"
+        name="pyramid-maya-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        leaderboard
+        pyramid-maya-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lemon-slice"
-        name="lemon-slice"
+        data-name="pyramid-maya"
+        name="pyramid-maya"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lemon-slice
+        pyramid-maya
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lemon"
-        name="lemon"
+        data-name="pyramid"
+        name="pyramid"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lemon
+        pyramid
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="less-than-or-equal"
-        name="less-than-or-equal"
+        data-name="qrcode"
+        name="qrcode"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        less-than-or-equal
+        qrcode
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="less-than"
-        name="less-than"
+        data-name="quadratic"
+        name="quadratic"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        less-than
+        quadratic
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-a"
-        name="letters-a"
+        data-name="questionnaire-double-filled"
+        name="questionnaire-double-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-a
+        questionnaire-double-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-b"
-        name="letters-b"
+        data-name="questionnaire-double"
+        name="questionnaire-double"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-b
+        questionnaire-double
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-c"
-        name="letters-c"
+        data-name="questionnaire-filled"
+        name="questionnaire-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-c
+        questionnaire-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-d"
-        name="letters-d"
+        data-name="questionnaire"
+        name="questionnaire"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-d
+        questionnaire
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-e"
-        name="letters-e"
+        data-name="queue-filled"
+        name="queue-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-e
+        queue-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-f"
-        name="letters-f"
+        data-name="queue"
+        name="queue"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-f
+        queue
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-g"
-        name="letters-g"
+        data-name="radar"
+        name="radar"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-g
+        radar
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-h"
-        name="letters-h"
+        data-name="radio-1-filled"
+        name="radio-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-h
+        radio-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-i"
-        name="letters-i"
+        data-name="radio-1"
+        name="radio-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-i
+        radio-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-j"
-        name="letters-j"
+        data-name="radio-2-filled"
+        name="radio-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-j
+        radio-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-k"
-        name="letters-k"
+        data-name="radio-2"
+        name="radio-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-k
+        radio-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-l"
-        name="letters-l"
+        data-name="radish-filled"
+        name="radish-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-l
+        radish-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-m"
-        name="letters-m"
+        data-name="radish"
+        name="radish"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-m
+        radish
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-n"
-        name="letters-n"
+        data-name="rain-heavy"
+        name="rain-heavy"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-n
+        rain-heavy
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-o"
-        name="letters-o"
+        data-name="rain-light-filled"
+        name="rain-light-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-o
+        rain-light-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-p"
-        name="letters-p"
+        data-name="rain-light"
+        name="rain-light"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-p
+        rain-light
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-q"
-        name="letters-q"
+        data-name="rain-medium"
+        name="rain-medium"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-q
+        rain-medium
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-r"
-        name="letters-r"
+        data-name="rainbow"
+        name="rainbow"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-r
+        rainbow
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-s"
-        name="letters-s"
+        data-name="rectangle-filled"
+        name="rectangle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-s
+        rectangle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-t"
-        name="letters-t"
+        data-name="rectangle"
+        name="rectangle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-t
+        rectangle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-u"
-        name="letters-u"
+        data-name="refresh"
+        name="refresh"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-u
+        refresh
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-v"
-        name="letters-v"
+        data-name="relation"
+        name="relation"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-v
+        relation
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-w"
-        name="letters-w"
+        data-name="relativity-filled"
+        name="relativity-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-w
+        relativity-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-x"
-        name="letters-x"
+        data-name="relativity"
+        name="relativity"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-x
+        relativity
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
-      <t-icon
-        data-name="letters-y"
-        name="letters-y"
+      <t-icon
+        data-name="remote-wave-filled"
+        name="remote-wave-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-y
+        remote-wave-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="letters-z"
-        name="letters-z"
+        data-name="remote-wave"
+        name="remote-wave"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        letters-z
+        remote-wave
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lightbulb-circle"
-        name="lightbulb-circle"
+        data-name="remove"
+        name="remove"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lightbulb-circle
+        remove
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lightbulb"
-        name="lightbulb"
+        data-name="replay-filled"
+        name="replay-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lightbulb
+        replay-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lighthouse-1"
-        name="lighthouse-1"
+        data-name="replay"
+        name="replay"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lighthouse-1
+        replay
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lighthouse-2"
-        name="lighthouse-2"
+        data-name="rice-ball-filled"
+        name="rice-ball-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lighthouse-2
+        rice-ball-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lighthouse"
-        name="lighthouse"
+        data-name="rice-ball"
+        name="rice-ball"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lighthouse
+        rice-ball
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lighting-circle"
-        name="lighting-circle"
+        data-name="rice-filled"
+        name="rice-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lighting-circle
+        rice-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="line-height"
-        name="line-height"
+        data-name="rice"
+        name="rice"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        line-height
+        rice
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="link-1"
-        name="link-1"
+        data-name="roast-filled"
+        name="roast-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        link-1
+        roast-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="link-unlink"
-        name="link-unlink"
+        data-name="roast"
+        name="roast"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        link-unlink
+        roast
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="link"
-        name="link"
+        data-name="rocket-filled"
+        name="rocket-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        link
+        rocket-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="liquor"
-        name="liquor"
+        data-name="rocket"
+        name="rocket"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        liquor
+        rocket
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="list-numbered"
-        name="list-numbered"
+        data-name="rollback"
+        name="rollback"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        list-numbered
+        rollback
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="list"
-        name="list"
+        data-name="rollfront"
+        name="rollfront"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        list
+        rollfront
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="load"
-        name="load"
+        data-name="root-list-filled"
+        name="root-list-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        load
+        root-list-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="loading"
-        name="loading"
+        data-name="root-list"
+        name="root-list"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        loading
+        root-list
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="location-1"
-        name="location-1"
+        data-name="rotate-locked-filled"
+        name="rotate-locked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        location-1
+        rotate-locked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="location-enlargement"
-        name="location-enlargement"
+        data-name="rotate-locked"
+        name="rotate-locked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        location-enlargement
+        rotate-locked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="location-error"
-        name="location-error"
+        data-name="rotate"
+        name="rotate"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        location-error
+        rotate
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="location-parking-place"
-        name="location-parking-place"
+        data-name="rotation"
+        name="rotation"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        location-parking-place
+        rotation
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="location-reduction"
-        name="location-reduction"
+        data-name="round-filled"
+        name="round-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        location-reduction
+        round-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="location-setting"
-        name="location-setting"
+        data-name="round"
+        name="round"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        location-setting
+        round
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="location"
-        name="location"
+        data-name="router-wave-filled"
+        name="router-wave-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        location
+        router-wave-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lock-off-filled"
-        name="lock-off-filled"
+        data-name="router-wave"
+        name="router-wave"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lock-off-filled
+        router-wave
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lock-off"
-        name="lock-off"
+        data-name="rss"
+        name="rss"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lock-off
+        rss
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lock-on-filled"
-        name="lock-on-filled"
+        data-name="ruler-filled"
+        name="ruler-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lock-on-filled
+        ruler-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lock-on"
-        name="lock-on"
+        data-name="ruler"
+        name="ruler"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lock-on
+        ruler
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="lock-time"
-        name="lock-time"
+        data-name="sailing-hotel-filled"
+        name="sailing-hotel-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        lock-time
+        sailing-hotel-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="login"
-        name="login"
+        data-name="sailing-hotel"
+        name="sailing-hotel"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        login
+        sailing-hotel
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-adobe-illustrate"
-        name="logo-adobe-illustrate"
+        data-name="sandwich-filled"
+        name="sandwich-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-adobe-illustrate
+        sandwich-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-adobe-photoshop-1"
-        name="logo-adobe-photoshop-1"
+        data-name="sandwich"
+        name="sandwich"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-adobe-photoshop-1
+        sandwich
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-adobe-photoshop"
-        name="logo-adobe-photoshop"
+        data-name="saturation-filled"
+        name="saturation-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-adobe-photoshop
+        saturation-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-android"
-        name="logo-android"
+        data-name="saturation"
+        name="saturation"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-android
+        saturation
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-apple-filled"
-        name="logo-apple-filled"
+        data-name="sausage-filled"
+        name="sausage-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-apple-filled
+        sausage-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-apple"
-        name="logo-apple"
+        data-name="sausage"
+        name="sausage"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-apple
+        sausage
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-behance"
-        name="logo-behance"
+        data-name="save-filled"
+        name="save-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-behance
+        save-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-chrome-filled"
-        name="logo-chrome-filled"
+        data-name="save"
+        name="save"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-chrome-filled
+        save
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-chrome"
-        name="logo-chrome"
+        data-name="saving-pot-filled"
+        name="saving-pot-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-chrome
+        saving-pot-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-cinema4d"
-        name="logo-cinema4d"
+        data-name="saving-pot"
+        name="saving-pot"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-cinema4d
+        saving-pot
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-codepen"
-        name="logo-codepen"
+        data-name="scan"
+        name="scan"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-codepen
+        scan
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-codesandbox"
-        name="logo-codesandbox"
+        data-name="screen-4k-filled"
+        name="screen-4k-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-codesandbox
+        screen-4k-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-dribbble"
-        name="logo-dribbble"
+        data-name="screen-4k"
+        name="screen-4k"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-dribbble
+        screen-4k
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-facebook"
-        name="logo-facebook"
+        data-name="screencast-filled"
+        name="screencast-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-facebook
+        screencast-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-figma"
-        name="logo-figma"
+        data-name="screencast"
+        name="screencast"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-figma
+        screencast
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-framer"
-        name="logo-framer"
+        data-name="screenshot"
+        name="screenshot"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-framer
+        screenshot
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-github-filled"
-        name="logo-github-filled"
+        data-name="scroll-bar-filled"
+        name="scroll-bar-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-github-filled
+        scroll-bar-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-github"
-        name="logo-github"
+        data-name="scroll-bar"
+        name="scroll-bar"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-github
+        scroll-bar
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-gitlab"
-        name="logo-gitlab"
+        data-name="sd-card-1-filled"
+        name="sd-card-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-gitlab
+        sd-card-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-ie-filled"
-        name="logo-ie-filled"
+        data-name="sd-card-1"
+        name="sd-card-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-ie-filled
+        sd-card-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-ie"
-        name="logo-ie"
+        data-name="sd-card-filled"
+        name="sd-card-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-ie
+        sd-card-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-instagram"
-        name="logo-instagram"
+        data-name="sd-card"
+        name="sd-card"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-instagram
+        sd-card
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-qq"
-        name="logo-qq"
+        data-name="search-error-filled"
+        name="search-error-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-qq
+        search-error-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-twitter"
-        name="logo-twitter"
+        data-name="search-error"
+        name="search-error"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-twitter
+        search-error
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-wechat-stroke"
-        name="logo-wechat-stroke"
+        data-name="search-filled"
+        name="search-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-wechat-stroke
+        search-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-wechat"
-        name="logo-wechat"
+        data-name="search"
+        name="search"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-wechat
+        search
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-wecom"
-        name="logo-wecom"
+        data-name="secured-filled"
+        name="secured-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-wecom
+        secured-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-windows-filled"
-        name="logo-windows-filled"
+        data-name="secured"
+        name="secured"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-windows-filled
+        secured
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-windows"
-        name="logo-windows"
+        data-name="send-cancel-filled"
+        name="send-cancel-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-windows
+        send-cancel-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logo-youtube"
-        name="logo-youtube"
+        data-name="send-cancel"
+        name="send-cancel"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logo-youtube
+        send-cancel
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="logout"
-        name="logout"
+        data-name="send-filled"
+        name="send-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        logout
+        send-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="look-around"
-        name="look-around"
+        data-name="send"
+        name="send"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        look-around
+        send
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="loudspeaker"
-        name="loudspeaker"
+        data-name="sensors-1"
+        name="sensors-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        loudspeaker
+        sensors-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mail"
-        name="mail"
+        data-name="sensors-2"
+        name="sensors-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mail
+        sensors-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-3d"
-        name="map-3d"
+        data-name="sensors-off"
+        name="sensors-off"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-3d
+        sensors-off
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-add"
-        name="map-add"
+        data-name="sensors"
+        name="sensors"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-add
+        sensors
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-aiming"
-        name="map-aiming"
+        data-name="sequence-filled"
+        name="sequence-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-aiming
+        sequence-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-blocked"
-        name="map-blocked"
+        data-name="sequence"
+        name="sequence"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-blocked
+        sequence
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-bubble"
-        name="map-bubble"
+        data-name="serenity-filled"
+        name="serenity-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-bubble
+        serenity-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-cancel"
-        name="map-cancel"
+        data-name="serenity"
+        name="serenity"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-cancel
+        serenity
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-chat"
-        name="map-chat"
+        data-name="server-filled"
+        name="server-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-chat
+        server-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-checked"
-        name="map-checked"
+        data-name="server"
+        name="server"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-checked
+        server
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-collection"
-        name="map-collection"
+        data-name="service-filled"
+        name="service-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-collection
+        service-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-connection"
-        name="map-connection"
+        data-name="service"
+        name="service"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-connection
+        service
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-distance"
-        name="map-distance"
+        data-name="setting-1-filled"
+        name="setting-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-distance
+        setting-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-double"
-        name="map-double"
+        data-name="setting-1"
+        name="setting-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-double
+        setting-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-edit"
-        name="map-edit"
+        data-name="setting-filled"
+        name="setting-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-edit
+        setting-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-grid"
-        name="map-grid"
+        data-name="setting"
+        name="setting"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-grid
+        setting
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-information-1"
-        name="map-information-1"
+        data-name="share-1-filled"
+        name="share-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-information-1
+        share-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-information-2"
-        name="map-information-2"
+        data-name="share-1"
+        name="share-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-information-2
+        share-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-information"
-        name="map-information"
+        data-name="share-filled"
+        name="share-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-information
+        share-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-location"
-        name="map-location"
+        data-name="share"
+        name="share"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-location
+        share
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-locked"
-        name="map-locked"
+        data-name="sharpness-filled"
+        name="sharpness-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-locked
+        sharpness-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-marked"
-        name="map-marked"
+        data-name="sharpness"
+        name="sharpness"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-marked
+        sharpness
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-navigation"
-        name="map-navigation"
+        data-name="shield-error-filled"
+        name="shield-error-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-navigation
+        shield-error-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-outline"
-        name="map-outline"
+        data-name="shield-error"
+        name="shield-error"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-outline
+        shield-error
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-route-planning"
-        name="map-route-planning"
+        data-name="shimen-filled"
+        name="shimen-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-route-planning
+        shimen-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-ruler"
-        name="map-ruler"
+        data-name="shimen"
+        name="shimen"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-ruler
+        shimen
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-safety"
-        name="map-safety"
+        data-name="shop-1-filled"
+        name="shop-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-safety
+        shop-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-search-1"
-        name="map-search-1"
+        data-name="shop-1"
+        name="shop-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-search-1
+        shop-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-search"
-        name="map-search"
+        data-name="shop-2-filled"
+        name="shop-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-search
+        shop-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-setting"
-        name="map-setting"
+        data-name="shop-2"
+        name="shop-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-setting
+        shop-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map-unlocked"
-        name="map-unlocked"
+        data-name="shop-3-filled"
+        name="shop-3-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map-unlocked
+        shop-3-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="map"
-        name="map"
+        data-name="shop-3"
+        name="shop-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        map
+        shop-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mark-as-unread"
-        name="mark-as-unread"
+        data-name="shop-4-filled"
+        name="shop-4-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mark-as-unread
+        shop-4-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="markup"
-        name="markup"
+        data-name="shop-4"
+        name="shop-4"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        markup
+        shop-4
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mathematics"
-        name="mathematics"
+        data-name="shop-5-filled"
+        name="shop-5-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mathematics
+        shop-5-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="measurement-1"
-        name="measurement-1"
+        data-name="shop-5"
+        name="shop-5"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        measurement-1
+        shop-5
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="measurement-2"
-        name="measurement-2"
+        data-name="shop-filled"
+        name="shop-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        measurement-2
+        shop-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="measurement"
-        name="measurement"
+        data-name="shop"
+        name="shop"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        measurement
+        shop
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="meat-pepper"
-        name="meat-pepper"
+        data-name="shrimp-filled"
+        name="shrimp-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        meat-pepper
+        shrimp-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="media-library"
-        name="media-library"
+        data-name="shrimp"
+        name="shrimp"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        media-library
+        shrimp
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="member"
-        name="member"
+        data-name="shrink-horizontal"
+        name="shrink-horizontal"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        member
+        shrink-horizontal
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="menu-application"
-        name="menu-application"
+        data-name="shrink-vertical"
+        name="shrink-vertical"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        menu-application
+        shrink-vertical
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="menu-fold"
-        name="menu-fold"
+        data-name="shutter-filled"
+        name="shutter-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        menu-fold
+        shutter-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="menu-unfold"
-        name="menu-unfold"
+        data-name="shutter"
+        name="shutter"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        menu-unfold
+        shutter
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="menu"
-        name="menu"
+        data-name="shutup-filled"
+        name="shutup-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        menu
+        shutup-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="merge-cells"
-        name="merge-cells"
+        data-name="shutup"
+        name="shutup"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        merge-cells
+        shutup
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="microphone-1"
-        name="microphone-1"
+        data-name="sim-card-1-filled"
+        name="sim-card-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        microphone-1
+        sim-card-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="microphone-2"
-        name="microphone-2"
+        data-name="sim-card-1"
+        name="sim-card-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        microphone-2
+        sim-card-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="microphone"
-        name="microphone"
+        data-name="sim-card-2-filled"
+        name="sim-card-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        microphone
+        sim-card-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
-      <t-icon
-        data-name="milk"
-        name="milk"
+      <t-icon
+        data-name="sim-card-2"
+        name="sim-card-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        milk
+        sim-card-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="minus-circle-filled"
-        name="minus-circle-filled"
+        data-name="sim-card-filled"
+        name="sim-card-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        minus-circle-filled
+        sim-card-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="minus-circle"
-        name="minus-circle"
+        data-name="sim-card"
+        name="sim-card"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        minus-circle
+        sim-card
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="minus-rectangle-filled"
-        name="minus-rectangle-filled"
+        data-name="sinister-smile-filled"
+        name="sinister-smile-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        minus-rectangle-filled
+        sinister-smile-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="minus-rectangle"
-        name="minus-rectangle"
+        data-name="sinister-smile"
+        name="sinister-smile"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        minus-rectangle
+        sinister-smile
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="minus"
-        name="minus"
+        data-name="sip-filled"
+        name="sip-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        minus
+        sip-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mirror"
-        name="mirror"
+        data-name="sip"
+        name="sip"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mirror
+        sip
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mobile-blocked"
-        name="mobile-blocked"
+        data-name="sitemap-filled"
+        name="sitemap-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mobile-blocked
+        sitemap-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mobile-list"
-        name="mobile-list"
+        data-name="sitemap"
+        name="sitemap"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mobile-list
+        sitemap
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mobile-navigation"
-        name="mobile-navigation"
+        data-name="slash"
+        name="slash"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mobile-navigation
+        slash
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mobile-shortcut"
-        name="mobile-shortcut"
+        data-name="sleep-filled"
+        name="sleep-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mobile-shortcut
+        sleep-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mobile-vibrate"
-        name="mobile-vibrate"
+        data-name="sleep"
+        name="sleep"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mobile-vibrate
+        sleep
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mobile"
-        name="mobile"
+        data-name="slice-filled"
+        name="slice-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mobile
+        slice-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mode-dark"
-        name="mode-dark"
+        data-name="slice"
+        name="slice"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mode-dark
+        slice
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mode-light"
-        name="mode-light"
+        data-name="slideshow-filled"
+        name="slideshow-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mode-light
+        slideshow-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="module"
-        name="module"
+        data-name="slideshow"
+        name="slideshow"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        module
+        slideshow
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="money"
-        name="money"
+        data-name="smile-filled"
+        name="smile-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        money
+        smile-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="monument"
-        name="monument"
+        data-name="smile"
+        name="smile"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        monument
+        smile
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="moon-fall"
-        name="moon-fall"
+        data-name="sneer-filled"
+        name="sneer-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        moon-fall
+        sneer-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="moon-rising"
-        name="moon-rising"
+        data-name="sneer"
+        name="sneer"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        moon-rising
+        sneer
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="moon"
-        name="moon"
+        data-name="snowflake"
+        name="snowflake"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        moon
+        snowflake
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="more"
-        name="more"
+        data-name="sonic"
+        name="sonic"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        more
+        sonic
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mosque-1"
-        name="mosque-1"
+        data-name="sound-down-filled"
+        name="sound-down-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mosque-1
+        sound-down-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mosque"
-        name="mosque"
+        data-name="sound-down"
+        name="sound-down"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mosque
+        sound-down
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mouse"
-        name="mouse"
+        data-name="sound-filled"
+        name="sound-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mouse
+        sound-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="move-1"
-        name="move-1"
+        data-name="sound-high-filled"
+        name="sound-high-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        move-1
+        sound-high-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="move"
-        name="move"
+        data-name="sound-high"
+        name="sound-high"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        move
+        sound-high
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="movie-clapper"
-        name="movie-clapper"
+        data-name="sound-low-filled"
+        name="sound-low-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        movie-clapper
+        sound-low-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="multiply"
-        name="multiply"
+        data-name="sound-low"
+        name="sound-low"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        multiply
+        sound-low
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="museum-1"
-        name="museum-1"
+        data-name="sound-mute-1-filled"
+        name="sound-mute-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        museum-1
+        sound-mute-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="museum-2"
-        name="museum-2"
+        data-name="sound-mute-1"
+        name="sound-mute-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        museum-2
+        sound-mute-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="museum"
-        name="museum"
+        data-name="sound-mute-filled"
+        name="sound-mute-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        museum
+        sound-mute-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mushroom-1"
-        name="mushroom-1"
+        data-name="sound-mute"
+        name="sound-mute"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mushroom-1
+        sound-mute
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="mushroom"
-        name="mushroom"
+        data-name="sound-up-filled"
+        name="sound-up-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        mushroom
+        sound-up-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="music-1"
-        name="music-1"
+        data-name="sound-up"
+        name="sound-up"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        music-1
+        sound-up
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="music-2"
-        name="music-2"
+        data-name="sound"
+        name="sound"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        music-2
+        sound
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="music-rectangle-add"
-        name="music-rectangle-add"
+        data-name="space"
+        name="space"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        music-rectangle-add
+        space
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="music"
-        name="music"
+        data-name="speechless-1-filled"
+        name="speechless-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        music
+        speechless-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="navigation-arrow"
-        name="navigation-arrow"
+        data-name="speechless-1"
+        name="speechless-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        navigation-arrow
+        speechless-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="next"
-        name="next"
+        data-name="speechless-filled"
+        name="speechless-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        next
+        speechless-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="no-expression"
-        name="no-expression"
+        data-name="speechless"
+        name="speechless"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        no-expression
+        speechless
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="noodle"
-        name="noodle"
+        data-name="star-filled"
+        name="star-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        noodle
+        star-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="notification-add"
-        name="notification-add"
+        data-name="star"
+        name="star"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        notification-add
+        star
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="notification-circle"
-        name="notification-circle"
+        data-name="statue-of-jesus-filled"
+        name="statue-of-jesus-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        notification-circle
+        statue-of-jesus-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="notification-error"
-        name="notification-error"
+        data-name="statue-of-jesus"
+        name="statue-of-jesus"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        notification-error
+        statue-of-jesus
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="notification-filled"
-        name="notification-filled"
+        data-name="sticky-note-filled"
+        name="sticky-note-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        notification-filled
+        sticky-note-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="notification"
-        name="notification"
+        data-name="sticky-note"
+        name="sticky-note"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        notification
+        sticky-note
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-0-1"
-        name="numbers-0-1"
+        data-name="stop-circle-filled"
+        name="stop-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-0-1
+        stop-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-0"
-        name="numbers-0"
+        data-name="stop-circle-stroke-filled"
+        name="stop-circle-stroke-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-0
+        stop-circle-stroke-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-1-1"
-        name="numbers-1-1"
+        data-name="stop-circle-stroke"
+        name="stop-circle-stroke"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-1-1
+        stop-circle-stroke
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-1"
-        name="numbers-1"
+        data-name="stop-circle"
+        name="stop-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-1
+        stop-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-2-1"
-        name="numbers-2-1"
+        data-name="stop"
+        name="stop"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-2-1
+        stop
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-2"
-        name="numbers-2"
+        data-name="store-filled"
+        name="store-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-2
+        store-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-3-1"
-        name="numbers-3-1"
+        data-name="store"
+        name="store"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-3-1
+        store
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-3"
-        name="numbers-3"
+        data-name="street-road-1-filled"
+        name="street-road-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-3
+        street-road-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-4-1"
-        name="numbers-4-1"
+        data-name="street-road-1"
+        name="street-road-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-4-1
+        street-road-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-4"
-        name="numbers-4"
+        data-name="street-road-filled"
+        name="street-road-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-4
+        street-road-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-5-1"
-        name="numbers-5-1"
+        data-name="street-road"
+        name="street-road"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-5-1
+        street-road
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-5"
-        name="numbers-5"
+        data-name="subtitle-filled"
+        name="subtitle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-5
+        subtitle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-6-1"
-        name="numbers-6-1"
+        data-name="subtitle"
+        name="subtitle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-6-1
+        subtitle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-6"
-        name="numbers-6"
+        data-name="subway-line-filled"
+        name="subway-line-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-6
+        subway-line-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-7-1"
-        name="numbers-7-1"
+        data-name="subway-line"
+        name="subway-line"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-7-1
+        subway-line
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-7"
-        name="numbers-7"
+        data-name="sum"
+        name="sum"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-7
+        sum
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-8-1"
-        name="numbers-8-1"
+        data-name="sun-fall-filled"
+        name="sun-fall-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-8-1
+        sun-fall-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-8"
-        name="numbers-8"
+        data-name="sun-fall"
+        name="sun-fall"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-8
+        sun-fall
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-9-1"
-        name="numbers-9-1"
+        data-name="sun-rising-filled"
+        name="sun-rising-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-9-1
+        sun-rising-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="numbers-9"
-        name="numbers-9"
+        data-name="sun-rising"
+        name="sun-rising"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        numbers-9
+        sun-rising
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="nut"
-        name="nut"
+        data-name="sunny-filled"
+        name="sunny-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        nut
+        sunny-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="object-storage"
-        name="object-storage"
+        data-name="sunny"
+        name="sunny"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        object-storage
+        sunny
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="open-mouth"
-        name="open-mouth"
+        data-name="support-filled"
+        name="support-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        open-mouth
+        support-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="opera"
-        name="opera"
+        data-name="support"
+        name="support"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        opera
+        support
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="order-adjustment-column"
-        name="order-adjustment-column"
+        data-name="surprised-1-filled"
+        name="surprised-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        order-adjustment-column
+        surprised-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="order-ascending"
-        name="order-ascending"
+        data-name="surprised-1"
+        name="surprised-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        order-ascending
+        surprised-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="order-descending"
-        name="order-descending"
+        data-name="surprised-filled"
+        name="surprised-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        order-descending
+        surprised-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="outbox"
-        name="outbox"
+        data-name="surprised"
+        name="surprised"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        outbox
+        surprised
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="page-first"
-        name="page-first"
+        data-name="swap-left"
+        name="swap-left"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        page-first
+        swap-left
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="page-head"
-        name="page-head"
+        data-name="swap-right"
+        name="swap-right"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        page-head
+        swap-right
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="page-last"
-        name="page-last"
+        data-name="swap"
+        name="swap"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        page-last
+        swap
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="palace-1"
-        name="palace-1"
+        data-name="swear-1-filled"
+        name="swear-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        palace-1
+        swear-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="palace-2"
-        name="palace-2"
+        data-name="swear-1"
+        name="swear-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        palace-2
+        swear-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="palace-3"
-        name="palace-3"
+        data-name="swear-2-filled"
+        name="swear-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        palace-3
+        swear-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="palace-4"
-        name="palace-4"
+        data-name="swear-2"
+        name="swear-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        palace-4
+        swear-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="palace"
-        name="palace"
+        data-name="system-2"
+        name="system-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        palace
+        system-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="palette-1"
-        name="palette-1"
+        data-name="system-3-filled"
+        name="system-3-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        palette-1
+        system-3-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="palette"
-        name="palette"
+        data-name="system-3"
+        name="system-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        palette
+        system-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="panorama-horizontal"
-        name="panorama-horizontal"
+        data-name="system-application-filled"
+        name="system-application-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        panorama-horizontal
+        system-application-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="panorama-vertical"
-        name="panorama-vertical"
+        data-name="system-application"
+        name="system-application"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        panorama-vertical
+        system-application
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pantone"
-        name="pantone"
+        data-name="system-blocked-filled"
+        name="system-blocked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pantone
+        system-blocked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="parabola"
-        name="parabola"
+        data-name="system-blocked"
+        name="system-blocked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        parabola
+        system-blocked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="parentheses"
-        name="parentheses"
+        data-name="system-code-filled"
+        name="system-code-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        parentheses
+        system-code-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="paste"
-        name="paste"
+        data-name="system-code"
+        name="system-code"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        paste
+        system-code
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="patio"
-        name="patio"
+        data-name="system-components-filled"
+        name="system-components-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        patio
+        system-components-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pause-circle-filled"
-        name="pause-circle-filled"
+        data-name="system-components"
+        name="system-components"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pause-circle-filled
+        system-components
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pause-circle-stroke"
-        name="pause-circle-stroke"
+        data-name="system-coordinate-filled"
+        name="system-coordinate-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pause-circle-stroke
+        system-coordinate-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pause-circle"
-        name="pause-circle"
+        data-name="system-coordinate"
+        name="system-coordinate"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pause-circle
+        system-coordinate
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pause"
-        name="pause"
+        data-name="system-device-filled"
+        name="system-device-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pause
+        system-device-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pea"
-        name="pea"
+        data-name="system-device"
+        name="system-device"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pea
+        system-device
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="peach"
-        name="peach"
+        data-name="system-interface-filled"
+        name="system-interface-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        peach
+        system-interface-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pear"
-        name="pear"
+        data-name="system-interface"
+        name="system-interface"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pear
+        system-interface
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pearl-of-the-orient"
-        name="pearl-of-the-orient"
+        data-name="system-location-filled"
+        name="system-location-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pearl-of-the-orient
+        system-location-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pen-ball"
-        name="pen-ball"
+        data-name="system-location"
+        name="system-location"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pen-ball
+        system-location
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pen-brush"
-        name="pen-brush"
+        data-name="system-locked-filled"
+        name="system-locked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pen-brush
+        system-locked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pen-mark"
-        name="pen-mark"
+        data-name="system-locked"
+        name="system-locked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pen-mark
+        system-locked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pen-quill"
-        name="pen-quill"
+        data-name="system-log-filled"
+        name="system-log-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pen-quill
+        system-log-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pen"
-        name="pen"
+        data-name="system-log"
+        name="system-log"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pen
+        system-log
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pending"
-        name="pending"
+        data-name="system-marked-filled"
+        name="system-marked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pending
+        system-marked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="percent"
-        name="percent"
+        data-name="system-marked"
+        name="system-marked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        percent
+        system-marked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="personal-information"
-        name="personal-information"
+        data-name="system-messages-filled"
+        name="system-messages-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        personal-information
+        system-messages-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="phone-locked"
-        name="phone-locked"
+        data-name="system-messages"
+        name="system-messages"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        phone-locked
+        system-messages
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="phone-search"
-        name="phone-search"
+        data-name="system-regulation-filled"
+        name="system-regulation-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        phone-search
+        system-regulation-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
-      <t-icon
-        data-name="pi"
-        name="pi"
+      <t-icon
+        data-name="system-regulation"
+        name="system-regulation"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pi
+        system-regulation
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="piano"
-        name="piano"
+        data-name="system-search-filled"
+        name="system-search-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        piano
+        system-search-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pin-filled"
-        name="pin-filled"
+        data-name="system-search"
+        name="system-search"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pin-filled
+        system-search
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pin"
-        name="pin"
+        data-name="system-setting-filled"
+        name="system-setting-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pin
+        system-setting-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="play-circle-filled"
-        name="play-circle-filled"
+        data-name="system-setting"
+        name="system-setting"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        play-circle-filled
+        system-setting
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="play-circle-stroke-add"
-        name="play-circle-stroke-add"
+        data-name="system-storage-filled"
+        name="system-storage-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        play-circle-stroke-add
+        system-storage-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="play-circle-stroke"
-        name="play-circle-stroke"
+        data-name="system-storage"
+        name="system-storage"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        play-circle-stroke
+        system-storage
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="play-circle"
-        name="play-circle"
+        data-name="system-sum"
+        name="system-sum"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        play-circle
+        system-sum
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="play-demo"
-        name="play-demo"
+        data-name="system-unlocked-filled"
+        name="system-unlocked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        play-demo
+        system-unlocked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="play-rectangle"
-        name="play-rectangle"
+        data-name="system-unlocked"
+        name="system-unlocked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        play-rectangle
+        system-unlocked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="play"
-        name="play"
+        data-name="tab-filled"
+        name="tab-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        play
+        tab-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="plus"
-        name="plus"
+        data-name="tab"
+        name="tab"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        plus
+        tab
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="popsicle"
-        name="popsicle"
+        data-name="table-1-filled"
+        name="table-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        popsicle
+        table-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="portrait"
-        name="portrait"
+        data-name="table-1"
+        name="table-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        portrait
+        table-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pout"
-        name="pout"
+        data-name="table-2-filled"
+        name="table-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pout
+        table-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="poweroff"
-        name="poweroff"
+        data-name="table-2"
+        name="table-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        poweroff
+        table-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="precise-monitor"
-        name="precise-monitor"
+        data-name="table-add-filled"
+        name="table-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        precise-monitor
+        table-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="previous"
-        name="previous"
+        data-name="table-add"
+        name="table-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        previous
+        table-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="print"
-        name="print"
+        data-name="table-filled"
+        name="table-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        print
+        table-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pumpkin"
-        name="pumpkin"
+        data-name="table-split-filled"
+        name="table-split-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pumpkin
+        table-split-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pyramid-maya"
-        name="pyramid-maya"
+        data-name="table-split"
+        name="table-split"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pyramid-maya
+        table-split
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="pyramid"
-        name="pyramid"
+        data-name="table"
+        name="table"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        pyramid
+        table
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="qrcode"
-        name="qrcode"
+        data-name="tag-filled"
+        name="tag-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        qrcode
+        tag-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="quadratic"
-        name="quadratic"
+        data-name="tag"
+        name="tag"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        quadratic
+        tag
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="questionnaire"
-        name="questionnaire"
+        data-name="tangerinr-filled"
+        name="tangerinr-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        questionnaire
+        tangerinr-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="queue"
-        name="queue"
+        data-name="tangerinr"
+        name="tangerinr"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        queue
+        tangerinr
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="radar"
-        name="radar"
+        data-name="tape-filled"
+        name="tape-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        radar
+        tape-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="radio-1"
-        name="radio-1"
+        data-name="tape"
+        name="tape"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        radio-1
+        tape
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="radio-2"
-        name="radio-2"
+        data-name="task-1-filled"
+        name="task-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        radio-2
+        task-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="radish"
-        name="radish"
+        data-name="task-1"
+        name="task-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        radish
+        task-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rain-heavy"
-        name="rain-heavy"
+        data-name="task-add-1"
+        name="task-add-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rain-heavy
+        task-add-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rain-light"
-        name="rain-light"
+        data-name="task-add-filled"
+        name="task-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rain-light
+        task-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rain-medium"
-        name="rain-medium"
+        data-name="task-add"
+        name="task-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rain-medium
+        task-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rainbow"
-        name="rainbow"
+        data-name="task-checked-1"
+        name="task-checked-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rainbow
+        task-checked-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rectangle"
-        name="rectangle"
+        data-name="task-checked-filled"
+        name="task-checked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rectangle
+        task-checked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="refresh"
-        name="refresh"
+        data-name="task-checked"
+        name="task-checked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        refresh
+        task-checked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="relation"
-        name="relation"
+        data-name="task-double-filled"
+        name="task-double-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        relation
+        task-double-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="relativity"
-        name="relativity"
+        data-name="task-double"
+        name="task-double"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        relativity
+        task-double
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="remote-wave"
-        name="remote-wave"
+        data-name="task-error-filled"
+        name="task-error-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        remote-wave
+        task-error-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="remove"
-        name="remove"
+        data-name="task-error"
+        name="task-error"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        remove
+        task-error
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="replay"
-        name="replay"
+        data-name="task-filled"
+        name="task-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        replay
+        task-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rice-ball"
-        name="rice-ball"
+        data-name="task-location-filled"
+        name="task-location-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rice-ball
+        task-location-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rice"
-        name="rice"
+        data-name="task-location"
+        name="task-location"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rice
+        task-location
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="roast"
-        name="roast"
+        data-name="task-marked-filled"
+        name="task-marked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        roast
+        task-marked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rocket"
-        name="rocket"
+        data-name="task-marked"
+        name="task-marked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rocket
+        task-marked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rollback"
-        name="rollback"
+        data-name="task-setting-filled"
+        name="task-setting-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rollback
+        task-setting-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rollfront"
-        name="rollfront"
+        data-name="task-setting"
+        name="task-setting"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rollfront
+        task-setting
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="root-list"
-        name="root-list"
+        data-name="task-time-filled"
+        name="task-time-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        root-list
+        task-time-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rotate-locked"
-        name="rotate-locked"
+        data-name="task-time"
+        name="task-time"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rotate-locked
+        task-time
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rotate"
-        name="rotate"
+        data-name="task-visible-filled"
+        name="task-visible-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rotate
+        task-visible-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rotation"
-        name="rotation"
+        data-name="task-visible"
+        name="task-visible"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rotation
+        task-visible
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="round"
-        name="round"
+        data-name="task"
+        name="task"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        round
+        task
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="router-wave"
-        name="router-wave"
+        data-name="tea-filled"
+        name="tea-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        router-wave
+        tea-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="rss"
-        name="rss"
+        data-name="tea"
+        name="tea"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        rss
+        tea
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="ruler"
-        name="ruler"
+        data-name="teahouse-filled"
+        name="teahouse-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        ruler
+        teahouse-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sailing-hotel"
-        name="sailing-hotel"
+        data-name="teahouse"
+        name="teahouse"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sailing-hotel
+        teahouse
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sandwich"
-        name="sandwich"
+        data-name="template-filled"
+        name="template-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sandwich
+        template-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="saturation"
-        name="saturation"
+        data-name="template"
+        name="template"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        saturation
+        template
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sausage"
-        name="sausage"
+        data-name="temple-filled"
+        name="temple-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sausage
+        temple-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="save"
-        name="save"
+        data-name="temple"
+        name="temple"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        save
+        temple
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="saving-pot"
-        name="saving-pot"
+        data-name="terminal-rectangle-1-filled"
+        name="terminal-rectangle-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        saving-pot
+        terminal-rectangle-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="scan"
-        name="scan"
+        data-name="terminal-rectangle-1"
+        name="terminal-rectangle-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        scan
+        terminal-rectangle-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="screen-4k"
-        name="screen-4k"
+        data-name="terminal-rectangle-filled"
+        name="terminal-rectangle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        screen-4k
+        terminal-rectangle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="screencast"
-        name="screencast"
+        data-name="terminal-rectangle"
+        name="terminal-rectangle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        screencast
+        terminal-rectangle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="screenshot"
-        name="screenshot"
+        data-name="terminal-window-filled"
+        name="terminal-window-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        screenshot
+        terminal-window-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="scroll-bar"
-        name="scroll-bar"
+        data-name="terminal-window"
+        name="terminal-window"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        scroll-bar
+        terminal-window
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sd-card-1"
-        name="sd-card-1"
+        data-name="terminal"
+        name="terminal"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sd-card-1
+        terminal
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sd-card"
-        name="sd-card"
+        data-name="textbox-filled"
+        name="textbox-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sd-card
+        textbox-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="search-error"
-        name="search-error"
+        data-name="textbox"
+        name="textbox"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        search-error
+        textbox
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="search"
-        name="search"
+        data-name="textformat-bold"
+        name="textformat-bold"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        search
+        textformat-bold
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="secured"
-        name="secured"
+        data-name="textformat-color"
+        name="textformat-color"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        secured
+        textformat-color
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="send-cancel"
-        name="send-cancel"
+        data-name="textformat-italic"
+        name="textformat-italic"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        send-cancel
+        textformat-italic
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="send"
-        name="send"
+        data-name="textformat-strikethrough"
+        name="textformat-strikethrough"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        send
+        textformat-strikethrough
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sensors-1"
-        name="sensors-1"
+        data-name="textformat-underline"
+        name="textformat-underline"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sensors-1
+        textformat-underline
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sensors-2"
-        name="sensors-2"
+        data-name="textformat-wrap"
+        name="textformat-wrap"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sensors-2
+        textformat-wrap
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sensors-off"
-        name="sensors-off"
+        data-name="theaters-filled"
+        name="theaters-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sensors-off
+        theaters-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sensors"
-        name="sensors"
+        data-name="theaters"
+        name="theaters"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sensors
+        theaters
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="serenity"
-        name="serenity"
+        data-name="thumb-down-1-filled"
+        name="thumb-down-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        serenity
+        thumb-down-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="server"
-        name="server"
+        data-name="thumb-down-1"
+        name="thumb-down-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        server
+        thumb-down-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="service"
-        name="service"
+        data-name="thumb-down-2-filled"
+        name="thumb-down-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        service
+        thumb-down-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="setting-1"
-        name="setting-1"
+        data-name="thumb-down-2"
+        name="thumb-down-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        setting-1
+        thumb-down-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="setting"
-        name="setting"
+        data-name="thumb-down-filled"
+        name="thumb-down-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        setting
+        thumb-down-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="share-1"
-        name="share-1"
+        data-name="thumb-down"
+        name="thumb-down"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        share-1
+        thumb-down
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="share"
-        name="share"
+        data-name="thumb-up-1-filled"
+        name="thumb-up-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        share
+        thumb-up-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sharpness"
-        name="sharpness"
+        data-name="thumb-up-1"
+        name="thumb-up-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sharpness
+        thumb-up-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shield-error"
-        name="shield-error"
+        data-name="thumb-up-2-filled"
+        name="thumb-up-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shield-error
+        thumb-up-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shimen"
-        name="shimen"
+        data-name="thumb-up-2"
+        name="thumb-up-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shimen
+        thumb-up-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shop-1"
-        name="shop-1"
+        data-name="thumb-up-filled"
+        name="thumb-up-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shop-1
+        thumb-up-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shop-2"
-        name="shop-2"
+        data-name="thumb-up"
+        name="thumb-up"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shop-2
+        thumb-up
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shop-3"
-        name="shop-3"
+        data-name="thunder"
+        name="thunder"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shop-3
+        thunder
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shop-4"
-        name="shop-4"
+        data-name="thunderstorm-night-filled"
+        name="thunderstorm-night-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shop-4
+        thunderstorm-night-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shop-5"
-        name="shop-5"
+        data-name="thunderstorm-night"
+        name="thunderstorm-night"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shop-5
+        thunderstorm-night
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shop"
-        name="shop"
+        data-name="thunderstorm-sunny-filled"
+        name="thunderstorm-sunny-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shop
+        thunderstorm-sunny-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shrimp"
-        name="shrimp"
+        data-name="thunderstorm-sunny"
+        name="thunderstorm-sunny"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shrimp
+        thunderstorm-sunny
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shrink-horizontal"
-        name="shrink-horizontal"
+        data-name="thunderstorm"
+        name="thunderstorm"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shrink-horizontal
+        thunderstorm
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shrink-vertical"
-        name="shrink-vertical"
+        data-name="ticket-filled"
+        name="ticket-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shrink-vertical
+        ticket-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shutter"
-        name="shutter"
+        data-name="ticket"
+        name="ticket"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shutter
+        ticket
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="shutup"
-        name="shutup"
+        data-name="time-filled"
+        name="time-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        shutup
+        time-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sim-card-1"
-        name="sim-card-1"
+        data-name="time"
+        name="time"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sim-card-1
+        time
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sim-card-2"
-        name="sim-card-2"
+        data-name="tips-double-filled"
+        name="tips-double-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sim-card-2
+        tips-double-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sim-card"
-        name="sim-card"
+        data-name="tips-double"
+        name="tips-double"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sim-card
+        tips-double
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sinister-smile"
-        name="sinister-smile"
+        data-name="tips-filled"
+        name="tips-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sinister-smile
+        tips-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sip"
-        name="sip"
+        data-name="tips"
+        name="tips"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sip
+        tips
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="slash"
-        name="slash"
+        data-name="tomato-filled"
+        name="tomato-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        slash
+        tomato-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sleep"
-        name="sleep"
+        data-name="tomato"
+        name="tomato"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sleep
+        tomato
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="slice"
-        name="slice"
+        data-name="tools-circle-filled"
+        name="tools-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        slice
+        tools-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="slideshow"
-        name="slideshow"
+        data-name="tools-circle"
+        name="tools-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        slideshow
+        tools-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="smile"
-        name="smile"
+        data-name="tools-filled"
+        name="tools-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        smile
+        tools-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sneer"
-        name="sneer"
+        data-name="tools"
+        name="tools"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sneer
+        tools
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="snowflake"
-        name="snowflake"
+        data-name="tornado"
+        name="tornado"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        snowflake
+        tornado
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
-      <t-icon
-        data-name="sonic"
-        name="sonic"
+      <t-icon
+        data-name="tower-1-filled"
+        name="tower-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sonic
+        tower-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sound-down"
-        name="sound-down"
+        data-name="tower-1"
+        name="tower-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sound-down
+        tower-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sound-high"
-        name="sound-high"
+        data-name="tower-2-filled"
+        name="tower-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sound-high
+        tower-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sound-low"
-        name="sound-low"
+        data-name="tower-2"
+        name="tower-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sound-low
+        tower-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sound-mute-1"
-        name="sound-mute-1"
+        data-name="tower-3-filled"
+        name="tower-3-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sound-mute-1
+        tower-3-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sound-mute"
-        name="sound-mute"
+        data-name="tower-3"
+        name="tower-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sound-mute
+        tower-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sound-up"
-        name="sound-up"
+        data-name="tower-clock-filled"
+        name="tower-clock-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sound-up
+        tower-clock-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sound"
-        name="sound"
+        data-name="tower-clock"
+        name="tower-clock"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sound
+        tower-clock
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="space"
-        name="space"
+        data-name="tower-filled"
+        name="tower-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        space
+        tower-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="speechless-1"
-        name="speechless-1"
+        data-name="tower"
+        name="tower"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        speechless-1
+        tower
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="star-filled"
-        name="star-filled"
+        data-name="town-filled"
+        name="town-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        star-filled
+        town-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="star"
-        name="star"
+        data-name="town"
+        name="town"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        star
+        town
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="statue-of-jesus"
-        name="statue-of-jesus"
+        data-name="traffic-events-filled"
+        name="traffic-events-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        statue-of-jesus
+        traffic-events-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sticky-note"
-        name="sticky-note"
+        data-name="traffic-events"
+        name="traffic-events"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sticky-note
+        traffic-events
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="stop-circle-filled"
-        name="stop-circle-filled"
+        data-name="traffic-filled"
+        name="traffic-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        stop-circle-filled
+        traffic-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="stop-circle-stroke"
-        name="stop-circle-stroke"
+        data-name="traffic"
+        name="traffic"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        stop-circle-stroke
+        traffic
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="stop-circle"
-        name="stop-circle"
+        data-name="transform-1-filled"
+        name="transform-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        stop-circle
+        transform-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="stop"
-        name="stop"
+        data-name="transform-1"
+        name="transform-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        stop
+        transform-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="store"
-        name="store"
+        data-name="transform-2"
+        name="transform-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        store
+        transform-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="street-road-1"
-        name="street-road-1"
+        data-name="transform-3"
+        name="transform-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        street-road-1
+        transform-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="street-road"
-        name="street-road"
+        data-name="transform-filled"
+        name="transform-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        street-road
+        transform-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="subtitle"
-        name="subtitle"
+        data-name="transform"
+        name="transform"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        subtitle
+        transform
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="subway-line"
-        name="subway-line"
+        data-name="translate-1"
+        name="translate-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        subway-line
+        translate-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sum"
-        name="sum"
+        data-name="translate"
+        name="translate"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sum
+        translate
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sun-fall"
-        name="sun-fall"
+        data-name="tree-round-dot-filled"
+        name="tree-round-dot-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sun-fall
+        tree-round-dot-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sun-rising"
-        name="sun-rising"
+        data-name="tree-round-dot-vertical-filled"
+        name="tree-round-dot-vertical-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sun-rising
+        tree-round-dot-vertical-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="sunny"
-        name="sunny"
+        data-name="tree-round-dot-vertical"
+        name="tree-round-dot-vertical"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        sunny
+        tree-round-dot-vertical
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="support"
-        name="support"
+        data-name="tree-round-dot"
+        name="tree-round-dot"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        support
+        tree-round-dot
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="surprised-1"
-        name="surprised-1"
+        data-name="tree-square-dot-filled"
+        name="tree-square-dot-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        surprised-1
+        tree-square-dot-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="surprised"
-        name="surprised"
+        data-name="tree-square-dot-vertical-filled"
+        name="tree-square-dot-vertical-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        surprised
+        tree-square-dot-vertical-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="swap-left"
-        name="swap-left"
+        data-name="tree-square-dot-vertical"
+        name="tree-square-dot-vertical"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        swap-left
+        tree-square-dot-vertical
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="swap-right"
-        name="swap-right"
+        data-name="tree-square-dot"
+        name="tree-square-dot"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        swap-right
+        tree-square-dot
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="swap"
-        name="swap"
+        data-name="trending-down"
+        name="trending-down"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        swap
+        trending-down
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="swear-1"
-        name="swear-1"
+        data-name="trending-up"
+        name="trending-up"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        swear-1
+        trending-up
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="swear-2"
-        name="swear-2"
+        data-name="tv-1-filled"
+        name="tv-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        swear-2
+        tv-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-2"
-        name="system-2"
+        data-name="tv-1"
+        name="tv-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-2
+        tv-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-3"
-        name="system-3"
+        data-name="tv-2-filled"
+        name="tv-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-3
+        tv-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-application"
-        name="system-application"
+        data-name="tv-2"
+        name="tv-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-application
+        tv-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-blocked"
-        name="system-blocked"
+        data-name="tv-filled"
+        name="tv-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-blocked
+        tv-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-code"
-        name="system-code"
+        data-name="tv"
+        name="tv"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-code
+        tv
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-components"
-        name="system-components"
+        data-name="typography-filled"
+        name="typography-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-components
+        typography-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-coordinate"
-        name="system-coordinate"
+        data-name="typography"
+        name="typography"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-coordinate
+        typography
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-device"
-        name="system-device"
+        data-name="uncomfortable-1-filled"
+        name="uncomfortable-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-device
+        uncomfortable-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-interface"
-        name="system-interface"
+        data-name="uncomfortable-1"
+        name="uncomfortable-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-interface
+        uncomfortable-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-location"
-        name="system-location"
+        data-name="uncomfortable-2-filled"
+        name="uncomfortable-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-location
+        uncomfortable-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-locked"
-        name="system-locked"
+        data-name="uncomfortable-2"
+        name="uncomfortable-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-locked
+        uncomfortable-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-log"
-        name="system-log"
+        data-name="uncomfortable-filled"
+        name="uncomfortable-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-log
+        uncomfortable-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-marked"
-        name="system-marked"
+        data-name="uncomfortable"
+        name="uncomfortable"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-marked
+        uncomfortable
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-messages"
-        name="system-messages"
+        data-name="undertake-delivery-filled"
+        name="undertake-delivery-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-messages
+        undertake-delivery-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-regulation"
-        name="system-regulation"
+        data-name="undertake-delivery"
+        name="undertake-delivery"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-regulation
+        undertake-delivery
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-search"
-        name="system-search"
+        data-name="undertake-environment-protection-filled"
+        name="undertake-environment-protection-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-search
+        undertake-environment-protection-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-setting"
-        name="system-setting"
+        data-name="undertake-environment-protection"
+        name="undertake-environment-protection"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-setting
+        undertake-environment-protection
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-storage"
-        name="system-storage"
+        data-name="undertake-filled"
+        name="undertake-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-storage
+        undertake-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-sum"
-        name="system-sum"
+        data-name="undertake-hold-up-filled"
+        name="undertake-hold-up-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-sum
+        undertake-hold-up-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="system-unlocked"
-        name="system-unlocked"
+        data-name="undertake-hold-up"
+        name="undertake-hold-up"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        system-unlocked
+        undertake-hold-up
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tab"
-        name="tab"
+        data-name="undertake-transaction-filled"
+        name="undertake-transaction-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tab
+        undertake-transaction-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="table-1"
-        name="table-1"
+        data-name="undertake-transaction"
+        name="undertake-transaction"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        table-1
+        undertake-transaction
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="table-2"
-        name="table-2"
+        data-name="undertake"
+        name="undertake"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        table-2
+        undertake
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="table-add"
-        name="table-add"
+        data-name="unfold-less"
+        name="unfold-less"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        table-add
+        unfold-less
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="table-split"
-        name="table-split"
+        data-name="unfold-more"
+        name="unfold-more"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        table-split
+        unfold-more
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="table"
-        name="table"
+        data-name="unhappy-1-filled"
+        name="unhappy-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        table
+        unhappy-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tag"
-        name="tag"
+        data-name="unhappy-1"
+        name="unhappy-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tag
+        unhappy-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tangerinr"
-        name="tangerinr"
+        data-name="unhappy-filled"
+        name="unhappy-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tangerinr
+        unhappy-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tape"
-        name="tape"
+        data-name="unhappy"
+        name="unhappy"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tape
+        unhappy
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="task-1"
-        name="task-1"
+        data-name="uninstall-filled"
+        name="uninstall-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        task-1
+        uninstall-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="task-add-1"
-        name="task-add-1"
+        data-name="uninstall"
+        name="uninstall"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        task-add-1
+        uninstall
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="task-add"
-        name="task-add"
+        data-name="upload-1"
+        name="upload-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        task-add
+        upload-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="task-checked"
-        name="task-checked"
+        data-name="upload"
+        name="upload"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        task-checked
+        upload
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="task-error"
-        name="task-error"
+        data-name="upscale"
+        name="upscale"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        task-error
+        upscale
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="task-location"
-        name="task-location"
+        data-name="usb-filled"
+        name="usb-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        task-location
+        usb-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="task-marked"
-        name="task-marked"
+        data-name="usb"
+        name="usb"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        task-marked
+        usb
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="task-setting"
-        name="task-setting"
+        data-name="user-1-filled"
+        name="user-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        task-setting
+        user-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="task-visible"
-        name="task-visible"
+        data-name="user-1"
+        name="user-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        task-visible
+        user-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="task"
-        name="task"
+        data-name="user-add-filled"
+        name="user-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        task
+        user-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tea"
-        name="tea"
+        data-name="user-add"
+        name="user-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tea
+        user-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="teahouse"
-        name="teahouse"
+        data-name="user-arrow-down-filled"
+        name="user-arrow-down-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        teahouse
+        user-arrow-down-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="template"
-        name="template"
+        data-name="user-arrow-down"
+        name="user-arrow-down"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        template
+        user-arrow-down
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="temple"
-        name="temple"
+        data-name="user-arrow-left-filled"
+        name="user-arrow-left-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        temple
+        user-arrow-left-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="terminal-rectangle-1"
-        name="terminal-rectangle-1"
+        data-name="user-arrow-left"
+        name="user-arrow-left"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        terminal-rectangle-1
+        user-arrow-left
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="terminal-rectangle"
-        name="terminal-rectangle"
+        data-name="user-arrow-right-filled"
+        name="user-arrow-right-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        terminal-rectangle
+        user-arrow-right-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="terminal-window"
-        name="terminal-window"
+        data-name="user-arrow-right"
+        name="user-arrow-right"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        terminal-window
+        user-arrow-right
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="terminal"
-        name="terminal"
+        data-name="user-arrow-up-filled"
+        name="user-arrow-up-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        terminal
+        user-arrow-up-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="textbox"
-        name="textbox"
+        data-name="user-arrow-up"
+        name="user-arrow-up"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        textbox
+        user-arrow-up
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="textformat-bold"
-        name="textformat-bold"
+        data-name="user-avatar-filled"
+        name="user-avatar-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        textformat-bold
+        user-avatar-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="textformat-color"
-        name="textformat-color"
+        data-name="user-avatar"
+        name="user-avatar"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        textformat-color
+        user-avatar
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="textformat-italic"
-        name="textformat-italic"
+        data-name="user-blocked-filled"
+        name="user-blocked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        textformat-italic
+        user-blocked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="textformat-strikethrough"
-        name="textformat-strikethrough"
+        data-name="user-blocked"
+        name="user-blocked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        textformat-strikethrough
+        user-blocked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="textformat-underline"
-        name="textformat-underline"
+        data-name="user-business-filled"
+        name="user-business-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        textformat-underline
+        user-business-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="textformat-wrap"
-        name="textformat-wrap"
+        data-name="user-business"
+        name="user-business"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        textformat-wrap
+        user-business
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="theaters"
-        name="theaters"
+        data-name="user-checked-1-filled"
+        name="user-checked-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        theaters
+        user-checked-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="thumb-down-1"
-        name="thumb-down-1"
+        data-name="user-checked-1"
+        name="user-checked-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        thumb-down-1
+        user-checked-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="thumb-down-2"
-        name="thumb-down-2"
+        data-name="user-checked-filled"
+        name="user-checked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        thumb-down-2
+        user-checked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="thumb-down"
-        name="thumb-down"
+        data-name="user-checked"
+        name="user-checked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        thumb-down
+        user-checked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="thumb-up-1"
-        name="thumb-up-1"
+        data-name="user-circle-filled"
+        name="user-circle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        thumb-up-1
+        user-circle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="thumb-up-2"
-        name="thumb-up-2"
+        data-name="user-circle"
+        name="user-circle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        thumb-up-2
+        user-circle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="thumb-up"
-        name="thumb-up"
+        data-name="user-clear-filled"
+        name="user-clear-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        thumb-up
+        user-clear-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="thunder"
-        name="thunder"
+        data-name="user-clear"
+        name="user-clear"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        thunder
+        user-clear
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="thunderstorm-night"
-        name="thunderstorm-night"
+        data-name="user-error-1-filled"
+        name="user-error-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        thunderstorm-night
+        user-error-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="thunderstorm-sunny"
-        name="thunderstorm-sunny"
+        data-name="user-error-1"
+        name="user-error-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        thunderstorm-sunny
+        user-error-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="thunderstorm"
-        name="thunderstorm"
+        data-name="user-filled"
+        name="user-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        thunderstorm
+        user-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="ticket"
-        name="ticket"
+        data-name="user-invisible-filled"
+        name="user-invisible-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        ticket
+        user-invisible-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="time-filled"
-        name="time-filled"
+        data-name="user-invisible"
+        name="user-invisible"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        time-filled
+        user-invisible
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="time"
-        name="time"
+        data-name="user-list-filled"
+        name="user-list-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        time
+        user-list-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tips-double"
-        name="tips-double"
+        data-name="user-list"
+        name="user-list"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tips-double
+        user-list
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tips"
-        name="tips"
+        data-name="user-locked-filled"
+        name="user-locked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tips
+        user-locked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tomato"
-        name="tomato"
+        data-name="user-locked"
+        name="user-locked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tomato
+        user-locked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tools-circle"
-        name="tools-circle"
+        data-name="user-marked-filled"
+        name="user-marked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tools-circle
+        user-marked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tools"
-        name="tools"
+        data-name="user-marked"
+        name="user-marked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tools
+        user-marked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tornado"
-        name="tornado"
+        data-name="user-password-filled"
+        name="user-password-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tornado
+        user-password-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tower-1"
-        name="tower-1"
+        data-name="user-password"
+        name="user-password"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tower-1
+        user-password
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
-      <t-icon
-        data-name="tower-2"
-        name="tower-2"
+      <t-icon
+        data-name="user-safety-filled"
+        name="user-safety-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tower-2
+        user-safety-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tower-3"
-        name="tower-3"
+        data-name="user-safety"
+        name="user-safety"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tower-3
+        user-safety
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tower-clock"
-        name="tower-clock"
+        data-name="user-search-filled"
+        name="user-search-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tower-clock
+        user-search-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tower"
-        name="tower"
+        data-name="user-search"
+        name="user-search"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tower
+        user-search
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="town"
-        name="town"
+        data-name="user-setting-filled"
+        name="user-setting-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        town
+        user-setting-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="traffic-events"
-        name="traffic-events"
+        data-name="user-setting"
+        name="user-setting"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        traffic-events
+        user-setting
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="traffic"
-        name="traffic"
+        data-name="user-talk-1-filled"
+        name="user-talk-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        traffic
+        user-talk-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="transform-1"
-        name="transform-1"
+        data-name="user-talk-1"
+        name="user-talk-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        transform-1
+        user-talk-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="transform-2"
-        name="transform-2"
+        data-name="user-talk-filled"
+        name="user-talk-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        transform-2
+        user-talk-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="transform-3"
-        name="transform-3"
+        data-name="user-talk-off-1-filled"
+        name="user-talk-off-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        transform-3
+        user-talk-off-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="transform"
-        name="transform"
+        data-name="user-talk-off-1"
+        name="user-talk-off-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        transform
+        user-talk-off-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="translate-1"
-        name="translate-1"
+        data-name="user-talk"
+        name="user-talk"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        translate-1
+        user-talk
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="translate"
-        name="translate"
+        data-name="user-time-filled"
+        name="user-time-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        translate
+        user-time-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tree-list"
-        name="tree-list"
+        data-name="user-time"
+        name="user-time"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tree-list
+        user-time
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tree-round-dot-vertical"
-        name="tree-round-dot-vertical"
+        data-name="user-transmit-filled"
+        name="user-transmit-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tree-round-dot-vertical
+        user-transmit-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tree-round-dot"
-        name="tree-round-dot"
+        data-name="user-transmit"
+        name="user-transmit"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tree-round-dot
+        user-transmit
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tree-square-dot-vertical"
-        name="tree-square-dot-vertical"
+        data-name="user-unknown-filled"
+        name="user-unknown-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tree-square-dot-vertical
+        user-unknown-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tree-square-dot"
-        name="tree-square-dot"
+        data-name="user-unknown"
+        name="user-unknown"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tree-square-dot
+        user-unknown
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="trending-down"
-        name="trending-down"
+        data-name="user-unlocked-filled"
+        name="user-unlocked-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        trending-down
+        user-unlocked-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="trending-up"
-        name="trending-up"
+        data-name="user-unlocked"
+        name="user-unlocked"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        trending-up
+        user-unlocked
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tv-1"
-        name="tv-1"
+        data-name="user-vip-filled"
+        name="user-vip-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tv-1
+        user-vip-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tv-2"
-        name="tv-2"
+        data-name="user-vip"
+        name="user-vip"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tv-2
+        user-vip
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="tv"
-        name="tv"
+        data-name="user-visible-filled"
+        name="user-visible-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        tv
+        user-visible-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="typography"
-        name="typography"
+        data-name="user-visible"
+        name="user-visible"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        typography
+        user-visible
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="uncomfortable-1"
-        name="uncomfortable-1"
+        data-name="user"
+        name="user"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        uncomfortable-1
+        user
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="uncomfortable-2"
-        name="uncomfortable-2"
+        data-name="usercase-filled"
+        name="usercase-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        uncomfortable-2
+        usercase-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="uncomfortable"
-        name="uncomfortable"
+        data-name="usercase-link-filled"
+        name="usercase-link-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        uncomfortable
+        usercase-link-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="undertake-delivery"
-        name="undertake-delivery"
+        data-name="usercase-link"
+        name="usercase-link"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        undertake-delivery
+        usercase-link
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="undertake-environment-protection"
-        name="undertake-environment-protection"
+        data-name="usercase"
+        name="usercase"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        undertake-environment-protection
+        usercase
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="undertake-hold-up"
-        name="undertake-hold-up"
+        data-name="usergroup-add-filled"
+        name="usergroup-add-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        undertake-hold-up
+        usergroup-add-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="undertake-transaction"
-        name="undertake-transaction"
+        data-name="usergroup-add"
+        name="usergroup-add"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        undertake-transaction
+        usergroup-add
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="undertake"
-        name="undertake"
+        data-name="usergroup-clear-filled"
+        name="usergroup-clear-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        undertake
+        usergroup-clear-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="unfold-less"
-        name="unfold-less"
+        data-name="usergroup-clear"
+        name="usergroup-clear"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        unfold-less
+        usergroup-clear
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="unfold-more"
-        name="unfold-more"
+        data-name="usergroup-filled"
+        name="usergroup-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        unfold-more
+        usergroup-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="unhappy-1"
-        name="unhappy-1"
+        data-name="usergroup"
+        name="usergroup"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        unhappy-1
+        usergroup
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="unhappy"
-        name="unhappy"
+        data-name="vehicle-filled"
+        name="vehicle-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        unhappy
+        vehicle-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="uninstall"
-        name="uninstall"
+        data-name="vehicle"
+        name="vehicle"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        uninstall
+        vehicle
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="upload-1"
-        name="upload-1"
+        data-name="verified-filled"
+        name="verified-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        upload-1
+        verified-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="upload"
-        name="upload"
+        data-name="verified"
+        name="verified"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        upload
+        verified
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="upscale"
-        name="upscale"
+        data-name="verify-filled"
+        name="verify-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        upscale
+        verify-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="usb"
-        name="usb"
+        data-name="verify"
+        name="verify"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        usb
+        verify
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-1"
-        name="user-1"
+        data-name="vertical-filled"
+        name="vertical-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-1
+        vertical-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-add"
-        name="user-add"
+        data-name="vertical"
+        name="vertical"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-add
+        vertical
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-arrow-down"
-        name="user-arrow-down"
+        data-name="video-camera-1-filled"
+        name="video-camera-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-arrow-down
+        video-camera-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-arrow-left"
-        name="user-arrow-left"
+        data-name="video-camera-1"
+        name="video-camera-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-arrow-left
+        video-camera-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-arrow-right"
-        name="user-arrow-right"
+        data-name="video-camera-2-filled"
+        name="video-camera-2-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-arrow-right
+        video-camera-2-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-arrow-up"
-        name="user-arrow-up"
+        data-name="video-camera-2"
+        name="video-camera-2"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-arrow-up
+        video-camera-2
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-avatar"
-        name="user-avatar"
+        data-name="video-camera-3-filled"
+        name="video-camera-3-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-avatar
+        video-camera-3-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-blocked"
-        name="user-blocked"
+        data-name="video-camera-3"
+        name="video-camera-3"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-blocked
+        video-camera-3
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-business"
-        name="user-business"
+        data-name="video-camera-dollar-filled"
+        name="video-camera-dollar-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-business
+        video-camera-dollar-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-checked-1"
-        name="user-checked-1"
+        data-name="video-camera-dollar"
+        name="video-camera-dollar"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-checked-1
+        video-camera-dollar
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-checked"
-        name="user-checked"
+        data-name="video-camera-filled"
+        name="video-camera-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-checked
+        video-camera-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-circle"
-        name="user-circle"
+        data-name="video-camera-minus-filled"
+        name="video-camera-minus-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-circle
+        video-camera-minus-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-clear"
-        name="user-clear"
+        data-name="video-camera-minus"
+        name="video-camera-minus"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-clear
+        video-camera-minus
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-error-1"
-        name="user-error-1"
+        data-name="video-camera-music-filled"
+        name="video-camera-music-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-error-1
+        video-camera-music-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-invisible"
-        name="user-invisible"
+        data-name="video-camera-music"
+        name="video-camera-music"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-invisible
+        video-camera-music
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-list"
-        name="user-list"
+        data-name="video-camera-off-filled"
+        name="video-camera-off-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-list
+        video-camera-off-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-locked"
-        name="user-locked"
+        data-name="video-camera-off"
+        name="video-camera-off"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-locked
+        video-camera-off
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-marked"
-        name="user-marked"
+        data-name="video-camera"
+        name="video-camera"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-marked
+        video-camera
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-password"
-        name="user-password"
+        data-name="video-filled"
+        name="video-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-password
+        video-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-safety"
-        name="user-safety"
+        data-name="video-library-filled"
+        name="video-library-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-safety
+        video-library-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-search"
-        name="user-search"
+        data-name="video-library"
+        name="video-library"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-search
+        video-library
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-setting"
-        name="user-setting"
+        data-name="video"
+        name="video"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-setting
+        video
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-talk-1"
-        name="user-talk-1"
+        data-name="view-agenda-filled"
+        name="view-agenda-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-talk-1
+        view-agenda-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-talk-off-1"
-        name="user-talk-off-1"
+        data-name="view-agenda"
+        name="view-agenda"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-talk-off-1
+        view-agenda
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-talk"
-        name="user-talk"
+        data-name="view-column"
+        name="view-column"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-talk
+        view-column
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-time"
-        name="user-time"
+        data-name="view-in-ar-filled"
+        name="view-in-ar-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-time
+        view-in-ar-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-transmit"
-        name="user-transmit"
+        data-name="view-in-ar"
+        name="view-in-ar"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-transmit
+        view-in-ar
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-unknown"
-        name="user-unknown"
+        data-name="view-list"
+        name="view-list"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-unknown
+        view-list
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-unlocked"
-        name="user-unlocked"
+        data-name="view-module-filled"
+        name="view-module-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-unlocked
+        view-module-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-vip"
-        name="user-vip"
+        data-name="view-module"
+        name="view-module"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-vip
+        view-module
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user-visible"
-        name="user-visible"
+        data-name="visual-recognition-filled"
+        name="visual-recognition-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user-visible
+        visual-recognition-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="user"
-        name="user"
+        data-name="visual-recognition"
+        name="visual-recognition"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        user
+        visual-recognition
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="usergroup-add"
-        name="usergroup-add"
+        data-name="wallet-filled"
+        name="wallet-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        usergroup-add
+        wallet-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="usergroup-clear"
-        name="usergroup-clear"
+        data-name="wallet"
+        name="wallet"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        usergroup-clear
+        wallet
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="usergroup"
-        name="usergroup"
+        data-name="watch-filled"
+        name="watch-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        usergroup
+        watch-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="vehicle"
-        name="vehicle"
+        data-name="watch"
+        name="watch"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        vehicle
+        watch
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="verified"
-        name="verified"
+        data-name="watermelon-filled"
+        name="watermelon-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        verified
+        watermelon-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="verify"
-        name="verify"
+        data-name="watermelon"
+        name="watermelon"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        verify
+        watermelon
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="video-camera-1"
-        name="video-camera-1"
+        data-name="wave-bye-filled"
+        name="wave-bye-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        video-camera-1
+        wave-bye-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="video-camera-2"
-        name="video-camera-2"
+        data-name="wave-bye"
+        name="wave-bye"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        video-camera-2
+        wave-bye
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="video-camera-dollar"
-        name="video-camera-dollar"
+        data-name="wave-left-filled"
+        name="wave-left-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        video-camera-dollar
+        wave-left-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="video-camera-minus"
-        name="video-camera-minus"
+        data-name="wave-left"
+        name="wave-left"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        video-camera-minus
+        wave-left
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="video-camera-music"
-        name="video-camera-music"
+        data-name="wave-right-filled"
+        name="wave-right-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        video-camera-music
+        wave-right-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="video-camera-off"
-        name="video-camera-off"
+        data-name="wave-right"
+        name="wave-right"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        video-camera-off
+        wave-right
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="video-camera"
-        name="video-camera"
+        data-name="wealth-1-filled"
+        name="wealth-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        video-camera
+        wealth-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="video-library"
-        name="video-library"
+        data-name="wealth-1"
+        name="wealth-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        video-library
+        wealth-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="video"
-        name="video"
+        data-name="wealth-filled"
+        name="wealth-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        video
+        wealth-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="view-agenda"
-        name="view-agenda"
+        data-name="wealth"
+        name="wealth"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        view-agenda
+        wealth
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="view-column"
-        name="view-column"
+        data-name="widget-filled"
+        name="widget-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        view-column
+        widget-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="view-in-ar"
-        name="view-in-ar"
+        data-name="widget"
+        name="widget"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        view-in-ar
+        widget
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="view-list"
-        name="view-list"
+        data-name="wifi-1-filled"
+        name="wifi-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        view-list
+        wifi-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="view-module"
-        name="view-module"
+        data-name="wifi-1"
+        name="wifi-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        view-module
+        wifi-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="visual-recognition"
-        name="visual-recognition"
+        data-name="wifi-off-1-filled"
+        name="wifi-off-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        visual-recognition
+        wifi-off-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="wallet"
-        name="wallet"
+        data-name="wifi-off-1"
+        name="wifi-off-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        wallet
+        wifi-off-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="watch"
-        name="watch"
+        data-name="wifi-off"
+        name="wifi-off"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        watch
+        wifi-off
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="watermelon"
-        name="watermelon"
+        data-name="wifi"
+        name="wifi"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        watermelon
+        wifi
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="wave-left"
-        name="wave-left"
+        data-name="window-1-filled"
+        name="window-1-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        wave-left
+        window-1-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="wave-right"
-        name="wave-right"
+        data-name="window-1"
+        name="window-1"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        wave-right
+        window-1
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="wealth-1"
-        name="wealth-1"
+        data-name="window-filled"
+        name="window-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        wealth-1
+        window-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="wealth"
-        name="wealth"
+        data-name="window"
+        name="window"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        wealth
+        window
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="widget"
-        name="widget"
+        data-name="windy-rain"
+        name="windy-rain"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        widget
+        windy-rain
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="wifi-1"
-        name="wifi-1"
+        data-name="windy"
+        name="windy"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        wifi-1
+        windy
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="wifi-off-1"
-        name="wifi-off-1"
+        data-name="wink-filled"
+        name="wink-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        wifi-off-1
+        wink-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="wifi-off"
-        name="wifi-off"
+        data-name="wink"
+        name="wink"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        wifi-off
+        wink
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="wifi"
-        name="wifi"
+        data-name="work-filled"
+        name="work-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        wifi
+        work-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="window-1"
-        name="window-1"
+        data-name="work-history-filled"
+        name="work-history-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        window-1
+        work-history-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="window"
-        name="window"
+        data-name="work-history"
+        name="work-history"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        window
+        work-history
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="windy-rain"
-        name="windy-rain"
+        data-name="work-off-filled"
+        name="work-off-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        windy-rain
+        work-off-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="windy"
-        name="windy"
+        data-name="work-off"
+        name="work-off"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        windy
+        work-off
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="wink"
-        name="wink"
+        data-name="work"
+        name="work"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        wink
+        work
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="work-history"
-        name="work-history"
+        data-name="wry-smile-filled"
+        name="wry-smile-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        work-history
+        wry-smile-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="work-off"
-        name="work-off"
+        data-name="wry-smile"
+        name="wry-smile"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        work-off
+        wry-smile
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="work"
-        name="work"
+        data-name="zoom-in-filled"
+        name="zoom-in-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        work
+        zoom-in-filled
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="wry-smile"
-        name="wry-smile"
+        data-name="zoom-in"
+        name="zoom-in"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        wry-smile
+        zoom-in
       </wx-view>
     </wx-view>
     <wx-view
       class="demo__card"
     >
       <t-icon
-        data-name="zoom-in"
-        name="zoom-in"
+        data-name="zoom-out-filled"
+        name="zoom-out-filled"
         size="48rpx"
         bind:click="onIconTap"
       />
       <wx-view
         class="demo__card-name"
       >
-        zoom-in
+        zoom-out-filled
       </wx-view>
     </wx-view>
     <wx-view
diff --git a/src/icon/_example/data.js b/src/icon/_example/data.js
index 54c5d45c0..730d59137 100644
--- a/src/icon/_example/data.js
+++ b/src/icon/_example/data.js
@@ -1,47 +1,78 @@
 const icons = [
+  'accessibility-filled',
+  'accessibility',
+  'activity-filled',
   'activity',
   'add-and-subtract',
+  'add-circle-filled',
   'add-circle',
+  'add-rectangle-filled',
   'add-rectangle',
   'add',
+  'address-book-filled',
   'address-book',
+  'adjustment-filled',
   'adjustment',
+  'airplay-wave-filled',
   'airplay-wave',
+  'alarm-add-filled',
   'alarm-add',
+  'alarm-filled',
+  'alarm-off-filled',
   'alarm-off',
   'alarm',
   'align-top',
   'align-vertical',
   'alpha',
+  'analytics-filled',
   'analytics',
   'anchor',
+  'angry-filled',
   'angry',
+  'animation-1-filled',
   'animation-1',
+  'animation-filled',
   'animation',
+  'anticlockwise-filled',
   'anticlockwise',
   'api',
+  'app-filled',
   'app',
+  'apple-filled',
   'apple',
+  'application-filled',
   'application',
+  'architecture-hui-style-filled',
   'architecture-hui-style',
+  'archway-1-filled',
   'archway-1',
+  'archway-filled',
   'archway',
+  'arrow-down-circle-filled',
   'arrow-down-circle',
+  'arrow-down-rectangle-filled',
   'arrow-down-rectangle',
   'arrow-down',
+  'arrow-left-circle-filled',
   'arrow-left-circle',
+  'arrow-left-down-circle-filled',
   'arrow-left-down-circle',
   'arrow-left-down',
   'arrow-left-right-1',
   'arrow-left-right-2',
   'arrow-left-right-3',
+  'arrow-left-right-circle-filled',
   'arrow-left-right-circle',
+  'arrow-left-up-circle-filled',
   'arrow-left-up-circle',
   'arrow-left-up',
   'arrow-left',
+  'arrow-right-circle-filled',
   'arrow-right-circle',
+  'arrow-right-down-circle-filled',
   'arrow-right-down-circle',
   'arrow-right-down',
+  'arrow-right-up-circle-filled',
   'arrow-right-up-circle',
   'arrow-right-up',
   'arrow-right',
@@ -49,106 +80,187 @@ const icons = [
   'arrow-triangle-down',
   'arrow-triangle-up-filled',
   'arrow-triangle-up',
+  'arrow-up-circle-filled',
   'arrow-up-circle',
   'arrow-up-down-1',
   'arrow-up-down-2',
   'arrow-up-down-3',
+  'arrow-up-down-circle-filled',
   'arrow-up-down-circle',
   'arrow-up',
   'artboard',
+  'article-filled',
   'article',
+  'assignment-checked-filled',
   'assignment-checked',
+  'assignment-code-filled',
   'assignment-code',
+  'assignment-error-filled',
   'assignment-error',
+  'assignment-filled',
+  'assignment-user-filled',
   'assignment-user',
   'assignment',
   'attach',
+  'attic-1-filled',
   'attic-1',
+  'attic-filled',
   'attic',
+  'audio-filled',
   'audio',
+  'awkward-filled',
   'awkward',
+  'backtop-rectangle-filled',
   'backtop-rectangle',
   'backtop',
+  'backup-filled',
   'backup',
+  'backward-filled',
   'backward',
+  'bad-laugh-filled',
   'bad-laugh',
+  'bamboo-shoot-filled',
   'bamboo-shoot',
+  'banana-filled',
   'banana',
+  'barbecue-filled',
   'barbecue',
   'barcode-1',
   'barcode',
   'base-station',
+  'battery-add-filled',
   'battery-add',
+  'battery-charging-filled',
   'battery-charging',
+  'battery-filled',
+  'battery-low-filled',
   'battery-low',
   'battery',
+  'bean-filled',
   'bean',
+  'beer-filled',
   'beer',
   'beta',
+  'bifurcate-filled',
   'bifurcate',
+  'bill-filled',
   'bill',
-  'blockchain',
   'bluetooth',
+  'bone-filled',
   'bone',
+  'book-filled',
+  'book-open-filled',
   'book-open',
+  'book-unknown-filled',
+  'book-unknown',
   'book',
+  'bookmark-add-filled',
   'bookmark-add',
+  'bookmark-checked-filled',
   'bookmark-checked',
+  'bookmark-double-filled',
   'bookmark-double',
+  'bookmark-filled',
+  'bookmark-minus-filled',
   'bookmark-minus',
   'bookmark',
   'braces',
   'brackets',
+  'bread-filled',
   'bread',
+  'bridge-1-filled',
   'bridge-1',
+  'bridge-2-filled',
   'bridge-2',
   'bridge-3',
   'bridge-4',
+  'bridge-5-filled',
   'bridge-5',
+  'bridge-6-filled',
   'bridge-6',
   'bridge',
+  'brightness-1-filled',
   'brightness-1',
+  'brightness-filled',
   'brightness',
+  'broccoli-filled',
   'broccoli',
+  'browse-filled',
+  'browse-gallery-filled',
   'browse-gallery',
+  'browse-off-filled',
   'browse-off',
   'browse',
+  'brush-filled',
   'brush',
+  'bug-filled',
+  'bug-report-filled',
   'bug-report',
   'bug',
+  'building-1-filled',
   'building-1',
+  'building-2-filled',
   'building-2',
+  'building-3-filled',
   'building-3',
+  'building-4-filled',
   'building-4',
+  'building-5-filled',
   'building-5',
+  'building-filled',
   'building',
   'bulletpoint',
+  'button-filled',
   'button',
+  'cabbage-filled',
   'cabbage',
+  'cake-filled',
   'cake',
+  'calculation-1-filled',
   'calculation-1',
   'calculation',
   'calculator-1',
+  'calculator-filled',
   'calculator',
+  'calendar-1-filled',
   'calendar-1',
+  'calendar-2-filled',
   'calendar-2',
+  'calendar-edit-filled',
   'calendar-edit',
+  'calendar-event-filled',
   'calendar-event',
+  'calendar-filled',
   'calendar',
+  'call-1-filled',
   'call-1',
+  'call-cancel-filled',
   'call-cancel',
+  'call-filled',
+  'call-forwarded-filled',
   'call-forwarded',
+  'call-incoming-filled',
   'call-incoming',
+  'call-off-filled',
   'call-off',
   'call',
+  'calm-1-filled',
   'calm-1',
+  'calm-filled',
   'calm',
+  'camera-1-filled',
   'camera-1',
+  'camera-2-filled',
   'camera-2',
+  'camera-filled',
+  'camera-off-filled',
   'camera-off',
   'camera',
+  'candy-filled',
   'candy',
+  'card-filled',
   'card',
+  'cardmembership-filled',
   'cardmembership',
   'caret-down-small',
   'caret-down',
@@ -158,34 +270,60 @@ const icons = [
   'caret-right',
   'caret-up-small',
   'caret-up',
+  'cart-add-filled',
   'cart-add',
+  'cart-filled',
   'cart',
+  'cast-filled',
   'cast',
+  'castle-1-filled',
   'castle-1',
+  'castle-2-filled',
   'castle-2',
+  'castle-3-filled',
   'castle-3',
+  'castle-4-filled',
   'castle-4',
+  'castle-5-filled',
   'castle-5',
+  'castle-6-filled',
   'castle-6',
+  'castle-7-filled',
   'castle-7',
+  'castle-filled',
   'castle',
+  'cat-filled',
   'cat',
+  'catalog-filled',
   'catalog',
+  'cd-filled',
   'cd',
   'celsius',
+  'center-focus-strong-filled',
   'center-focus-strong',
   'centimeter',
+  'certificate-1-filled',
   'certificate-1',
+  'certificate-filled',
   'certificate',
+  'chart-3d-filled',
   'chart-3d',
+  'chart-add-filled',
   'chart-add',
   'chart-analytics',
+  'chart-area-filled',
+  'chart-area-multi-filled',
   'chart-area-multi',
   'chart-area',
+  'chart-bar-filled',
   'chart-bar',
+  'chart-bubble-filled',
   'chart-bubble',
+  'chart-column-filled',
   'chart-column',
+  'chart-combo-filled',
   'chart-combo',
+  'chart-filled',
   'chart-line-data-1',
   'chart-line-data',
   'chart-line-multi',
@@ -193,31 +331,55 @@ const icons = [
   'chart-maximum',
   'chart-median',
   'chart-minimum',
+  'chart-pie-filled',
   'chart-pie',
+  'chart-radar-filled',
   'chart-radar',
   'chart-radial',
+  'chart-ring-1-filled',
   'chart-ring-1',
+  'chart-ring-filled',
   'chart-ring',
   'chart-scatter',
+  'chart-stacked-filled',
   'chart-stacked',
   'chart',
+  'chat-add-filled',
   'chat-add',
+  'chat-bubble-1-filled',
   'chat-bubble-1',
+  'chat-bubble-add-filled',
   'chat-bubble-add',
+  'chat-bubble-error-filled',
   'chat-bubble-error',
+  'chat-bubble-filled',
+  'chat-bubble-help-filled',
   'chat-bubble-help',
+  'chat-bubble-history-filled',
   'chat-bubble-history',
+  'chat-bubble-locked-filled',
   'chat-bubble-locked',
+  'chat-bubble-smile-filled',
   'chat-bubble-smile',
   'chat-bubble',
+  'chat-checked-filled',
   'chat-checked',
+  'chat-clear-filled',
   'chat-clear',
+  'chat-double-filled',
   'chat-double',
+  'chat-error-filled',
   'chat-error',
+  'chat-filled',
+  'chat-heart-filled',
   'chat-heart',
+  'chat-message-filled',
   'chat-message',
+  'chat-off-filled',
   'chat-off',
+  'chat-poll-filled',
   'chat-poll',
+  'chat-setting-filled',
   'chat-setting',
   'chat',
   'check-circle-filled',
@@ -226,282 +388,514 @@ const icons = [
   'check-rectangle-filled',
   'check-rectangle',
   'check',
+  'cheese-filled',
   'cheese',
+  'cherry-filled',
   'cherry',
+  'chevron-down-circle-filled',
   'chevron-down-circle',
   'chevron-down-double-s',
   'chevron-down-double',
+  'chevron-down-rectangle-filled',
   'chevron-down-rectangle',
   'chevron-down-s',
   'chevron-down',
+  'chevron-left-circle-filled',
   'chevron-left-circle',
   'chevron-left-double-s',
   'chevron-left-double',
+  'chevron-left-rectangle-filled',
   'chevron-left-rectangle',
   'chevron-left-s',
   'chevron-left',
+  'chevron-right-circle-filled',
   'chevron-right-circle',
   'chevron-right-double-s',
   'chevron-right-double',
+  'chevron-right-rectangle-filled',
   'chevron-right-rectangle',
   'chevron-right-s',
   'chevron-right',
+  'chevron-up-circle-filled',
   'chevron-up-circle',
   'chevron-up-double-s',
   'chevron-up-double',
+  'chevron-up-rectangle-filled',
   'chevron-up-rectangle',
   'chevron-up-s',
   'chevron-up',
   'chicken',
+  'chili-filled',
   'chili',
+  'chimney-1-filled',
   'chimney-1',
+  'chimney-2-filled',
   'chimney-2',
+  'chimney-filled',
   'chimney',
+  'chinese-cabbage-filled',
   'chinese-cabbage',
+  'church-filled',
   'church',
+  'circle-filled',
   'circle',
+  'city-1-filled',
   'city-1',
+  'city-10-filled',
   'city-10',
+  'city-11-filled',
   'city-11',
+  'city-12-filled',
   'city-12',
+  'city-13-filled',
   'city-13',
+  'city-14-filled',
   'city-14',
+  'city-15-filled',
   'city-15',
+  'city-2-filled',
   'city-2',
+  'city-3-filled',
   'city-3',
+  'city-4-filled',
   'city-4',
+  'city-5-filled',
   'city-5',
+  'city-6-filled',
   'city-6',
+  'city-7-filled',
   'city-7',
+  'city-8-filled',
   'city-8',
+  'city-9-filled',
   'city-9',
+  'city-ancient-1-filled',
   'city-ancient-1',
+  'city-ancient-2-filled',
   'city-ancient-2',
+  'city-ancient-filled',
   'city-ancient',
+  'city-filled',
   'city',
+  'clear-filled',
+  'clear-formatting-1-filled',
   'clear-formatting-1',
+  'clear-formatting-filled',
   'clear-formatting',
   'clear',
   'close-circle-filled',
   'close-circle',
+  'close-octagon-filled',
   'close-octagon',
+  'close-rectangle-filled',
   'close-rectangle',
   'close',
   'cloud-download',
+  'cloud-filled',
   'cloud-upload',
   'cloud',
+  'cloudy-day-filled',
   'cloudy-day',
+  'cloudy-night-filled',
+  'cloudy-night-rain-filled',
   'cloudy-night-rain',
   'cloudy-night',
+  'cloudy-rain-filled',
   'cloudy-rain',
+  'cloudy-sunny-filled',
   'cloudy-sunny',
   'code-1',
   'code-off',
   'code',
+  'cola-filled',
   'cola',
+  'collage-filled',
   'collage',
+  'collection-filled',
   'collection',
+  'color-invert-filled',
   'color-invert',
+  'combination-filled',
   'combination',
   'command',
+  'compass-1-filled',
   'compass-1',
+  'compass-filled',
   'compass',
+  'component-breadcrumb-filled',
   'component-breadcrumb',
+  'component-checkbox-filled',
   'component-checkbox',
+  'component-divider-horizontal-filled',
   'component-divider-horizontal',
+  'component-divider-vertical-filled',
   'component-divider-vertical',
+  'component-dropdown-filled',
   'component-dropdown',
+  'component-grid-filled',
   'component-grid',
+  'component-input-filled',
   'component-input',
+  'component-layout-filled',
   'component-layout',
   'component-radio',
+  'component-space-filled',
   'component-space',
+  'component-steps-filled',
   'component-steps',
+  'component-switch-filled',
   'component-switch',
   'constraint',
+  'contrast-1-filled',
   'contrast-1',
+  'contrast-filled',
   'contrast',
+  'control-platform-filled',
   'control-platform',
+  'cooperate-filled',
   'cooperate',
+  'coordinate-system-filled',
   'coordinate-system',
+  'copy-filled',
   'copy',
+  'copyright-filled',
   'copyright',
+  'corn-filled',
   'corn',
+  'coupon-filled',
   'coupon',
+  'course-filled',
   'course',
+  'cpu-filled',
   'cpu',
+  'crack-filled',
   'crack',
+  'creditcard-add-filled',
   'creditcard-add',
+  'creditcard-filled',
+  'creditcard-off-filled',
   'creditcard-off',
   'creditcard',
+  'crooked-smile-filled',
   'crooked-smile',
+  'cry-and-laugh-filled',
   'cry-and-laugh',
+  'cry-loudly-filled',
   'cry-loudly',
+  'css3-filled',
   'css3',
   'cucumber',
   'currency-exchange',
+  'cursor-filled',
   'cursor',
+  'curtain-filled',
   'curtain',
   'curve',
   'cut-1',
   'cut',
+  'dam-1-filled',
   'dam-1',
+  'dam-2-filled',
   'dam-2',
+  'dam-3-filled',
   'dam-3',
+  'dam-4-filled',
   'dam-4',
+  'dam-5-filled',
   'dam-5',
+  'dam-6-filled',
   'dam-6',
+  'dam-7-filled',
   'dam-7',
+  'dam-filled',
   'dam',
+  'dart-board-filled',
   'dart-board',
+  'dashboard-1-filled',
   'dashboard-1',
+  'dashboard-filled',
   'dashboard',
+  'data-filled',
+  'data-base-filled',
   'data-base',
+  'data-checked-filled',
   'data-checked',
   'data-display',
+  'data-error-filled',
   'data-error',
+  'data-search-filled',
   'data-search',
   'data',
+  'delete-1-filled',
   'delete-1',
+  'delete-filled',
+  'delete-time-filled',
   'delete-time',
   'delete',
+  'delta-filled',
   'delta',
+  'depressed-filled',
   'depressed',
+  'desktop-1-filled',
   'desktop-1',
+  'desktop-filled',
   'desktop',
+  'despise-filled',
   'despise',
+  'device-filled',
   'device',
   'discount-filled',
   'discount',
+  'dissatisfaction-filled',
   'dissatisfaction',
   'divide',
   'dividers-1',
   'dividers',
+  'doge-filled',
   'doge',
+  'double-storey-filled',
   'double-storey',
   'download-1',
+  'download-2-filled',
+  'download-2',
   'download',
   'downscale',
   'drag-drop',
   'drag-move',
+  'drink-filled',
   'drink',
+  'drumstick-filled',
   'drumstick',
+  'dv-filled',
   'dv',
+  'dvd-filled',
   'dvd',
+  'earphone-filled',
   'earphone',
+  'earth-filled',
   'earth',
+  'edit-1-filled',
   'edit-1',
+  'edit-2-filled',
   'edit-2',
+  'edit-filled',
+  'edit-off-filled',
   'edit-off',
   'edit',
+  'education-filled',
   'education',
+  'eggplant-filled',
   'eggplant',
   'ellipsis',
+  'emo-emotional-filled',
   'emo-emotional',
   'enter',
   'equal',
   'error-circle-filled',
   'error-circle',
+  'error-triangle-filled',
   'error-triangle',
   'error',
+  'excited-1-filled',
   'excited-1',
+  'excited-filled',
   'excited',
+  'expand-down-filled',
+  'expand-down',
   'expand-horizontal',
+  'expand-up-filled',
+  'expand-up',
   'expand-vertical',
+  'explore-filled',
+  'explore-off-filled',
   'explore-off',
   'explore',
+  'exposure-filled',
   'exposure',
+  'extension-filled',
+  'extension-off-filled',
   'extension-off',
   'extension',
+  'face-retouching-filled',
   'face-retouching',
+  'fact-check-filled',
   'fact-check',
   'fahrenheit-scale',
+  'feel-at-ease-filled',
   'feel-at-ease',
+  'ferocious-filled',
   'ferocious',
+  'ferris-wheel-filled',
   'ferris-wheel',
+  'file-1-filled',
   'file-1',
+  'file-add-1-filled',
   'file-add-1',
+  'file-add-filled',
   'file-add',
+  'file-attachment-filled',
   'file-attachment',
+  'file-blocked-filled',
   'file-blocked',
+  'file-code-1-filled',
   'file-code-1',
+  'file-code-filled',
   'file-code',
+  'file-copy-filled',
   'file-copy',
+  'file-download-filled',
   'file-download',
+  'file-excel-filled',
   'file-excel',
+  'file-export-filled',
   'file-export',
+  'file-filled',
+  'file-icon-filled',
   'file-icon',
+  'file-image-filled',
   'file-image',
+  'file-import-filled',
   'file-import',
+  'file-locked-filled',
   'file-locked',
+  'file-minus-filled',
   'file-minus',
+  'file-music-filled',
   'file-music',
+  'file-onenote-filled',
   'file-onenote',
+  'file-outlook-filled',
   'file-outlook',
+  'file-paste-filled',
   'file-paste',
+  'file-pdf-filled',
   'file-pdf',
+  'file-powerpoint-filled',
   'file-powerpoint',
+  'file-restore-filled',
   'file-restore',
+  'file-safety-filled',
   'file-safety',
+  'file-search-filled',
   'file-search',
+  'file-setting-filled',
   'file-setting',
+  'file-teams-filled',
   'file-teams',
+  'file-transmit-double-filled',
+  'file-transmit-double',
+  'file-transmit-filled',
+  'file-transmit',
+  'file-unknown-filled',
   'file-unknown',
+  'file-unlocked-filled',
   'file-unlocked',
+  'file-word-filled',
   'file-word',
+  'file-zip-filled',
   'file-zip',
   'file',
+  'fill-color-1-filled',
   'fill-color-1',
+  'fill-color-filled',
   'fill-color',
+  'film-1-filled',
   'film-1',
+  'film-filled',
   'film',
+  'filter-1-filled',
   'filter-1',
+  'filter-2-filled',
   'filter-2',
+  'filter-3-filled',
   'filter-3',
+  'filter-clear-filled',
   'filter-clear',
+  'filter-filled',
+  'filter-off-filled',
   'filter-off',
+  'filter-sort-filled',
+  'filter-sort',
   'filter',
   'fingerprint-1',
   'fingerprint-2',
   'fingerprint-3',
   'fingerprint',
+  'fish-filled',
   'fish',
+  'flag-1-filled',
   'flag-1',
+  'flag-2-filled',
   'flag-2',
+  'flag-3-filled',
   'flag-3',
+  'flag-4-filled',
   'flag-4',
+  'flag-filled',
   'flag',
+  'flashlight-filled',
   'flashlight',
+  'flight-landing-filled',
   'flight-landing',
+  'flight-takeoff-filled',
   'flight-takeoff',
+  'flip-smiling-face-filled',
   'flip-smiling-face',
+  'flip-to-back-filled',
   'flip-to-back',
+  'flip-to-front-filled',
   'flip-to-front',
+  'focus-filled',
   'focus',
+  'fog-filled',
+  'fog-night-filled',
   'fog-night',
+  'fog-sunny-filled',
   'fog-sunny',
   'fog',
+  'folder-1-filled',
   'folder-1',
+  'folder-add-1-filled',
   'folder-add-1',
+  'folder-add-filled',
   'folder-add',
+  'folder-blocked-filled',
   'folder-blocked',
+  'folder-details-filled',
   'folder-details',
+  'folder-export-filled',
   'folder-export',
+  'folder-filled',
+  'folder-import-filled',
   'folder-import',
+  'folder-locked-filled',
   'folder-locked',
+  'folder-minus-filled',
   'folder-minus',
+  'folder-move-filled',
   'folder-move',
+  'folder-off-filled',
   'folder-off',
+  'folder-open-1-filled',
   'folder-open-1',
+  'folder-open-filled',
   'folder-open',
+  'folder-search-filled',
   'folder-search',
+  'folder-setting-filled',
   'folder-setting',
+  'folder-shared-filled',
   'folder-shared',
+  'folder-unlocked-filled',
   'folder-unlocked',
+  'folder-zip-filled',
   'folder-zip',
   'folder',
+  'forest-filled',
   'forest',
+  'fork-filled',
   'fork',
+  'form-filled',
   'form',
   'format-horizontal-align-bottom',
   'format-horizontal-align-center',
@@ -509,9 +903,13 @@ const icons = [
   'format-vertical-align-center',
   'format-vertical-align-left',
   'format-vertical-align-right',
+  'forward-filled',
   'forward',
+  'frame-1-filled',
   'frame-1',
+  'frame-filled',
   'frame',
+  'fries-filled',
   'fries',
   'fullscreen-1',
   'fullscreen-2',
@@ -521,104 +919,186 @@ const icons = [
   'function-curve',
   'functions-1',
   'functions',
+  'gamepad-1-filled',
   'gamepad-1',
+  'gamepad-filled',
   'gamepad',
   'gamma',
+  'garlic-filled',
   'garlic',
   'gender-female',
   'gender-male',
+  'gesture-applause-filled',
   'gesture-applause',
+  'gesture-click-filled',
   'gesture-click',
+  'gesture-down-filled',
   'gesture-down',
+  'gesture-expansion-filled',
   'gesture-expansion',
+  'gesture-left-filled',
+  'gesture-left-slip-filled',
   'gesture-left-slip',
   'gesture-left',
-  'gesture-pray-1',
+  'gesture-open-filled',
+  'gesture-open',
+  'gesture-pray-filled',
   'gesture-pray',
+  'gesture-press-filled',
   'gesture-press',
-  'gesture-ranslation-1',
+  'gesture-ranslation-filled',
   'gesture-ranslation',
+  'gesture-right-filled',
+  'gesture-right-slip-filled',
   'gesture-right-slip',
   'gesture-right',
+  'gesture-slide-left-and-right-filled',
+  'gesture-slide-left-and-right',
+  'gesture-slide-up-filled',
   'gesture-slide-up',
-  'gesture-up-1',
-  'gesture-up-2',
+  'gesture-typing-filled',
+  'gesture-typing',
+  'gesture-up-and-down-filled',
   'gesture-up-and-down',
+  'gesture-up-filled',
   'gesture-up',
+  'gesture-wipe-down-filled',
   'gesture-wipe-down',
+  'gift-filled',
   'gift',
+  'giggle-filled',
   'giggle',
+  'git-branch-filled',
   'git-branch',
+  'git-commit-filled',
   'git-commit',
+  'git-merge-filled',
   'git-merge',
+  'git-pull-request-filled',
   'git-pull-request',
+  'git-repository-commits-filled',
   'git-repository-commits',
+  'git-repository-filled',
+  'git-repository-private-filled',
   'git-repository-private',
   'git-repository',
+  'gps-filled',
   'gps',
+  'grape-filled',
   'grape',
   'greater-than-or-equal',
   'greater-than',
   'green-onion',
+  'grid-add-filled',
   'grid-add',
+  'grid-view-filled',
   'grid-view',
+  'guitar-filled',
   'guitar',
+  'hamburger-filled',
   'hamburger',
+  'happy-filled',
   'happy',
+  'hard-disk-storage-filled',
   'hard-disk-storage',
+  'hard-drive-filled',
   'hard-drive',
   'hashtag',
+  'hd-filled',
   'hd',
   'heart-filled',
   'heart',
   'help-circle-filled',
   'help-circle',
+  'help-rectangle-filled',
   'help-rectangle',
   'help',
+  'highlight-1-filled',
   'highlight-1',
   'highlight',
   'history-setting',
   'history',
+  'home-filled',
   'home',
+  'horizontal-filled',
+  'horizontal',
+  'hospital-1-filled',
   'hospital-1',
+  'hospital-filled',
   'hospital',
+  'hotspot-wave-filled',
   'hotspot-wave',
+  'hourglass-filled',
   'hourglass',
+  'houses-1-filled',
   'houses-1',
+  'houses-2-filled',
   'houses-2',
+  'houses-filled',
   'houses',
+  'html5-filled',
   'html5',
+  'https-filled',
   'https',
+  'ice-cream-filled',
   'ice-cream',
+  'icon-filled',
   'icon',
+  'image-1-filled',
   'image-1',
+  'image-add-filled',
   'image-add',
+  'image-edit-filled',
   'image-edit',
+  'image-error-filled',
   'image-error',
+  'image-filled',
+  'image-off-filled',
   'image-off',
+  'image-search-filled',
   'image-search',
   'image',
   'indent-left',
   'indent-right',
+  'indicator-filled',
   'indicator',
   'info-circle-filled',
   'info-circle',
+  'ink-filled',
   'ink',
+  'install-desktop-filled',
   'install-desktop',
+  'install-filled',
+  'install-mobile-filled',
   'install-mobile',
   'install',
+  'institution-checked-filled',
   'institution-checked',
+  'institution-filled',
   'institution',
+  'internet-filled',
   'internet',
+  'ipod-filled',
   'ipod',
+  'joyful-filled',
   'joyful',
+  'jump-double',
   'jump-off',
   'jump',
+  'key-filled',
+  'key',
+  'keyboard-filled',
   'keyboard',
+  'laptop-filled',
   'laptop',
+  'layers-filled',
   'layers',
+  'layout-filled',
   'layout',
+  'leaderboard-filled',
   'leaderboard',
+  'lemon-filled',
+  'lemon-slice-filled',
   'lemon-slice',
   'lemon',
   'less-than-or-equal',
@@ -649,159 +1129,274 @@ const icons = [
   'letters-x',
   'letters-y',
   'letters-z',
+  'lightbulb-circle-filled',
   'lightbulb-circle',
+  'lightbulb-filled',
   'lightbulb',
+  'lighthouse-1-filled',
   'lighthouse-1',
+  'lighthouse-2-filled',
   'lighthouse-2',
+  'lighthouse-filled',
   'lighthouse',
+  'lighting-circle-filled',
   'lighting-circle',
   'line-height',
   'link-1',
   'link-unlink',
   'link',
+  'liquor-filled',
   'liquor',
   'list-numbered',
   'list',
   'load',
   'loading',
+  'location-1-filled',
   'location-1',
+  'location-enlargement-filled',
   'location-enlargement',
+  'location-error-filled',
   'location-error',
+  'location-filled',
+  'location-parking-place-filled',
   'location-parking-place',
+  'location-reduction-filled',
   'location-reduction',
+  'location-setting-filled',
   'location-setting',
   'location',
   'lock-off-filled',
   'lock-off',
   'lock-on-filled',
   'lock-on',
+  'lock-time-filled',
   'lock-time',
   'login',
+  'logo-adobe-illustrate-filled',
   'logo-adobe-illustrate',
-  'logo-adobe-photoshop-1',
+  'logo-adobe-lightroom-filled',
+  'logo-adobe-lightroom',
+  'logo-adobe-photoshop-filled',
   'logo-adobe-photoshop',
+  'logo-android-filled',
   'logo-android',
   'logo-apple-filled',
   'logo-apple',
   'logo-behance',
   'logo-chrome-filled',
   'logo-chrome',
+  'logo-cinema4d-filled',
   'logo-cinema4d',
   'logo-codepen',
   'logo-codesandbox',
+  'logo-dribbble-filled',
   'logo-dribbble',
+  'logo-facebook-filled',
   'logo-facebook',
+  'logo-figma-filled',
   'logo-figma',
+  'logo-framer-filled',
   'logo-framer',
   'logo-github-filled',
   'logo-github',
+  'logo-gitlab-filled',
   'logo-gitlab',
   'logo-ie-filled',
   'logo-ie',
+  'logo-instagram-filled',
   'logo-instagram',
+  'logo-qq-filled',
   'logo-qq',
+  'logo-twitter-filled',
   'logo-twitter',
+  'logo-wechat-stroke-filled',
   'logo-wechat-stroke',
-  'logo-wechat',
+  'logo-wechatpay-filled',
+  'logo-wechatpay',
+  'logo-wecom-filled',
   'logo-wecom',
   'logo-windows-filled',
   'logo-windows',
+  'logo-youtube-filled',
   'logo-youtube',
   'logout',
+  'look-around-filled',
   'look-around',
+  'loudspeaker-filled',
   'loudspeaker',
+  'mail-filled',
   'mail',
+  'map-3d-filled',
   'map-3d',
+  'map-add-filled',
   'map-add',
+  'map-aiming-filled',
   'map-aiming',
+  'map-blocked-filled',
   'map-blocked',
+  'map-bubble-filled',
   'map-bubble',
+  'map-cancel-filled',
   'map-cancel',
+  'map-chat-filled',
   'map-chat',
+  'map-checked-filled',
   'map-checked',
+  'map-collection-filled',
   'map-collection',
+  'map-connection-filled',
   'map-connection',
+  'map-distance-filled',
   'map-distance',
+  'map-double-filled',
   'map-double',
+  'map-edit-filled',
   'map-edit',
+  'map-filled',
+  'map-grid-filled',
   'map-grid',
+  'map-information-1-filled',
   'map-information-1',
+  'map-information-2-filled',
   'map-information-2',
+  'map-information-filled',
   'map-information',
+  'map-location-filled',
   'map-location',
+  'map-locked-filled',
   'map-locked',
+  'map-marked-filled',
   'map-marked',
+  'map-navigation-filled',
   'map-navigation',
+  'map-outline-filled',
   'map-outline',
+  'map-route-planning-filled',
   'map-route-planning',
+  'map-ruler-filled',
   'map-ruler',
+  'map-safety-filled',
   'map-safety',
+  'map-search-1-filled',
   'map-search-1',
+  'map-search-filled',
   'map-search',
+  'map-setting-filled',
   'map-setting',
+  'map-unlocked-filled',
   'map-unlocked',
   'map',
+  'mark-as-unread-filled',
   'mark-as-unread',
+  'markup-filled',
   'markup',
+  'mathematics-filled',
   'mathematics',
+  'measurement-1-filled',
   'measurement-1',
+  'measurement-2-filled',
   'measurement-2',
+  'measurement-filled',
   'measurement',
+  'meat-pepper-filled',
   'meat-pepper',
+  'media-library-filled',
   'media-library',
+  'member-filled',
   'member',
   'menu-application',
+  'menu-filled',
   'menu-fold',
   'menu-unfold',
   'menu',
+  'merge-cells-filled',
   'merge-cells',
+  'microphone-1-filled',
   'microphone-1',
+  'microphone-2-filled',
   'microphone-2',
+  'microphone-filled',
   'microphone',
+  'milk-filled',
   'milk',
   'minus-circle-filled',
   'minus-circle',
   'minus-rectangle-filled',
   'minus-rectangle',
   'minus',
+  'mirror-filled',
   'mirror',
+  'mobile-blocked-filled',
   'mobile-blocked',
+  'mobile-filled',
+  'mobile-list-filled',
   'mobile-list',
+  'mobile-navigation-filled',
   'mobile-navigation',
+  'mobile-shortcut-filled',
   'mobile-shortcut',
+  'mobile-vibrate-filled',
   'mobile-vibrate',
   'mobile',
+  'mode-dark-filled',
   'mode-dark',
+  'mode-light-filled',
   'mode-light',
+  'module-filled',
   'module',
+  'money-filled',
   'money',
+  'monument-filled',
   'monument',
+  'moon-fall-filled',
   'moon-fall',
+  'moon-filled',
+  'moon-rising-filled',
   'moon-rising',
   'moon',
   'more',
+  'mosque-1-filled',
   'mosque-1',
+  'mosque-filled',
   'mosque',
+  'mouse-filled',
   'mouse',
   'move-1',
   'move',
+  'movie-clapper-filled',
   'movie-clapper',
   'multiply',
+  'museum-1-filled',
   'museum-1',
+  'museum-2-filled',
   'museum-2',
+  'museum-filled',
   'museum',
+  'mushroom-1-filled',
   'mushroom-1',
+  'mushroom-filled',
   'mushroom',
+  'music-1-filled',
   'music-1',
+  'music-2-filled',
   'music-2',
+  'music-filled',
+  'music-rectangle-add-filled',
   'music-rectangle-add',
   'music',
+  'navigation-arrow-filled',
   'navigation-arrow',
+  'next-filled',
   'next',
+  'no-expression-filled',
   'no-expression',
+  'noodle-filled',
   'noodle',
+  'notification-add-filled',
   'notification-add',
+  'notification-circle-filled',
   'notification-circle',
+  'notification-error-filled',
   'notification-error',
   'notification-filled',
   'notification',
@@ -825,241 +1420,430 @@ const icons = [
   'numbers-8',
   'numbers-9-1',
   'numbers-9',
+  'nut-filled',
   'nut',
   'object-storage',
+  'open-mouth-filled',
   'open-mouth',
+  'opera-filled',
   'opera',
   'order-adjustment-column',
   'order-ascending',
   'order-descending',
+  'outbox-filled',
   'outbox',
   'page-first',
+  'page-head-filled',
   'page-head',
   'page-last',
+  'palace-1-filled',
   'palace-1',
+  'palace-2-filled',
   'palace-2',
+  'palace-3-filled',
   'palace-3',
+  'palace-4-filled',
   'palace-4',
+  'palace-filled',
   'palace',
+  'palette-1-filled',
   'palette-1',
+  'palette-filled',
   'palette',
+  'panorama-horizontal-filled',
   'panorama-horizontal',
+  'panorama-vertical-filled',
   'panorama-vertical',
+  'pantone-filled',
   'pantone',
   'parabola',
   'parentheses',
+  'paste-filled',
   'paste',
+  'patio-filled',
   'patio',
   'pause-circle-filled',
+  'pause-circle-stroke-filled',
   'pause-circle-stroke',
   'pause-circle',
   'pause',
+  'pea-filled',
   'pea',
+  'peach-filled',
   'peach',
+  'pear-filled',
   'pear',
+  'pearl-of-the-orient-filled',
   'pearl-of-the-orient',
+  'pen-ball-filled',
   'pen-ball',
+  'pen-brush-filled',
   'pen-brush',
+  'pen-filled',
+  'pen-mark-filled',
   'pen-mark',
+  'pen-quill-filled',
   'pen-quill',
   'pen',
+  'pending-filled',
   'pending',
   'percent',
+  'personal-information-filled',
   'personal-information',
+  'phone-locked-filled',
   'phone-locked',
+  'phone-search-filled',
   'phone-search',
   'pi',
+  'piano-filled',
   'piano',
   'pin-filled',
   'pin',
   'play-circle-filled',
+  'play-circle-stroke-add-filled',
   'play-circle-stroke-add',
+  'play-circle-stroke-filled',
   'play-circle-stroke',
   'play-circle',
+  'play-demo-filled',
   'play-demo',
+  'play-rectangle-filled',
   'play-rectangle',
   'play',
   'plus',
+  'popsicle-filled',
   'popsicle',
+  'portrait-filled',
   'portrait',
+  'pout-filled',
   'pout',
   'poweroff',
   'precise-monitor',
+  'previous-filled',
   'previous',
+  'print-filled',
   'print',
+  'pumpkin-filled',
   'pumpkin',
+  'pyramid-filled',
+  'pyramid-maya-filled',
   'pyramid-maya',
   'pyramid',
   'qrcode',
   'quadratic',
+  'questionnaire-double-filled',
+  'questionnaire-double',
+  'questionnaire-filled',
   'questionnaire',
+  'queue-filled',
   'queue',
   'radar',
+  'radio-1-filled',
   'radio-1',
+  'radio-2-filled',
   'radio-2',
+  'radish-filled',
   'radish',
   'rain-heavy',
+  'rain-light-filled',
   'rain-light',
   'rain-medium',
   'rainbow',
+  'rectangle-filled',
   'rectangle',
   'refresh',
   'relation',
+  'relativity-filled',
   'relativity',
+  'remote-wave-filled',
   'remote-wave',
   'remove',
+  'replay-filled',
   'replay',
+  'rice-ball-filled',
   'rice-ball',
+  'rice-filled',
   'rice',
+  'roast-filled',
   'roast',
+  'rocket-filled',
   'rocket',
   'rollback',
   'rollfront',
+  'root-list-filled',
   'root-list',
+  'rotate-locked-filled',
   'rotate-locked',
   'rotate',
   'rotation',
+  'round-filled',
   'round',
+  'router-wave-filled',
   'router-wave',
   'rss',
+  'ruler-filled',
   'ruler',
+  'sailing-hotel-filled',
   'sailing-hotel',
+  'sandwich-filled',
   'sandwich',
+  'saturation-filled',
   'saturation',
+  'sausage-filled',
   'sausage',
+  'save-filled',
   'save',
+  'saving-pot-filled',
   'saving-pot',
   'scan',
+  'screen-4k-filled',
   'screen-4k',
+  'screencast-filled',
   'screencast',
   'screenshot',
+  'scroll-bar-filled',
   'scroll-bar',
+  'sd-card-1-filled',
   'sd-card-1',
+  'sd-card-filled',
   'sd-card',
+  'search-error-filled',
   'search-error',
+  'search-filled',
   'search',
+  'secured-filled',
   'secured',
+  'send-cancel-filled',
   'send-cancel',
+  'send-filled',
   'send',
   'sensors-1',
   'sensors-2',
   'sensors-off',
   'sensors',
+  'sequence-filled',
+  'sequence',
+  'serenity-filled',
   'serenity',
+  'server-filled',
   'server',
+  'service-filled',
   'service',
+  'setting-1-filled',
   'setting-1',
+  'setting-filled',
   'setting',
+  'share-1-filled',
   'share-1',
+  'share-filled',
   'share',
+  'sharpness-filled',
   'sharpness',
+  'shield-error-filled',
   'shield-error',
+  'shimen-filled',
   'shimen',
+  'shop-1-filled',
   'shop-1',
+  'shop-2-filled',
   'shop-2',
+  'shop-3-filled',
   'shop-3',
+  'shop-4-filled',
   'shop-4',
+  'shop-5-filled',
   'shop-5',
+  'shop-filled',
   'shop',
+  'shrimp-filled',
   'shrimp',
   'shrink-horizontal',
   'shrink-vertical',
+  'shutter-filled',
   'shutter',
+  'shutup-filled',
   'shutup',
+  'sim-card-1-filled',
   'sim-card-1',
+  'sim-card-2-filled',
   'sim-card-2',
+  'sim-card-filled',
   'sim-card',
+  'sinister-smile-filled',
   'sinister-smile',
+  'sip-filled',
   'sip',
+  'sitemap-filled',
+  'sitemap',
   'slash',
+  'sleep-filled',
   'sleep',
+  'slice-filled',
   'slice',
+  'slideshow-filled',
   'slideshow',
+  'smile-filled',
   'smile',
+  'sneer-filled',
   'sneer',
   'snowflake',
   'sonic',
+  'sound-down-filled',
   'sound-down',
+  'sound-filled',
+  'sound-high-filled',
   'sound-high',
+  'sound-low-filled',
   'sound-low',
+  'sound-mute-1-filled',
   'sound-mute-1',
+  'sound-mute-filled',
   'sound-mute',
+  'sound-up-filled',
   'sound-up',
   'sound',
   'space',
+  'speechless-1-filled',
   'speechless-1',
+  'speechless-filled',
+  'speechless',
   'star-filled',
   'star',
+  'statue-of-jesus-filled',
   'statue-of-jesus',
+  'sticky-note-filled',
   'sticky-note',
   'stop-circle-filled',
+  'stop-circle-stroke-filled',
   'stop-circle-stroke',
   'stop-circle',
   'stop',
+  'store-filled',
   'store',
+  'street-road-1-filled',
   'street-road-1',
+  'street-road-filled',
   'street-road',
+  'subtitle-filled',
   'subtitle',
+  'subway-line-filled',
   'subway-line',
   'sum',
+  'sun-fall-filled',
   'sun-fall',
+  'sun-rising-filled',
   'sun-rising',
+  'sunny-filled',
   'sunny',
+  'support-filled',
   'support',
+  'surprised-1-filled',
   'surprised-1',
+  'surprised-filled',
   'surprised',
   'swap-left',
   'swap-right',
   'swap',
+  'swear-1-filled',
   'swear-1',
+  'swear-2-filled',
   'swear-2',
   'system-2',
+  'system-3-filled',
   'system-3',
+  'system-application-filled',
   'system-application',
+  'system-blocked-filled',
   'system-blocked',
+  'system-code-filled',
   'system-code',
+  'system-components-filled',
   'system-components',
+  'system-coordinate-filled',
   'system-coordinate',
+  'system-device-filled',
   'system-device',
+  'system-interface-filled',
   'system-interface',
+  'system-location-filled',
   'system-location',
+  'system-locked-filled',
   'system-locked',
+  'system-log-filled',
   'system-log',
+  'system-marked-filled',
   'system-marked',
+  'system-messages-filled',
   'system-messages',
+  'system-regulation-filled',
   'system-regulation',
+  'system-search-filled',
   'system-search',
+  'system-setting-filled',
   'system-setting',
+  'system-storage-filled',
   'system-storage',
   'system-sum',
+  'system-unlocked-filled',
   'system-unlocked',
+  'tab-filled',
   'tab',
+  'table-1-filled',
   'table-1',
+  'table-2-filled',
   'table-2',
+  'table-add-filled',
   'table-add',
+  'table-filled',
+  'table-split-filled',
   'table-split',
   'table',
+  'tag-filled',
   'tag',
+  'tangerinr-filled',
   'tangerinr',
+  'tape-filled',
   'tape',
+  'task-1-filled',
   'task-1',
   'task-add-1',
+  'task-add-filled',
   'task-add',
+  'task-checked-1',
+  'task-checked-filled',
   'task-checked',
+  'task-double-filled',
+  'task-double',
+  'task-error-filled',
   'task-error',
+  'task-filled',
+  'task-location-filled',
   'task-location',
+  'task-marked-filled',
   'task-marked',
+  'task-setting-filled',
   'task-setting',
+  'task-time-filled',
+  'task-time',
+  'task-visible-filled',
   'task-visible',
   'task',
+  'tea-filled',
   'tea',
+  'teahouse-filled',
   'teahouse',
+  'template-filled',
   'template',
+  'temple-filled',
   'temple',
+  'terminal-rectangle-1-filled',
   'terminal-rectangle-1',
+  'terminal-rectangle-filled',
   'terminal-rectangle',
+  'terminal-window-filled',
   'terminal-window',
   'terminal',
+  'textbox-filled',
   'textbox',
   'textformat-bold',
   'textformat-color',
@@ -1067,143 +1851,267 @@ const icons = [
   'textformat-strikethrough',
   'textformat-underline',
   'textformat-wrap',
+  'theaters-filled',
   'theaters',
+  'thumb-down-1-filled',
   'thumb-down-1',
+  'thumb-down-2-filled',
   'thumb-down-2',
+  'thumb-down-filled',
   'thumb-down',
+  'thumb-up-1-filled',
   'thumb-up-1',
+  'thumb-up-2-filled',
   'thumb-up-2',
+  'thumb-up-filled',
   'thumb-up',
   'thunder',
+  'thunderstorm-night-filled',
   'thunderstorm-night',
+  'thunderstorm-sunny-filled',
   'thunderstorm-sunny',
   'thunderstorm',
+  'ticket-filled',
   'ticket',
   'time-filled',
   'time',
+  'tips-double-filled',
   'tips-double',
+  'tips-filled',
   'tips',
+  'tomato-filled',
   'tomato',
+  'tools-circle-filled',
   'tools-circle',
+  'tools-filled',
   'tools',
   'tornado',
+  'tower-1-filled',
   'tower-1',
+  'tower-2-filled',
   'tower-2',
+  'tower-3-filled',
   'tower-3',
+  'tower-clock-filled',
   'tower-clock',
+  'tower-filled',
   'tower',
+  'town-filled',
   'town',
+  'traffic-events-filled',
   'traffic-events',
+  'traffic-filled',
   'traffic',
+  'transform-1-filled',
   'transform-1',
   'transform-2',
   'transform-3',
+  'transform-filled',
   'transform',
   'translate-1',
   'translate',
-  'tree-list',
+  'tree-round-dot-filled',
+  'tree-round-dot-vertical-filled',
   'tree-round-dot-vertical',
   'tree-round-dot',
+  'tree-square-dot-filled',
+  'tree-square-dot-vertical-filled',
   'tree-square-dot-vertical',
   'tree-square-dot',
   'trending-down',
   'trending-up',
+  'tv-1-filled',
   'tv-1',
+  'tv-2-filled',
   'tv-2',
+  'tv-filled',
   'tv',
+  'typography-filled',
   'typography',
+  'uncomfortable-1-filled',
   'uncomfortable-1',
+  'uncomfortable-2-filled',
   'uncomfortable-2',
+  'uncomfortable-filled',
   'uncomfortable',
+  'undertake-delivery-filled',
   'undertake-delivery',
+  'undertake-environment-protection-filled',
   'undertake-environment-protection',
+  'undertake-filled',
+  'undertake-hold-up-filled',
   'undertake-hold-up',
+  'undertake-transaction-filled',
   'undertake-transaction',
   'undertake',
   'unfold-less',
   'unfold-more',
+  'unhappy-1-filled',
   'unhappy-1',
+  'unhappy-filled',
   'unhappy',
+  'uninstall-filled',
   'uninstall',
   'upload-1',
   'upload',
   'upscale',
+  'usb-filled',
   'usb',
+  'user-1-filled',
   'user-1',
+  'user-add-filled',
   'user-add',
+  'user-arrow-down-filled',
   'user-arrow-down',
+  'user-arrow-left-filled',
   'user-arrow-left',
+  'user-arrow-right-filled',
   'user-arrow-right',
+  'user-arrow-up-filled',
   'user-arrow-up',
+  'user-avatar-filled',
   'user-avatar',
+  'user-blocked-filled',
   'user-blocked',
+  'user-business-filled',
   'user-business',
+  'user-checked-1-filled',
   'user-checked-1',
+  'user-checked-filled',
   'user-checked',
+  'user-circle-filled',
   'user-circle',
+  'user-clear-filled',
   'user-clear',
+  'user-error-1-filled',
   'user-error-1',
+  'user-filled',
+  'user-invisible-filled',
   'user-invisible',
+  'user-list-filled',
   'user-list',
+  'user-locked-filled',
   'user-locked',
+  'user-marked-filled',
   'user-marked',
+  'user-password-filled',
   'user-password',
+  'user-safety-filled',
   'user-safety',
+  'user-search-filled',
   'user-search',
+  'user-setting-filled',
   'user-setting',
+  'user-talk-1-filled',
   'user-talk-1',
+  'user-talk-filled',
+  'user-talk-off-1-filled',
   'user-talk-off-1',
   'user-talk',
+  'user-time-filled',
   'user-time',
+  'user-transmit-filled',
   'user-transmit',
+  'user-unknown-filled',
   'user-unknown',
+  'user-unlocked-filled',
   'user-unlocked',
+  'user-vip-filled',
   'user-vip',
+  'user-visible-filled',
   'user-visible',
   'user',
+  'usercase-filled',
+  'usercase-link-filled',
+  'usercase-link',
+  'usercase',
+  'usergroup-add-filled',
   'usergroup-add',
+  'usergroup-clear-filled',
   'usergroup-clear',
+  'usergroup-filled',
   'usergroup',
+  'vehicle-filled',
   'vehicle',
+  'verified-filled',
   'verified',
+  'verify-filled',
   'verify',
+  'vertical-filled',
+  'vertical',
+  'video-camera-1-filled',
   'video-camera-1',
+  'video-camera-2-filled',
   'video-camera-2',
+  'video-camera-3-filled',
+  'video-camera-3',
+  'video-camera-dollar-filled',
   'video-camera-dollar',
+  'video-camera-filled',
+  'video-camera-minus-filled',
   'video-camera-minus',
+  'video-camera-music-filled',
   'video-camera-music',
+  'video-camera-off-filled',
   'video-camera-off',
   'video-camera',
+  'video-filled',
+  'video-library-filled',
   'video-library',
   'video',
+  'view-agenda-filled',
   'view-agenda',
   'view-column',
+  'view-in-ar-filled',
   'view-in-ar',
   'view-list',
+  'view-module-filled',
   'view-module',
+  'visual-recognition-filled',
   'visual-recognition',
+  'wallet-filled',
   'wallet',
+  'watch-filled',
   'watch',
+  'watermelon-filled',
   'watermelon',
+  'wave-bye-filled',
+  'wave-bye',
+  'wave-left-filled',
   'wave-left',
+  'wave-right-filled',
   'wave-right',
+  'wealth-1-filled',
   'wealth-1',
+  'wealth-filled',
   'wealth',
+  'widget-filled',
   'widget',
+  'wifi-1-filled',
   'wifi-1',
+  'wifi-off-1-filled',
   'wifi-off-1',
   'wifi-off',
   'wifi',
+  'window-1-filled',
   'window-1',
+  'window-filled',
   'window',
   'windy-rain',
   'windy',
+  'wink-filled',
   'wink',
+  'work-filled',
+  'work-history-filled',
   'work-history',
+  'work-off-filled',
   'work-off',
   'work',
+  'wry-smile-filled',
   'wry-smile',
+  'zoom-in-filled',
   'zoom-in',
+  'zoom-out-filled',
   'zoom-out',
 ];
 export default icons;
diff --git a/src/icon/icon.less b/src/icon/icon.less
index 341022ee3..b4c3e7849 100644
--- a/src/icon/icon.less
+++ b/src/icon/icon.less
@@ -3,11 +3,11 @@
 
 @font-face {
   font-family: @prefix;
-  src: url('https://tdesign.gtimg.com/icon/0.2.1/fonts/t.eot'),
-    url('https://tdesign.gtimg.com/icon/0.2.1/fonts/t.eot?#iefix') format('ded-opentype'),
-    url('https://tdesign.gtimg.com/icon/0.2.1/fonts/t.woff') format('woff'),
-    url('https://tdesign.gtimg.com/icon/0.2.1/fonts/t.ttf') format('truetype'),
-    url('https://tdesign.gtimg.com/icon/0.2.1/fonts/t.svg') format('svg'); /* iOS 4.1- */
+  src: url('https://tdesign.gtimg.com/icon/0.3.0/fonts/t.eot'),
+    url('https://tdesign.gtimg.com/icon/0.3.0/fonts/t.eot?#iefix') format('ded-opentype'),
+    url('https://tdesign.gtimg.com/icon/0.3.0/fonts/t.woff') format('woff'),
+    url('https://tdesign.gtimg.com/icon/0.3.0/fonts/t.ttf') format('truetype'),
+    url('https://tdesign.gtimg.com/icon/0.3.0/fonts/t.svg') format('svg'); /* iOS 4.1- */
   font-weight: normal;
   font-style: normal;
 }