feat(copy-svg): add functionality to copy SVG as a fully functional Angular standalone component

2025-12-29 08:01:36 +08:00 · 2024-12-04 18:08:28 +00:00
parent d24b70001d
commit e135bb8570
4 changed files with 118 additions and 1 deletions
@@ -0,0 +1,46 @@
+<script lang="ts">
+  export let iconSize: number;
+</script>
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width={iconSize || 16}
+  height={iconSize || 16}
+  viewBox="0 0 242 256"
+  ><g clip-path="url(#a)"
+    ><mask
+      id="b"
+      width="242"
+      height="256"
+      x="0"
+      y="0"
+      maskUnits="userSpaceOnUse"
+      style="mask-type:luminance"><path fill="#fff" d="M0 0h242v256H0V0Z" /></mask
+    ><g mask="url(#b)"
+      ><path
+        fill="url(#c)"
+        d="m241 43-9 136L149 0l92 43Zm-58 176-62 36-63-36 12-31h101l12 31ZM121 68l32 80H88l33-80ZM9 179 0 43 92 0 9 179Z"
+      /><path
+        fill="url(#d)"
+        d="m241 43-9 136L149 0l92 43Zm-58 176-62 36-63-36 12-31h101l12 31ZM121 68l32 80H88l33-80ZM9 179 0 43 92 0 9 179Z"
+      /></g
+    ></g
+  ><defs
+    ><linearGradient id="c" x1="53.2" x2="245" y1="231.9" y2="140.7" gradientUnits="userSpaceOnUse"
+      ><stop stop-color="#E40035" /><stop offset=".2" stop-color="#F60A48" /><stop
+        offset=".4"
+        stop-color="#F20755"
+      /><stop offset=".5" stop-color="#DC087D" /><stop offset=".7" stop-color="#9717E7" /><stop
+        offset="1"
+        stop-color="#6C00F5"
+      /></linearGradient
+    >
+    <linearGradient id="d" x1="44.5" x2="170" y1="30.7" y2="174" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FF31D9" /><stop
+        offset="1"
+        stop-color="#FF5BE1"
+        stop-opacity="0"
+      /></linearGradient
+    ><clipPath id="a"><path fill="#fff" d="M0 0h242v256H0z" /></clipPath></defs
+  ></svg
+>