feat(icons): add externalLink icon

src/icons/ExternalLink.tsx

@@ -0,0 +1,15 @@
+import { IconBox } from '../elements/IconBox'
+
+import type { IconProps } from '../types/definitions'
+
+export function ExternalLink({ color, size, title, ...nativeProps }: IconProps) {
+ return (
+ <IconBox $color={color} $size={size} title={title}>
+ <svg height="20" viewBox="0 0 20 20" width="20" {...nativeProps}>
+ <rect fill="none" height="20" width="20" />
+ <path d="M16,11v5H4V4H9V2H2V18H18V11Z" fill="currentColor" />
+ <path d="M18,2H11V4h3.586L9.793,8.793l1.414,1.414L16,5.414V9h2V2Z" fill="currentColor" />
+ </svg>
+ </IconBox>
+ )
+}

src/icons/index.tsx

@@ -28,6 +28,7 @@ import { Duplicate } from './Duplicate'
 import { Edit } from './Edit'
 import { EditUnbordered } from './EditUnbordered'
 import { Expand } from './Expand'
+import { ExternalLink } from './ExternalLink'
 import { Favorite } from './Favorite'
 import { FilledArrow } from './FilledArrow'
 import { Filter } from './Filter'
@@ -124,6 +125,7 @@ export {
  Edit,
  EditUnbordered,
  Expand,
+ ExternalLink,
  Favorite,
  FilledArrow,
  Filter,