diff --git a/.changeset/happy-pigs-love.md b/.changeset/happy-pigs-love.md
new file mode 100644
index 0000000000..1feed6679f
--- /dev/null
+++ b/.changeset/happy-pigs-love.md
@@ -0,0 +1,5 @@
+---
+'@backstage/canon': minor
+---
+
+Added about 40 new icons to Canon.
diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md
index e993df054b..fc9b9ac9a0 100644
--- a/packages/canon/report.api.md
+++ b/packages/canon/report.api.md
@@ -640,26 +640,60 @@ export type IconMap = Partial<Record<IconNames, React.ComponentType>>;
 
 // @public (undocumented)
 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 (undocumented)
 export type IconProps = {
diff --git a/packages/canon/src/components/Button/Button.stories.tsx b/packages/canon/src/components/Button/Button.stories.tsx
index 7a01fa6014..2d0938b0d4 100644
--- a/packages/canon/src/components/Button/Button.stories.tsx
+++ b/packages/canon/src/components/Button/Button.stories.tsx
@@ -85,8 +85,8 @@ export const WithIcons: Story = {
   render: args => (
     <Flex align="center">
       <Button {...args} iconStart="cloud" />
-      <Button {...args} iconEnd="chevronRight" />
-      <Button {...args} iconStart="cloud" iconEnd="chevronRight" />
+      <Button {...args} iconEnd="chevron-right" />
+      <Button {...args} iconStart="cloud" iconEnd="chevron-right" />
     </Flex>
   ),
 };
@@ -98,8 +98,8 @@ export const FullWidth: Story = {
   render: args => (
     <Flex direction="column" gap="4" style={{ width: '300px' }}>
       <Button {...args} iconStart="cloud" />
-      <Button {...args} iconEnd="chevronRight" />
-      <Button {...args} iconStart="cloud" iconEnd="chevronRight" />
+      <Button {...args} iconEnd="chevron-right" />
+      <Button {...args} iconStart="cloud" iconEnd="chevron-right" />
     </Flex>
   ),
 };
@@ -158,7 +158,7 @@ export const Playground: Story = {
                 Button
               </Button>
               <Button
-                iconEnd="chevronRight"
+                iconEnd="chevron-right"
                 variant={variant as ButtonProps['variant']}
                 size={size as ButtonProps['size']}
               >
@@ -166,7 +166,7 @@ export const Playground: Story = {
               </Button>
               <Button
                 iconStart="cloud"
-                iconEnd="chevronRight"
+                iconEnd="chevron-right"
                 style={{ width: '200px' }}
                 variant={variant as ButtonProps['variant']}
                 size={size as ButtonProps['size']}
@@ -189,7 +189,7 @@ export const Playground: Story = {
                 Button
               </Button>
               <Button
-                iconEnd="chevronRight"
+                iconEnd="chevron-right"
                 variant={variant as ButtonProps['variant']}
                 size={size as ButtonProps['size']}
                 disabled
diff --git a/packages/canon/src/components/Icon/Icon.stories.tsx b/packages/canon/src/components/Icon/Icon.stories.tsx
index 8e783364bb..0325e04914 100644
--- a/packages/canon/src/components/Icon/Icon.stories.tsx
+++ b/packages/canon/src/components/Icon/Icon.stories.tsx
@@ -45,11 +45,11 @@ export const Default: Story = {
 
 export const WithCustomIcon: Story = {
   args: {
-    name: 'arrowDown',
+    name: 'arrow-down',
   },
   decorators: [
     Story => (
-      <IconProvider overrides={{ arrowDown: () => <div>Custom Icon</div> }}>
+      <IconProvider overrides={{ 'arrow-down': () => <div>Custom Icon</div> }}>
         <Story />
       </IconProvider>
     ),
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>>;
diff --git a/packages/canon/src/components/IconButton/IconButton.stories.tsx b/packages/canon/src/components/IconButton/IconButton.stories.tsx
index 74e058430c..d9b591cec8 100644
--- a/packages/canon/src/components/IconButton/IconButton.stories.tsx
+++ b/packages/canon/src/components/IconButton/IconButton.stories.tsx
@@ -121,13 +121,13 @@ export const Playground: Story = {
               />
               <IconButton
                 {...args}
-                icon="chevronRight"
+                icon="chevron-right"
                 variant={variant as IconButtonProps['variant']}
                 size={size as IconButtonProps['size']}
               />
               <IconButton
                 {...args}
-                icon="chevronRight"
+                icon="chevron-right"
                 variant={variant as IconButtonProps['variant']}
                 size={size as IconButtonProps['size']}
               />