- 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>
163 lines
6.8 KiB
TypeScript
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>
|
|
)
|
|
}
|