feat(icons): add new icons for mobile and update existing icon references in desktop components

Innei · Innei · commit ff39f75c786b · 2025-05-08T14:19:31.000+08:00
Signed-off-by: Innei &lt;tukon479@gmail.com&gt;
diff --git a/apps/desktop/layer/renderer/src/modules/entry-column/layouts/EntryListHeader.electron.tsx b/apps/desktop/layer/renderer/src/modules/entry-column/layouts/EntryListHeader.electron.tsx
@@ -189,7 +189,7 @@ const PreviewHeaderInfoWrapper: Component = ({ children }) => {
           })
         }}
       >
-        <i className="i-mgc-add-cute-re size-4" />
+        <i className="i-mgc-add-cute-fi size-4" />
         {tCommon("words.follow")}
       </button>
     </div>
diff --git a/apps/mobile/src/icons/add_cute_fi.tsx b/apps/mobile/src/icons/add_cute_fi.tsx
@@ -0,0 +1,24 @@
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+
+interface AddCuteFiIconProps {
+  width?: number
+  height?: number
+  color?: string
+}
+
+export const AddCuteFiIcon = ({
+  width = 24,
+  height = 24,
+  color = "#10161F",
+}: AddCuteFiIconProps) => {
+  return (
+    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
+      <Path
+        d="M11.493 3.592a1.54 1.54 0 0 0-.844.768l-.109.22-.02 2.96-.02 2.96-2.96.02-2.96.02-.221.109a1.677 1.677 0 0 0-.71.71c-.098.198-.109.265-.109.641 0 .377.011.443.11.644.132.268.475.606.74.728.189.087.208.088 3.15.108l2.96.02.02 2.96c.02 2.942.021 2.961.108 3.15.122.265.46.608.728.74.201.099.267.11.644.11s.443-.011.644-.11c.268-.132.606-.475.728-.74.087-.189.088-.208.108-3.15l.02-2.96 2.96-.02 2.96-.02.224-.11c.268-.132.606-.475.728-.74.127-.275.127-.945 0-1.22-.122-.265-.46-.608-.728-.74l-.224-.11-2.96-.02-2.96-.02-.02-2.96c-.02-2.942-.021-2.961-.108-3.15-.122-.265-.46-.608-.725-.738-.295-.145-.838-.173-1.154-.06"
+        fill={color}
+        fillRule="evenodd"
+      />
+    </Svg>
+  )
+}
diff --git a/apps/mobile/src/icons/classify_2_cute_re.tsx b/apps/mobile/src/icons/classify_2_cute_re.tsx
@@ -0,0 +1,24 @@
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+
+interface Classify2CuteReIconProps {
+  width?: number
+  height?: number
+  color?: string
+}
+
+export const Classify2CuteReIcon = ({
+  width = 24,
+  height = 24,
+  color = "#10161F",
+}: Classify2CuteReIconProps) => {
+  return (
+    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
+      <Path
+        d="M16.52 2.278c-.679.146-1.118.389-1.77.981-.587.534-1.302 1.304-1.514 1.632-.196.303-.38.752-.459 1.116-.076.351-.085 1.082-.018 1.414a3.8 3.8 0 0 0 .633 1.419c.167.223 1.362 1.426 1.649 1.66.67.549 1.351.791 2.218.788.7-.003 1.314-.176 1.85-.525.603-.392 1.969-1.793 2.238-2.297.223-.416.293-.603.377-1.006.203-.973-.032-2.047-.608-2.782-.237-.302-1.143-1.225-1.574-1.603a3.424 3.424 0 0 0-3.022-.797m-11.1.28a3.561 3.561 0 0 0-2.119 1.23c-.27.327-.541.844-.667 1.272-.091.309-.094.368-.094 1.7 0 1.338.003 1.389.094 1.68.328 1.045.95 1.773 1.898 2.222.516.245.82.299 1.828.325 1.005.025 1.766-.025 2.14-.141A3.53 3.53 0 0 0 10.846 8.5c.183-.588.205-2.699.035-3.36-.258-1.003-.989-1.89-1.896-2.3-.628-.284-.681-.292-2.085-.304-.704-.005-1.37.004-1.48.022m12.474 1.783c.181.09.396.278.942.823.882.883.944.986.944 1.576 0 .597-.061.704-.864 1.52-.356.362-.739.721-.851.798a1.44 1.44 0 0 1-1.448.101c-.21-.101-.378-.245-.953-.819-.774-.773-.921-.993-.969-1.447-.03-.285.062-.681.211-.913.145-.225 1.445-1.514 1.614-1.601.273-.141.454-.178.8-.166.279.01.382.033.574.128M7.52 4.515c.768.062 1.248.441 1.423 1.125.051.199.061.434.05 1.233-.013.986-.013.987-.126 1.231a1.698 1.698 0 0 1-.767.764l-.24.112h-1.1c-1.056 0-1.109-.004-1.328-.092a1.5 1.5 0 0 1-.757-.713c-.163-.33-.211-.823-.177-1.807.03-.842.081-1.014.408-1.368.293-.316.569-.45.993-.483a12.354 12.354 0 0 1 1.621-.002m-1.9 8.527a3.38 3.38 0 0 0-2.098 1.005c-.43.432-.686.868-.888 1.513-.091.291-.094.342-.094 1.68 0 1.332.003 1.391.094 1.7a3.57 3.57 0 0 0 2.426 2.426c.308.09.37.094 1.66.094 1.444 0 1.526-.009 2.079-.222.938-.362 1.681-1.16 2.028-2.178.217-.638.236-2.816.03-3.525a3.484 3.484 0 0 0-.894-1.498c-.609-.609-1.279-.921-2.139-.997a17.814 17.814 0 0 0-2.204.002m10.5 0c-.99.088-1.94.656-2.507 1.498-.521.773-.643 1.407-.6 3.1.026 1.008.08 1.312.325 1.828.449.948 1.177 1.57 2.222 1.898.291.091.342.094 1.68.094 1.332 0 1.391-.003 1.7-.094a3.57 3.57 0 0 0 2.426-2.426c.09-.308.094-.37.094-1.66 0-1.444-.009-1.526-.222-2.079-.294-.763-.912-1.434-1.678-1.821a3.12 3.12 0 0 0-1.24-.34 18.138 18.138 0 0 0-2.2.002m-8.016 2.091c.309.143.617.452.764.767l.112.24v1.1c0 1.056-.004 1.109-.092 1.328a1.505 1.505 0 0 1-.717.76c-.243.119-.311.133-.834.167-.35.023-.8.023-1.165 0-.693-.043-.9-.118-1.225-.442-.323-.324-.4-.535-.443-1.22-.053-.849.006-1.661.143-1.958.124-.269.346-.524.571-.656.329-.193.52-.217 1.622-.208l1.02.009.244.113m10.35-.052c.443.137.771.45.95.908.085.219.09.286.089 1.271 0 1.27-.022 1.356-.449 1.784-.377.377-.526.425-1.41.456-.985.036-1.479-.012-1.809-.175a1.5 1.5 0 0 1-.713-.757c-.088-.219-.092-.272-.092-1.328v-1.1l.112-.24c.193-.414.603-.759 1.018-.857.082-.019.576-.037 1.096-.039.844-.004.974.005 1.208.077"
+        fill={color}
+        fillRule="evenodd"
+      />
+    </Svg>
+  )
+}
diff --git a/apps/mobile/src/icons/emoji_2_cute_re.tsx b/apps/mobile/src/icons/emoji_2_cute_re.tsx
@@ -0,0 +1,24 @@
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+
+interface Emoji2CuteReIconProps {
+  width?: number
+  height?: number
+  color?: string
+}
+
+export const Emoji2CuteReIcon = ({
+  width = 24,
+  height = 24,
+  color = "#10161F",
+}: Emoji2CuteReIconProps) => {
+  return (
+    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
+      <Path
+        d="M10.995 2.044C7.799 2.29 5.173 3.742 3.589 6.14c-.297.449-.774 1.425-.968 1.98-.441 1.259-.657 2.799-.606 4.32.065 1.937.382 3.346 1.068 4.746 1.009 2.059 2.727 3.493 5.089 4.248 2.316.741 5.34.741 7.656 0 3.049-.974 5.023-3.087 5.807-6.214.285-1.133.424-2.873.33-4.11-.205-2.691-1.084-4.761-2.704-6.37-1.99-1.977-4.972-2.95-8.266-2.696m2.485 2.055c2.379.366 4.155 1.433 5.29 3.181.986 1.519 1.399 3.62 1.172 5.961-.326 3.358-1.954 5.476-4.882 6.35-1.825.545-4.295.545-6.12 0-2.832-.846-4.432-2.838-4.859-6.051-.083-.624-.095-2.026-.024-2.7.297-2.799 1.634-4.85 3.883-5.959.93-.458 1.823-.696 3.22-.857.328-.038 1.921.013 2.32.075M8.673 7.063c-.244.075-.523.351-.609.603-.094.277-.094 2.391 0 2.668.124.363.549.666.936.666.237 0 .514-.12.697-.303C9.98 10.414 10 10.303 10 9s-.02-1.414-.303-1.697c-.279-.279-.63-.361-1.024-.24m5.967.006c-.144.05-.315.197-.844.727C13.091 8.501 13 8.639 13 9s.091.499.796 1.206c.606.607.683.671.881.73.27.08.374.08.633.003.378-.112.69-.537.69-.939 0-.244-.119-.505-.343-.752L15.433 9l.224-.248c.325-.358.403-.654.282-1.062-.155-.524-.754-.81-1.299-.621m-6.2 4.975c-.486.095-1.013.509-1.244.977-.181.368-.224.732-.163 1.389.026.292.081.656.121.81.624 2.398 2.885 3.99 5.316 3.744.961-.097 1.703-.38 2.502-.955.726-.523 1.415-1.441 1.718-2.289.239-.673.361-1.596.282-2.142-.109-.762-.71-1.4-1.447-1.538-.269-.05-6.827-.046-7.085.004m6.544 2.258c-.108 1.187-.961 2.216-2.144 2.584-.434.135-1.246.135-1.68 0-1.183-.368-2.036-1.397-2.144-2.584L8.989 14h6.022l-.027.302"
+        fill={color}
+        fillRule="evenodd"
+      />
+    </Svg>
+  )
+}
diff --git a/apps/mobile/src/icons/hammer_cute_re.tsx b/apps/mobile/src/icons/hammer_cute_re.tsx
@@ -0,0 +1,24 @@
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+
+interface HammerCuteReIconProps {
+  width?: number
+  height?: number
+  color?: string
+}
+
+export const HammerCuteReIcon = ({
+  width = 24,
+  height = 24,
+  color = "#10161F",
+}: HammerCuteReIconProps) => {
+  return (
+    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
+      <Path
+        d="M7.08 2.04c-1.001.123-1.945.846-2.332 1.786-.196.477-.208.574-.208 1.674s.012 1.197.208 1.674A3.017 3.017 0 0 0 6.22 8.702c.557.26.612.266 2.269.287l1.509.019.011 5.686.011 5.686.093.26c.226.631.687 1.078 1.307 1.267.201.061.379.073 1.1.072.794-.001.88-.008 1.12-.093a2 2 0 0 0 1.266-1.286c.07-.208.074-.519.085-5.91L15.002 9h1.971c2.09 0 2.213-.009 2.583-.198.288-.147.592-.467.754-.794.147-.298.15-.313.15-.766 0-.413-.011-.485-.104-.683-.146-.312-.894-1.287-1.368-1.784a9.07 9.07 0 0 0-4.433-2.534c-.883-.209-.968-.214-4.195-.224-1.661-.005-3.137.005-3.28.023m6.28 2.018a7.098 7.098 0 0 1 3.09 1.171c.465.314 1.18.98 1.536 1.431l.252.32-5.449.011c-6.104.012-5.633.034-5.975-.28C6.542 6.459 6.5 6.298 6.5 5.5c.001-.471.017-.728.055-.835.076-.217.309-.461.545-.571l.2-.093h2.82c2.204 0 2.912.013 3.24.057M13 14.5V20h-1V9h1v5.5"
+        fill={color}
+        fillRule="evenodd"
+      />
+    </Svg>
+  )
+}
diff --git a/apps/mobile/src/icons/polygon_cute_re.tsx b/apps/mobile/src/icons/polygon_cute_re.tsx
@@ -0,0 +1,24 @@
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+
+interface PolygonCuteReIconProps {
+  width?: number
+  height?: number
+  color?: string
+}
+
+export const PolygonCuteReIcon = ({
+  width = 24,
+  height = 24,
+  color = "#10161F",
+}: PolygonCuteReIconProps) => {
+  return (
+    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
+      <Path
+        d="M7.5 3.257c-.977.227-1.629.909-2.89 3.026-1.038 1.743-1.723 3.052-1.956 3.741a2.45 2.45 0 0 0-.165.897c-.022.555.026.818.221 1.21.102.205.232.377.447.591.6.597 1.2.789 2.816.901.307.021.349.033.326.091a7.123 7.123 0 0 0-.12.429 5.473 5.473 0 0 0 1.439 5.239c.795.794 1.747 1.297 2.887 1.524.483.097 1.498.096 1.99-.001 1.768-.347 3.197-1.446 3.964-3.045.373-.778.517-1.441.516-2.38 0-.522-.019-.743-.086-1.058a4.434 4.434 0 0 1-.077-.404c.004-.002.359-.026.788-.051.922-.055 1.365-.144 1.816-.364a2.406 2.406 0 0 0 1.187-1.187c.31-.635.396-1.375.396-3.416 0-2.654-.156-3.37-.895-4.101-.482-.479-.905-.673-1.758-.808-.381-.06-.725-.071-2.366-.07-1.666 0-1.977.009-2.352.072-.785.132-1.237.329-1.66.725a2.346 2.346 0 0 0-.63.889l-.125.289-.095-.168a19.25 19.25 0 0 0-.487-.757c-.857-1.284-1.577-1.813-2.527-1.854a2.432 2.432 0 0 0-.604.04m.746 2.041c.359.244 1.147 1.453 2.327 3.567.381.683.427.787.427.962v.197l-.339.049c-1.011.146-2.099.663-2.861 1.358l-.26.238-1.02-.033c-1.487-.047-1.917-.138-2.038-.431-.138-.334.393-1.464 1.81-3.845C7.255 5.743 7.684 5.2 8 5.2c.056 0 .166.044.246.098m9.952.781c.485.106.631.262.73.785.074.392.074 3.88 0 4.272-.142.749-.306.818-2.048.852l-1.1.022-.4-.396a5.56 5.56 0 0 0-2.1-1.314l-.26-.088V8.676c.001-1.614.027-1.936.183-2.241.121-.237.402-.346 1.057-.41.385-.037 3.729.009 3.938.054m-6.017 5.997c1.308.27 2.289 1.173 2.686 2.472.095.315.107.415.107.952 0 .537-.012.637-.107.952-.368 1.204-1.211 2.047-2.415 2.415-.315.095-.415.107-.952.107-.537 0-.637-.012-.952-.107-1.204-.368-2.047-1.211-2.415-2.415-.095-.315-.107-.415-.107-.952 0-.537.012-.637.107-.952.545-1.785 2.27-2.839 4.048-2.472"
+        fill={color}
+        fillRule="evenodd"
+      />
+    </Svg>
+  )
+}
diff --git a/icons/mgc/add_cute_fi.svg b/icons/mgc/add_cute_fi.svg
@@ -0,0 +1 @@
+<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.493 3.592a1.54 1.54 0 0 0-.844.768l-.109.22-.02 2.96-.02 2.96-2.96.02-2.96.02-.221.109a1.677 1.677 0 0 0-.71.71c-.098.198-.109.265-.109.641 0 .377.011.443.11.644.132.268.475.606.74.728.189.087.208.088 3.15.108l2.96.02.02 2.96c.02 2.942.021 2.961.108 3.15.122.265.46.608.728.74.201.099.267.11.644.11s.443-.011.644-.11c.268-.132.606-.475.728-.74.087-.189.088-.208.108-3.15l.02-2.96 2.96-.02 2.96-.02.224-.11c.268-.132.606-.475.728-.74.127-.275.127-.945 0-1.22-.122-.265-.46-.608-.728-.74l-.224-.11-2.96-.02-2.96-.02-.02-2.96c-.02-2.942-.021-2.961-.108-3.15-.122-.265-.46-.608-.725-.738-.295-.145-.838-.173-1.154-.06" fill="#10161F" fill-rule="evenodd"/></svg>

Original file line number	Diff line number	Diff line change
`@@ -189,7 +189,7 @@ const PreviewHeaderInfoWrapper: Component = ({ children }) => {`
`189`	`189`	`})`
`190`	`190`	`}}`
`191`	`191`	`>`
`192`		`- <i className="i-mgc-add-cute-re size-4" />`
	`192`	`+ <i className="i-mgc-add-cute-fi size-4" />`
`193`	`193`	`{tCommon("words.follow")}`
`194`	`194`	`</button>`
`195`	`195`	`</div>`