AstarNetwork · ayumitk · Dec 11, 2023 · Dec 9, 2023 · Dec 10, 2023
diff --git a/packages/Icons/index.ts b/packages/Icons/index.ts
@@ -64,6 +64,9 @@ import IconTransfer from "./src/IconTransfer.vue";
 import IconPerson from "./src/IconPerson.vue";
 import IconFaucet from "./src/IconFaucet.vue";
 import IconQuestion from "./src/IconQuestion.vue";
+import IconArrowUpRight from "./src/IconArrowUpRight.vue";
+import IconProject from "./src/IconProject.vue";
+import IconHeart from "./src/IconHeart.vue";
 
 export const IconsPlugin: Plugin = {
   install(app: App) {
@@ -131,6 +134,9 @@ export const IconsPlugin: Plugin = {
     app.component("astar-icon-person", IconPerson);
     app.component("astar-icon-faucet", IconFaucet);
     app.component("astar-icon-question", IconQuestion);
+    app.component("astar-icon-arrow-up-right", IconArrowUpRight);
+    app.component("astar-icon-project", IconProject);
+    app.component("astar-icon-heart", IconHeart);
   },
 };
 
@@ -198,4 +204,7 @@ export {
   IconStar,
   IconTransfer,
   IconPerson,
+  IconArrowUpRight,
+  IconProject,
+  IconHeart
 };
diff --git a/packages/Icons/src/IconArrowUpRight.vue b/packages/Icons/src/IconArrowUpRight.vue
@@ -0,0 +1,14 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M16.2504 7.8L6.95039 17.125C6.80039 17.275 6.62139 17.35 6.41339 17.35C6.20472 17.35 6.02539 17.275 5.87539 17.125C5.72539 16.975 5.65039 16.7957 5.65039 16.587C5.65039 16.379 5.72539 16.2 5.87539 16.05L15.2004 6.75H7.00039C6.78372 6.75 6.60472 6.679 6.46339 6.537C6.32139 6.39567 6.25039 6.21667 6.25039 6C6.25039 5.78333 6.32139 5.60433 6.46339 5.463C6.60472 5.321 6.78372 5.25 7.00039 5.25H16.8504C17.1004 5.25 17.3131 5.33733 17.4884 5.512C17.6631 5.68733 17.7504 5.9 17.7504 6.15V16C17.7504 16.2167 17.6797 16.396 17.5384 16.538C17.3964 16.6793 17.2171 16.75 17.0004 16.75C16.7837 16.75 16.6044 16.6793 16.4624 16.538C16.3211 16.396 16.2504 16.2167 16.2504 16V7.8Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/packages/Icons/src/IconHeart.vue b/packages/Icons/src/IconHeart.vue
@@ -0,0 +1,14 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M11.9904 19.7095C11.7763 19.7095 11.5612 19.671 11.3452 19.5941C11.1291 19.5171 10.9391 19.3966 10.775 19.2325L9.33848 17.9268C7.56539 16.3101 5.98238 14.722 4.58943 13.1624C3.19648 11.6027 2.5 9.93191 2.5 8.14988C2.5 6.73066 2.97852 5.54253 3.93558 4.58548C4.89263 3.62843 6.08076 3.1499 7.49998 3.1499C8.30638 3.1499 9.10285 3.3358 9.8894 3.7076C10.6759 4.0794 11.3795 4.68325 12 5.51915C12.6205 4.68325 13.324 4.0794 14.1106 3.7076C14.8971 3.3358 15.6936 3.1499 16.5 3.1499C17.9192 3.1499 19.1073 3.62843 20.0644 4.58548C21.0214 5.54253 21.5 6.73066 21.5 8.14988C21.5 9.95114 20.7916 11.6406 19.375 13.2181C17.9583 14.7957 16.3788 16.3704 14.6365 17.9422L13.2154 19.2325C13.0513 19.3966 12.8596 19.5171 12.6404 19.5941C12.4211 19.671 12.2045 19.7095 11.9904 19.7095ZM11.2808 7.03835C10.7397 6.21399 10.1702 5.60982 9.5721 5.22585C8.97402 4.84187 8.28331 4.64988 7.49998 4.64988C6.49998 4.64988 5.66664 4.98321 4.99998 5.64988C4.33331 6.31654 3.99998 7.14988 3.99998 8.14988C3.99998 8.95244 4.25863 9.79155 4.77593 10.6672C5.29323 11.5428 5.94257 12.4133 6.72397 13.2787C7.50539 14.1441 8.35187 14.9896 9.2634 15.8152C10.1749 16.6409 11.0198 17.4082 11.798 18.1172C11.8557 18.1685 11.923 18.1941 12 18.1941C12.0769 18.1941 12.1442 18.1685 12.2019 18.1172C12.9801 17.4082 13.825 16.6409 14.7366 15.8152C15.6481 14.9896 16.4946 14.1441 17.276 13.2787C18.0574 12.4133 18.7067 11.5428 19.224 10.6672C19.7413 9.79155 20 8.95244 20 8.14988C20 7.14988 19.6666 6.31654 19 5.64988C18.3333 4.98321 17.5 4.64988 16.5 4.64988C15.7166 4.64988 15.0259 4.84187 14.4279 5.22585C13.8298 5.60982 13.2602 6.21399 12.7192 7.03835C12.6346 7.16655 12.5282 7.26271 12.4 7.32683C12.2718 7.39093 12.1384 7.42298 12 7.42298C11.8615 7.42298 11.7282 7.39093 11.6 7.32683C11.4718 7.26271 11.3654 7.16655 11.2808 7.03835Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/packages/Icons/src/IconProject.vue b/packages/Icons/src/IconProject.vue
@@ -0,0 +1,14 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 11.8L10.3673 13.0615C10.2737 13.132 10.1817 13.1346 10.0913 13.0692C10.0009 13.0038 9.97242 12.9192 10.0057 12.8154L10.6269 10.7731L8.97308 9.50768C8.88974 9.43716 8.86634 9.35094 8.90287 9.24902C8.93941 9.14709 9.0096 9.09613 9.11345 9.09613H11.1577L11.7788 7.0846C11.8122 6.98075 11.8859 6.92883 12 6.92883C12.1141 6.92883 12.1878 6.98075 12.2211 7.0846L12.8423 9.09613H14.8711C14.975 9.09613 15.0477 9.14709 15.0894 9.24902C15.131 9.35094 15.1102 9.43716 15.0269 9.50768L13.3576 10.7731L13.9788 12.8154C14.0122 12.9192 13.9836 13.0038 13.8933 13.0692C13.8029 13.1346 13.7109 13.132 13.6173 13.0615L12 11.8ZM12 20.4807L7.68077 21.848C7.38591 21.9518 7.1154 21.9118 6.86925 21.7278C6.62308 21.5438 6.5 21.3012 6.5 20.9999V15.073C5.86667 14.4115 5.375 13.6468 5.025 12.7788C4.675 11.9109 4.5 10.9846 4.5 9.99998C4.5 7.90768 5.22692 6.13461 6.68077 4.68078C8.13461 3.22693 9.90767 2.5 12 2.5C14.0923 2.5 15.8653 3.22693 17.3192 4.68078C18.773 6.13461 19.5 7.90768 19.5 9.99998C19.5 10.9846 19.325 11.9109 18.975 12.7788C18.625 13.6468 18.1333 14.4115 17.5 15.073V20.9999C17.5 21.3012 17.3769 21.5438 17.1307 21.7278C16.8846 21.9118 16.614 21.9519 16.3192 21.848L12 20.4807ZM12 16C13.6666 16 15.0833 15.4166 16.25 14.25C17.4166 13.0833 18 11.6666 18 9.99998C18 8.33331 17.4166 6.91664 16.25 5.74998C15.0833 4.58331 13.6666 3.99998 12 3.99998C10.3333 3.99998 8.91664 4.58331 7.74997 5.74998C6.58331 6.91664 5.99997 8.33331 5.99997 9.99998C5.99997 11.6666 6.58331 13.0833 7.74997 14.25C8.91664 15.4166 10.3333 16 12 16ZM7.99997 20.0346L12 18.9615L16 20.0346V16.3191C15.4295 16.691 14.8051 16.9807 14.1269 17.1884C13.4487 17.3961 12.7397 17.5 12 17.5C11.2602 17.5 10.5512 17.3961 9.87305 17.1884C9.19485 16.9807 8.57049 16.691 7.99997 16.3191V20.0346Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/src/stories/Icons/IconArrowUpRight.stories.js b/src/stories/Icons/IconArrowUpRight.stories.js
@@ -0,0 +1,11 @@
+import IconArrowUpRight from "packages/Icons/src/IconArrowUpRight.vue";
+
+export default {
+  title: "Icons/IconArrowUpRight",
+  component: IconArrowUpRight,
+};
+
+export const DefaultIcon = () => ({
+  components: { IconArrowUpRight },
+  template: "<IconArrowUpRight />",
+});
diff --git a/src/stories/Icons/IconHeart.stories.js b/src/stories/Icons/IconHeart.stories.js
@@ -0,0 +1,11 @@
+import IconHeart from "packages/Icons/src/IconHeart.vue";
+
+export default {
+  title: "Icons/IconHeart",
+  component: IconHeart,
+};
+
+export const DefaultIcon = () => ({
+  components: { IconHeart },
+  template: "<IconHeart />",
+});
diff --git a/src/stories/Icons/IconProject.stories.js b/src/stories/Icons/IconProject.stories.js
@@ -0,0 +1,11 @@
+import IconProject from "packages/Icons/src/IconProject.vue";
+
+export default {
+  title: "Icons/IconProject",
+  component: IconProject,
+};
+
+export const DefaultIcon = () => ({
+  components: { IconProject },
+  template: "<IconProject />",
+});