Files
labelmain-demo/components/login/resource/icons/digital.tsx
zhangheng cf5044e1eb fix(icons): use valid React DOM props and trim SVG precision
- digital.tsx: stop-color -> stopColor (React camelCase SVG attr)
- Icon.tsx: drop invalid iconfont `p-id` attributes
- both: round 4+ decimal path/transform coordinates to 2 decimals
  (no visible change; Icon.tsx -22%, digital.tsx -14%)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-05 11:18:46 +08:00

163 lines
6.8 KiB
TypeScript

export const DigitalIcon = () => {
return (
<svg
width="32"
height="32"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="6.4" fill="#1F65FF" />
<path
d="M18.83 10.24C17.17 9.51 15.21 9.56 13.526 10.53C11.533 11.68 10.47 13.82 10.59 15.97C9.44 15.53 8.1 15.59 6.95 16.25C6.41 16.56 5.97 16.98 5.63 17.45C4.92 13.11 6.89 8.59 10.93 6.26C14.09 4.43 17.79 4.37 20.88 5.77C21.28 5.98 21.62 6.32 21.86 6.75C22.53 7.92 22.13 9.41 20.97 10.09C20.29 10.48 19.5 10.51 18.83 10.24L18.83 10.24Z"
fill="white"
/>
<path
d="M27.17 17.09C26.75 20.333 24.87 23.35 21.82 25.12C17.79 27.45 12.88 26.9 9.47 24.11C10.06 24.06 10.636 23.88 11.18 23.57C12.33 22.9 13.05 21.77 13.24 20.55C15.04 21.74 17.42 21.88 19.42 20.73C21.1 19.76 22.12 18.09 22.324 16.29C22.42 15.57 22.84 14.9 23.52 14.51C24.69 13.84 26.19 14.24 26.86 15.41C27.17 15.94 27.25 16.48 27.17 17.09Z"
fill="white"
/>
<path
d="M7.72 17.35C8.6 16.84 9.65 16.852 10.49 17.29C11.1 17.61 11.68 17.627 12.181 17.53C12.39 17.48 12.58 17.4 12.75 17.3C13.33 16.97 13.79 16.46 13.94 15.57C13.94 15.54 13.94 15.52 13.94 15.49C14 14.72 14.43 13.99 15.15 13.57C16.32 12.9 17.817 13.3 18.49 14.47C19.17 15.64 18.77 17.13 17.6 17.805C16.88 18.22 16.03 18.23 15.328 17.9C15.31 17.89 15.28 17.87 15.26 17.86C14.42 17.54 13.75 17.68 13.17 18.02C13 18.12 12.83 18.24 12.69 18.4C12.43 18.7 12.21 19.07 12.1 19.54C12.07 19.68 12.05 19.83 12.05 19.98C12.04 20.04 12.04 20.1 12.03 20.16C11.94 21.05 11.43 21.88 10.6 22.36L10.6 22.36L10.6 22.36C9.22 23.15 7.46 22.68 6.66 21.3C6.59 21.178 6.53 21.05 6.48 20.92C6.44 20.81 6.4 20.7 6.37 20.59C6.3 20.323 6.27 20.05 6.28 19.781C6.28 19.64 6.29 19.51 6.31 19.37C6.34 19.19 6.39 19.013 6.45 18.84C6.62 18.41 6.88 18.01 7.24 17.69C7.31 17.63 7.39 17.57 7.47 17.51C7.55 17.46 7.63 17.4 7.72 17.35Z"
fill="url(#paint0_linear_3567_2455)"
/>
<mask
id="mask0_3567_2455"
maskUnits="userSpaceOnUse"
x="5"
y="4"
width="23"
height="23">
<path
d="M27.17 17.09C26.75 20.33 24.87 23.35 21.817 25.12C17.78 27.45 12.88 26.9 9.47 24.11C10.05 24.06 10.63 23.88 11.17 23.57C12.32 22.9 13.04 21.77 13.23 20.553C15.03 21.74 17.42 21.88 19.41 20.73C21.1 19.76 22.12 18.09 22.32 16.29C22.421 15.573 22.84 14.9 23.52 14.51C24.69 13.84 26.18 14.24 26.86 15.41C27.164 15.94 27.28 16.53 27.17 17.09Z"
fill="white"
/>
<path
d="M18.83 10.24C17.17 9.51 15.21 9.56 13.53 10.533C11.53 11.68 10.47 13.82 10.59 15.97C9.44 15.53 8.1 15.588 6.95 16.25C6.41 16.56 5.97 16.977 5.63 17.45C4.91 13.11 6.89 8.59 10.93 6.26C14.09 4.43 17.79 4.37 20.88 5.77L20.86 5.8C21.26 6 21.62 6.33 21.86 6.75C22.53 7.92 22.13 9.41 20.96 10.09C20.29 10.48 19.5 10.51 18.83 10.236L18.83 10.24Z"
fill="white"
/>
</mask>
<g mask="url(#mask0_3567_2455)">
<path
d="M13.235 20.54C15.27 22.042 20.29 22.24 22.09 17.4C21.79 19.89 20.19 22.59 17.77 23.99C15.03 25.57 11.93 25.51 9.47 24.11C11.44 23.81 12.813 22.63 13.235 20.54Z"
fill="url(#paint1_radial_3567_2455)"
fillOpacity="0.45"
/>
<path
d="M17.871 9.91C14.523 9.12 10.51 11.46 10.593 15.98C8.61 15.35 6.83 15.97 5.63 17.46C5.73 14.69 7.29 11.95 9.94 10.42C12.24 9.09 15.64 9.07 17.871 9.91Z"
fill="url(#paint2_radial_3567_2455)"
fillOpacity="0.45"
/>
</g>
<defs>
<linearGradient
id="paint0_linear_3567_2455"
x1="5.9905"
y1="21.684"
x2="19.3253"
y2="13.9852"
gradientUnits="userSpaceOnUse">
<stop stopColor="#FF6C6C" />
<stop offset="1" stopColor="#FFF1CE" />
</linearGradient>
<radialGradient
id="paint1_radial_3567_2455"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.51419 24.5026) rotate(-22.4902) scale(16.7226 15.7844)">
<stop stopColor="white" stopOpacity="0" />
<stop offset="0.704134" stopColor="#2288FF" />
</radialGradient>
<radialGradient
id="paint2_radial_3567_2455"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(1.29495 15.4944) rotate(-22.703) scale(16.8219 15.438)">
<stop stopColor="white" stopOpacity="0" />
<stop offset="0.704134" stopColor="#2288FF" />
</radialGradient>
</defs>
</svg>
)
}
export const HeaderIcon = () => {
return (
<svg
width="32"
height="32"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M3.72 7.97L7.78 10.33L16 5.54L24.27 10.36L28.33 8.01L16 0.83L3.72 7.97Z"
fill="url(#paint0_linear_300_8367)"
/>
<path
d="M13.87 13.92L16 12.68L18.14 13.93L21.92 11.72L16 8.27L10.1 11.7L13.87 13.92Z"
fill="url(#paint1_linear_300_8367)"
/>
<path
d="M25.22 21.64V12.03L29.27 9.68V23.998L16.95 31.17V26.45L25.22 21.64Z"
fill="#1874FF"
/>
<path
d="M19.09 18.07V15.62L19.092 15.63L22.88 13.41V20.28L16.95 23.73V19.32L19.09 18.07Z"
fill="#1874FF"
/>
<path
d="M15.05 26.45L6.78 21.64V11.97L2.73 9.62V24L15.05 31.169V26.45Z"
fill="url(#paint2_linear_300_8367)"
/>
<path
d="M9.12 13.34V20.28L15.05 23.73V19.32L12.91 18.07V15.55L9.12 13.34Z"
fill="url(#paint3_linear_300_8367)"
/>
<defs>
<linearGradient
id="paint0_linear_300_8367"
x1="14.104"
y1="4.62169"
x2="19.7265"
y2="13.0418"
gradientUnits="userSpaceOnUse">
<stop stopColor="#06C3FF" />
<stop offset="1" stopColor="#0B60F3" />
</linearGradient>
<linearGradient
id="paint1_linear_300_8367"
x1="14.104"
y1="4.62169"
x2="19.7265"
y2="13.0418"
gradientUnits="userSpaceOnUse">
<stop stopColor="#06C3FF" />
<stop offset="1" stopColor="#0B60F3" />
</linearGradient>
<linearGradient
id="paint2_linear_300_8367"
x1="10.311"
y1="15.5246"
x2="10.7851"
y2="28.7987"
gradientUnits="userSpaceOnUse">
<stop stopColor="#FF8F90" />
<stop offset="1" stopColor="#F62F3F" />
</linearGradient>
<linearGradient
id="paint3_linear_300_8367"
x1="10.311"
y1="15.5246"
x2="10.7851"
y2="28.7987"
gradientUnits="userSpaceOnUse">
<stop stopColor="#FF8F90" />
<stop offset="1" stopColor="#F62F3F" />
</linearGradient>
</defs>
</svg>
)
}