diff --git a/packages/canon/src/components/Icon/icons.ts b/packages/canon/src/components/Icon/icons.ts
index 40cbefb72d..8cc862459c 100644
--- a/packages/canon/src/components/Icon/icons.ts
+++ b/packages/canon/src/components/Icon/icons.ts
@@ -18,12 +18,12 @@
 
 import type { IconMap } from './types';
 import {
-  RiHeartFill,
-  RiArrowDownFill,
-  RiCloudFill,
-  RiArrowLeftFill,
-  RiArrowRightFill,
-  RiArrowUpFill,
+  RiHeartLine,
+  RiArrowDownLine,
+  RiCloudLine,
+  RiArrowLeftLine,
+  RiArrowRightLine,
+  RiArrowUpLine,
   RiDeleteBin6Line,
   RiAddLine,
   RiArrowDownSLine,
@@ -38,28 +38,96 @@ import {
   RiMoonLine,
   RiSunLine,
   RiExternalLinkLine,
+  RiArrowLeftDownLine,
+  RiArrowRightDownLine,
+  RiArrowLeftUpLine,
+  RiArrowRightUpLine,
+  RiArrowDropDownLine,
+  RiArrowDropUpLine,
+  RiArrowDropLeftLine,
+  RiArrowDropRightLine,
+  RiSparklingLine,
+  RiFlowerLine,
+  RiCodeLine,
+  RiTerminalLine,
+  RiBracketsLine,
+  RiBracesLine,
+  RiBugLine,
+  RiGitRepositoryLine,
+  RiCheckDoubleLine,
+  RiFilterLine,
+  RiEyeLine,
+  RiEyeOffLine,
+  RiDownloadLine,
+  RiUploadLine,
+  RiStarLine,
+  RiSidebarFoldLine,
+  RiSidebarUnfoldLine,
+  RiZoomInLine,
+  RiZoomOutLine,
+  RiAlertLine,
+  RiAccountCircleLine,
+  RiGroupLine,
+  RiUserLine,
+  RiGithubLine,
+  RiDiscordLine,
+  RiYoutubeLine,
 } from '@remixicon/react';
 
 /** @public */
 export const icons: IconMap = {
-  arrowDown: RiArrowDownFill,
-  arrowLeft: RiArrowLeftFill,
-  arrowRight: RiArrowRightFill,
-  arrowUp: RiArrowUpFill,
-  arrowDownCircle: RiArrowDownCircleLine,
-  arrowLeftCircle: RiArrowLeftCircleLine,
-  arrowRightCircle: RiArrowRightCircleLine,
-  arrowUpCircle: RiArrowUpCircleLine,
+  'account-circle': RiAccountCircleLine,
+  alert: RiAlertLine,
+  'arrow-down': RiArrowDownLine,
+  'arrow-down-circle': RiArrowDownCircleLine,
+  'caret-down': RiArrowDropDownLine,
+  'caret-left': RiArrowDropLeftLine,
+  'caret-right': RiArrowDropRightLine,
+  'caret-up': RiArrowDropUpLine,
+  'arrow-left': RiArrowLeftLine,
+  'arrow-left-circle': RiArrowLeftCircleLine,
+  'arrow-left-down': RiArrowLeftDownLine,
+  'arrow-left-up': RiArrowLeftUpLine,
+  'arrow-right': RiArrowRightLine,
+  'arrow-right-circle': RiArrowRightCircleLine,
+  'arrow-right-down': RiArrowRightDownLine,
+  'arrow-right-up': RiArrowRightUpLine,
+  'arrow-up': RiArrowUpLine,
+  'arrow-up-circle': RiArrowUpCircleLine,
+  braces: RiBracesLine,
+  brackets: RiBracketsLine,
+  bug: RiBugLine,
   check: RiCheckLine,
-  chevronDown: RiArrowDownSLine,
-  chevronUp: RiArrowUpSLine,
-  chevronLeft: RiArrowLeftSLine,
-  chevronRight: RiArrowRightSLine,
-  cloud: RiCloudFill,
-  externalLink: RiExternalLinkLine,
-  heart: RiHeartFill,
+  'check-double': RiCheckDoubleLine,
+  'chevron-down': RiArrowDownSLine,
+  'chevron-left': RiArrowLeftSLine,
+  'chevron-right': RiArrowRightSLine,
+  'chevron-up': RiArrowUpSLine,
+  cloud: RiCloudLine,
+  code: RiCodeLine,
+  discord: RiDiscordLine,
+  download: RiDownloadLine,
+  'external-link': RiExternalLinkLine,
+  eye: RiEyeLine,
+  'eye-off': RiEyeOffLine,
+  filter: RiFilterLine,
+  flower: RiFlowerLine,
+  github: RiGithubLine,
+  'git-repository': RiGitRepositoryLine,
+  group: RiGroupLine,
+  heart: RiHeartLine,
   moon: RiMoonLine,
   plus: RiAddLine,
+  'sidebar-fold': RiSidebarFoldLine,
+  'sidebar-unfold': RiSidebarUnfoldLine,
+  sparkling: RiSparklingLine,
+  star: RiStarLine,
   sun: RiSunLine,
+  terminal: RiTerminalLine,
   trash: RiDeleteBin6Line,
+  upload: RiUploadLine,
+  user: RiUserLine,
+  youtube: RiYoutubeLine,
+  'zoom-in': RiZoomInLine,
+  'zoom-out': RiZoomOutLine,
 };
diff --git a/packages/canon/src/components/Icon/types.ts b/packages/canon/src/components/Icon/types.ts
index d1402923c5..5cbdb8e147 100644
--- a/packages/canon/src/components/Icon/types.ts
+++ b/packages/canon/src/components/Icon/types.ts
@@ -18,26 +18,60 @@ import { ReactNode } from 'react';
 
 /** @public */
 export type IconNames =
-  | 'arrowDown'
-  | 'arrowLeft'
-  | 'arrowRight'
-  | 'arrowUp'
-  | 'arrowDownCircle'
-  | 'arrowLeftCircle'
-  | 'arrowRightCircle'
-  | 'arrowUpCircle'
+  | 'account-circle'
+  | 'alert'
+  | 'arrow-down'
+  | 'arrow-down-circle'
+  | 'caret-down'
+  | 'caret-left'
+  | 'caret-right'
+  | 'caret-up'
+  | 'arrow-left'
+  | 'arrow-left-circle'
+  | 'arrow-left-down'
+  | 'arrow-left-up'
+  | 'arrow-right'
+  | 'arrow-right-circle'
+  | 'arrow-right-down'
+  | 'arrow-right-up'
+  | 'arrow-up'
+  | 'arrow-up-circle'
+  | 'braces'
+  | 'brackets'
+  | 'bug'
   | 'check'
-  | 'chevronDown'
-  | 'chevronLeft'
-  | 'chevronRight'
-  | 'chevronUp'
+  | 'check-double'
+  | 'chevron-down'
+  | 'chevron-left'
+  | 'chevron-right'
+  | 'chevron-up'
   | 'cloud'
-  | 'externalLink'
+  | 'code'
+  | 'discord'
+  | 'download'
+  | 'external-link'
+  | 'eye'
+  | 'eye-off'
+  | 'filter'
+  | 'flower'
+  | 'github'
+  | 'git-repository'
+  | 'group'
   | 'heart'
   | 'moon'
   | 'plus'
+  | 'sidebar-fold'
+  | 'sidebar-unfold'
+  | 'sparkling'
+  | 'star'
   | 'sun'
-  | 'trash';
+  | 'terminal'
+  | 'trash'
+  | 'upload'
+  | 'user'
+  | 'youtube'
+  | 'zoom-in'
+  | 'zoom-out';
 
 /** @public */
 export type IconMap = Partial<Record<IconNames, React.ComponentType>>;