diff --git a/src/components/Icon/AddSmallIcon.tsx b/src/components/Icon/AddSmallIcon.tsx
new file mode 100644
index 00000000..610da873
--- /dev/null
+++ b/src/components/Icon/AddSmallIcon.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import icon from 'teenyicons/outline/add-small.svg';
+
+import { BaseIcon, BaseIconProps } from './BaseIcon';
+
+export const AddSmallIcon = React.forwardRef<HTMLSpanElement, Omit<BaseIconProps, 'value'>>((props, ref) => (
+    <BaseIcon value={icon} ref={ref} {...props} />
+));
diff --git a/src/components/Icon/PinAltIcon.tsx b/src/components/Icon/PinAltIcon.tsx
new file mode 100644
index 00000000..ba3a68a2
--- /dev/null
+++ b/src/components/Icon/PinAltIcon.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import icon from 'teenyicons/outline/pin-alt.svg';
+
+import { BaseIcon, BaseIconProps } from './BaseIcon';
+
+export const PinAltIcon = React.forwardRef<HTMLSpanElement, Omit<BaseIconProps, 'value'>>((props, ref) => (
+    <BaseIcon value={icon} ref={ref} {...props} />
+));
diff --git a/src/components/Icon/index.ts b/src/components/Icon/index.ts
index 34705fbf..5a653a5e 100644
--- a/src/components/Icon/index.ts
+++ b/src/components/Icon/index.ts
@@ -52,3 +52,5 @@ export * from './EnvelopeIcon';
 export * from './GitLabIcon';
 export * from './GitHubIcon';
 export * from './TelegramIcon';
+export * from './PinAltIcon';
+export * from './AddSmallIcon';