packages/widget/examples/landing-page/src/components/Icons.tsx
export const Install = () => {
return (
<svg
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<linearGradient id="Gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="0%" stopColor="hsl(285deg 100% 60%)" />
<stop offset="100%" stopColor="hsl(270deg 100% 60%)" />
</linearGradient>
</defs>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20 28V2C20 0.895431 20.8954 0 22 0H26C27.1046 0 28 0.895431 28 2V28L36 22C36.8837 21.3373 38.1373 21.5163 38.8 22.4L41.2 25.6C41.8627 26.4837 41.6837 27.7373 40.8 28.4L26.4 39.2C24.9778 40.2667 23.0222 40.2667 21.6 39.2L7.2 28.4C6.31634 27.7373 6.13726 26.4837 6.8 25.6L9.2 22.4C9.86274 21.5163 11.1163 21.3373 12 22L20 28Z M2 45C2 44.4477 2.44772 44 3 44H45C45.5523 44 46 44.4477 46 45V47C46 47.5523 45.5523 48 45 48H3C2.44771 48 2 47.5523 2 47V45Z"
fill="url(#Gradient)"
/>
</svg>
)
}
export const Developer = () => {
return (
<svg
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<linearGradient id="Gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="0%" stopColor="hsl(285deg 100% 60%)" />
<stop offset="100%" stopColor="hsl(270deg 100% 60%)" />
</linearGradient>
</defs>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M31.5885 1.11463L27.0926 0.088478C26.1394 -0.129076 25.1687 0.374361 24.7974 1.27879L22.4205 7.06871C20.9215 7.20829 19.4632 7.5465 18.0791 8.06215L13.4233 3.87502C12.6964 3.22125 11.6033 3.18886 10.839 3.79843L7.23356 6.67365C6.46918 7.28323 6.25753 8.35607 6.73315 9.21026L9.77785 14.6785C8.97515 15.9029 8.32165 17.2472 7.84878 18.6917L1.67122 19.7213C0.706841 19.882 1.52588e-05 20.7164 1.52588e-05 21.6941V26.3056C1.52588e-05 27.2833 0.706841 28.1176 1.67122 28.2784L7.84725 29.3077C8.31491 30.7263 8.96659 32.0742 9.78048 33.3167L6.73315 38.7897C6.25753 39.6438 6.46918 40.7167 7.23356 41.3263L10.839 44.2015C11.6033 44.8111 12.6964 44.7787 13.4233 44.1249L18.0794 39.9375C18.7683 40.1925 19.4817 40.4057 20.2172 40.5736C20.9527 40.7414 21.6879 40.8588 22.4193 40.9281L24.7974 46.7209C25.1687 47.6254 26.1394 48.1288 27.0926 47.9113L31.5885 46.8851C32.5416 46.6676 33.1978 45.7928 33.1399 44.8168L32.769 38.5637C34.0414 37.7973 35.2134 36.8656 36.2502 35.7904L42.2612 37.5427C43.1998 37.8163 44.1986 37.3712 44.6228 36.4903L46.6237 32.3355C47.0479 31.4547 46.7731 30.3962 45.974 29.833L40.8549 26.225C41.0556 24.7184 41.0501 23.2236 40.8581 21.7722L45.974 18.1665C46.7731 17.6032 47.0479 16.5448 46.6237 15.6639L44.6229 11.5091C44.1987 10.6283 43.1998 10.1832 42.2612 10.4568L36.2495 12.2093C35.2263 11.1442 34.0591 10.2068 32.7693 9.43076L33.1399 3.18292C33.1978 2.20696 32.5416 1.33219 31.5885 1.11463ZM22.2198 31.7992C26.5273 32.7823 30.8163 30.0874 31.7994 25.7799C32.7826 21.4724 30.0877 17.1835 25.7802 16.2003C21.4727 15.2172 17.1838 17.9121 16.2006 22.2196C15.2174 26.5271 17.9123 30.816 22.2198 31.7992Z"
fill="url(#Gradient)"
/>
</svg>
)
}
export const Support = () => {
return (
<svg
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<linearGradient id="Gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="0%" stopColor="hsl(285deg 100% 60%)" />
<stop offset="100%" stopColor="hsl(270deg 100% 60%)" />
</linearGradient>
</defs>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48ZM24.4536 22.4006C22.2865 23.7542 19.8921 25.2498 20.3911 29.0599H26.6311C26.4755 27.3834 27.8958 26.5209 29.5591 25.5108C31.7452 24.1832 34.3511 22.6007 34.3511 18.5799C34.3511 13.4199 30.3511 10.1799 24.3911 10.1799C18.1511 10.1799 14.3111 14.0199 14.8311 19.7799L21.0311 20.2999C20.5111 17.5399 21.8711 15.6999 24.3911 15.6999C26.3111 15.6999 27.6311 16.8599 27.6311 18.5799C27.6311 20.4159 26.1086 21.3669 24.4536 22.4006ZM19.9111 35.0999C19.9111 37.2199 21.5511 38.8199 23.6711 38.8199C25.8311 38.8199 27.4711 37.2199 27.4711 35.0999C27.4711 32.9799 25.8311 31.3799 23.6711 31.3799C21.5511 31.3799 19.9111 32.9799 19.9111 35.0999Z"
fill="url(#Gradient)"
/>
</svg>
)
}