update icons

src/blocks/illustrations/components/ActivePushPoints.tsx

@@ -0,0 +1,60 @@
+import { FC } from 'react';
+import { IllustrationWrapper } from '../IllustrationWrapper';
+import { IllustrationProps } from '../Illustrations.types';
+
+const ActivePushPoints: FC<IllustrationProps> = (allProps) => {
+ const { svgProps: props, ...restProps } = allProps;
+ return (
+ <IllustrationWrapper
+ componentName="ActivePushPoints"
+ illustration={
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width={restProps?.width ?? '24'}
+ height={restProps?.height ?? '24'}
+ viewBox="0 0 48 48"
+ fill="none"
+ {...props}
+ >
+ <circle
+ cx="24"
+ cy="24"
+ r="24"
+ fill="#45C97C"
+ />
+ <circle
+ cx="24"
+ cy="24"
+ r="20.874"
+ fill="#45C97C"
+ stroke="white"
+ stroke-width="2"
+ />
+ <path
+ d="M12 20.4V33.6918C12 34.5672 13.0453 35.0201 13.6839 34.4213L18.2076 30.1803C18.3312 30.0645 18.4943 30 18.6637 30H27C31.9706 30 36 25.9706 36 21C36 16.0294 31.9706 12 27 12H20.4C15.7608 12 12 15.7608 12 20.4Z"
+ fill="white"
+ />
+ <rect
+ x="20.7144"
+ y="24"
+ width="18.416"
+ height="12.4739"
+ rx="6.23697"
+ fill="#E251F9"
+ />
+ <path
+ d="M35.4032 31.4347C35.4032 32.796 34.4508 33.8158 32.8682 33.8158C31.2327 33.8158 30.1216 32.8105 30.1216 30.415C30.1216 27.7694 31.2424 26.6582 32.8971 26.6582C34.4893 26.6582 35.1098 27.6491 35.2108 28.4717V28.616H34.167C34.1044 28.0435 33.7581 27.524 32.9067 27.524C31.9783 27.524 31.2664 28.1542 31.2568 30.0494H31.3482C31.5743 29.6261 32.0841 29.1547 33.0799 29.1547C34.4315 29.1547 35.4032 30.0686 35.4032 31.4347ZM34.2872 31.4877C34.2872 30.6026 33.71 30.0205 32.8538 30.0205C31.9976 30.0205 31.4107 30.6026 31.4107 31.4877C31.4107 32.3679 31.9976 32.95 32.8538 32.95C33.71 32.95 34.2872 32.3679 34.2872 31.4877Z"
+ fill="white"
+ />
+ <path
+ d="M26.3222 32.6084V30.641H24.4414V29.8185H26.3222V27.8511H27.2361V29.8185H29.1169V30.641H27.2361V32.6084H26.3222Z"
+ fill="white"
+ />
+ </svg>
+ }
+ {...restProps}
+ />
+ );
+};
+
+export default ActivePushPoints;

src/blocks/illustrations/components/BlueBonusActivitySubscribers.tsx

@@ -0,0 +1,61 @@
+import { FC } from 'react';
+import { IllustrationWrapper } from '../IllustrationWrapper';
+import { IllustrationProps } from '../Illustrations.types';
+
+const BlueBonusActivitySubscribers: FC<IllustrationProps> = (allProps) => {
+ const { svgProps: props, ...restProps } = allProps;
+ return (
+ <IllustrationWrapper
+ componentName="BlueBonusActivitySubscribers"
+ illustration={
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width={restProps?.width ?? '24'}
+ height={restProps?.height ?? '24'}
+ viewBox="0 0 48 48"
+ fill="none"
+ {...props}
+ >
+ <path
+ d="M47.8929 18.6348C49.2024 20.903 49.2024 23.6974 47.8929 25.9656L39.5583 40.4016C38.2487 42.6697 35.8287 44.0669 33.2096 44.0669H16.5404C13.9214 44.0669 11.5013 42.6697 10.1918 40.4016L1.85714 25.9656C0.547621 23.6974 0.547621 20.903 1.85714 18.6348L10.1918 4.19883C11.5013 1.93068 13.9214 0.533447 16.5404 0.533447H33.2096C35.8287 0.533447 38.2487 1.93068 39.5582 4.19883L47.8929 18.6348Z"
+ fill="#6A88FF"
+ />
+ <path
+ d="M43.6128 18.8362C44.6788 20.6826 44.6788 22.9575 43.6128 24.8039L36.8279 36.5556C35.7619 38.4021 33.7918 39.5395 31.6597 39.5395H18.09C15.9579 39.5395 13.9878 38.4021 12.9218 36.5556L6.13692 24.8039C5.0709 22.9575 5.0709 20.6826 6.13692 18.8362L12.9218 7.08443C13.9878 5.23802 15.9579 4.10059 18.09 4.10059H31.6597C33.7918 4.10059 35.7619 5.23802 36.8279 7.08443L43.6128 18.8362Z"
+ fill="black"
+ />
+ <path
+ d="M43.6127 20.7263C44.6787 22.5025 44.6787 24.6908 43.6127 26.4671L36.8278 37.772C35.7618 39.5482 33.7917 40.6424 31.6597 40.6424H18.0899C15.9579 40.6424 13.9878 39.5482 12.9218 37.772L6.13692 26.4671C5.0709 24.6908 5.0709 22.5025 6.13692 20.7263L12.9218 9.4213C13.9878 7.64509 15.9579 6.5509 18.0899 6.5509H31.6597C33.7917 6.5509 35.7618 7.64509 36.8278 9.4213L43.6127 20.7263Z"
+ fill="#6A88FF"
+ />
+ <path
+ d="M15.5146 8.5509C15.5146 7.44633 16.4101 6.5509 17.5146 6.5509H32.1763C33.2808 6.5509 34.1763 7.44633 34.1763 8.5509V31.1199C34.1763 31.9123 33.2986 32.3899 32.6332 31.9596L25.3876 27.2733C25.0571 27.0595 24.6319 27.0595 24.3014 27.2733L17.0578 31.9593C16.3925 32.3898 15.5146 31.9122 15.5146 31.1197V8.5509Z"
+ fill="white"
+ />
+ <path
+ d="M24.8457 8.99475V20.4457"
+ stroke="#6A88FF"
+ stroke-width="1.5"
+ stroke-linecap="round"
+ />
+ <path
+ d="M18.001 6.5509V27.1746C18.001 27.5645 18.4275 27.8044 18.7607 27.6018L24.6528 24.0195C24.8131 23.9221 25.0146 23.9226 25.1744 24.0209L30.9866 27.5952C31.3198 27.8 31.7485 27.5604 31.7485 27.1693V6.5509"
+ stroke="#6A88FF"
+ stroke-width="1.5"
+ />
+ <path
+ d="M24.1819 36.2012C24.1819 36.2012 23.9567 36.1261 23.6439 36.0219C22.565 35.6623 21.7061 34.8034 21.3464 33.7245C21.2422 33.4116 21.1671 33.1864 21.1671 33.1864C21.1215 33.0498 20.9936 32.9576 20.8496 32.9576C20.7056 32.9576 20.5777 33.0498 20.5321 33.1864C20.5321 33.1864 20.457 33.4116 20.3529 33.7244C19.9932 34.8034 19.1343 35.6623 18.0554 36.0219C17.7425 36.1261 17.5173 36.2012 17.5173 36.2012C17.3807 36.2468 17.2886 36.3747 17.2886 36.5187C17.2886 36.6628 17.3807 36.7906 17.5174 36.8362C17.5174 36.8362 17.7426 36.9113 18.0553 37.0155C19.1343 37.3751 19.9932 38.234 20.3529 39.3129C20.457 39.6258 20.5321 39.851 20.5321 39.851C20.5777 39.9876 20.7056 40.0798 20.8496 40.0798C20.9936 40.0798 21.1216 39.9876 21.1671 39.851C21.1671 39.851 21.2423 39.6258 21.3464 39.313C21.7061 38.234 22.565 37.3751 23.6439 37.0155C23.9567 36.9113 24.1819 36.8362 24.1819 36.8362C24.3185 36.7906 24.4107 36.6628 24.4107 36.5187C24.4107 36.3747 24.3185 36.2468 24.1819 36.2012Z"
+ fill="white"
+ />
+ <path
+ d="M32.2322 36.2012C32.2322 36.2012 32.007 36.1261 31.6942 36.0219C30.6153 35.6623 29.7563 34.8034 29.3967 33.7245C29.2925 33.4116 29.2174 33.1864 29.2174 33.1864C29.1718 33.0498 29.0439 32.9576 28.8999 32.9576C28.7559 32.9576 28.628 33.0498 28.5824 33.1864C28.5824 33.1864 28.5073 33.4116 28.4032 33.7244C28.0435 34.8034 27.1846 35.6623 26.1057 36.0219C25.7928 36.1261 25.5676 36.2012 25.5676 36.2012C25.431 36.2468 25.3389 36.3747 25.3389 36.5187C25.3389 36.6628 25.431 36.7906 25.5677 36.8362C25.5677 36.8362 25.7929 36.9113 26.1056 37.0155C27.1846 37.3751 28.0435 38.234 28.4031 39.3129C28.5073 39.6258 28.5824 39.851 28.5824 39.851C28.628 39.9876 28.7559 40.0798 28.8999 40.0798C29.0439 40.0798 29.1719 39.9876 29.2174 39.851C29.2174 39.851 29.2926 39.6258 29.3967 39.313C29.7564 38.234 30.6153 37.3751 31.6942 37.0155C32.007 36.9113 32.2322 36.8362 32.2322 36.8362C32.3688 36.7906 32.461 36.6628 32.461 36.5187C32.461 36.3747 32.3688 36.2468 32.2322 36.2012Z"
+ fill="white"
+ />
+ </svg>
+ }
+ {...restProps}
+ />
+ );
+};
+
+export default BlueBonusActivitySubscribers;

src/blocks/illustrations/components/CreateChannelPoints.tsx

@@ -0,0 +1,80 @@
+import { FC } from 'react';
+import { IllustrationWrapper } from '../IllustrationWrapper';
+import { IllustrationProps } from '../Illustrations.types';
+
+const CreateChannelPoints: FC<IllustrationProps> = (allProps) => {
+ const { svgProps: props, ...restProps } = allProps;
+ return (
+ <IllustrationWrapper
+ componentName="CreateChannelPoints"
+ illustration={
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width={restProps?.width ?? '24'}
+ height={restProps?.height ?? '24'}
+ viewBox="0 0 48 48"
+ fill="none"
+ {...props}
+ >
+ <path
+ d="M47.8929 18.1014C49.2024 20.3695 49.2024 23.164 47.8929 25.4321L39.5583 39.8681C38.2487 42.1362 35.8287 43.5335 33.2096 43.5335H16.5404C13.9214 43.5335 11.5013 42.1362 10.1918 39.8681L1.85714 25.4321C0.547621 23.164 0.547621 20.3695 1.85714 18.1014L10.1918 3.66539C11.5013 1.39724 13.9214 0 16.5404 0H33.2096C35.8287 0 38.2487 1.39724 39.5582 3.66539L47.8929 18.1014Z"
+ fill="url(#paint0_linear_8581_29503)"
+ />
+ <path
+ d="M43.6128 18.3027C44.6788 20.1491 44.6788 22.424 43.6128 24.2704L36.8279 36.0221C35.7619 37.8685 33.7918 39.006 31.6597 39.006H18.09C15.9579 39.006 13.9878 37.8685 12.9218 36.0221L6.13692 24.2704C5.0709 22.424 5.0709 20.1491 6.13692 18.3027L12.9218 6.55092C13.9878 4.70451 15.9579 3.56708 18.09 3.56708H31.6597C33.7918 3.56708 35.7619 4.70451 36.8279 6.55092L43.6128 18.3027Z"
+ fill="black"
+ />
+ <path
+ d="M43.6127 20.1927C44.6787 21.969 44.6787 24.1573 43.6127 25.9335L36.8278 37.2385C35.7618 39.0147 33.7917 40.1089 31.6597 40.1089H18.0899C15.9579 40.1089 13.9878 39.0147 12.9218 37.2385L6.13692 25.9335C5.0709 24.1573 5.0709 21.969 6.13692 20.1927L12.9218 8.88779C13.9878 7.11159 15.9579 6.0174 18.0899 6.0174H31.6597C33.7917 6.0174 35.7618 7.11158 36.8278 8.88779L43.6127 20.1927Z"
+ fill="url(#paint1_linear_8581_29503)"
+ />
+ <path
+ d="M35.6529 22.0766L27.6624 20.0786L25.6644 12.0881C25.6203 11.9121 25.5186 11.7559 25.3756 11.6443C25.2326 11.5327 25.0564 11.472 24.8749 11.472C24.6935 11.472 24.5173 11.5327 24.3743 11.6443C24.2312 11.7559 24.1296 11.9121 24.0855 12.0881L22.0875 20.0786L14.097 22.0766C13.921 22.1207 13.7648 22.2223 13.6532 22.3654C13.5416 22.5084 13.481 22.6846 13.481 22.866C13.481 23.0475 13.5416 23.2237 13.6532 23.3667C13.7648 23.5097 13.921 23.6114 14.097 23.6555L22.0875 25.6535L24.0855 33.644C24.1296 33.82 24.2312 33.9762 24.3743 34.0878C24.5173 34.1994 24.6935 34.26 24.8749 34.26C25.0564 34.26 25.2326 34.1994 25.3756 34.0878C25.5186 33.9762 25.6203 33.82 25.6644 33.644L27.6624 25.6535L35.6529 23.6555C35.8289 23.6114 35.9851 23.5097 36.0967 23.3667C36.2083 23.2237 36.2689 23.0475 36.2689 22.866C36.2689 22.6846 36.2083 22.5084 36.0967 22.3654C35.9851 22.2223 35.8289 22.1207 35.6529 22.0766ZM24.8912 23.6799C24.6754 23.681 24.4679 23.5963 24.3145 23.4444C24.1611 23.2925 24.0744 23.0859 24.0733 22.8701C24.0722 22.6542 24.1569 22.4468 24.3088 22.2934C24.4606 22.14 24.6672 22.0532 24.8831 22.0522H24.8912C25.1071 22.0522 25.3141 22.1379 25.4667 22.2905C25.6193 22.4432 25.7051 22.6502 25.7051 22.866C25.7051 23.0819 25.6193 23.2889 25.4667 23.4415C25.3141 23.5941 25.1071 23.6799 24.8912 23.6799ZM17.4346 16.5317C17.3492 16.3772 17.3163 16.1991 17.341 16.0242C17.3657 15.8494 17.4465 15.6873 17.5714 15.5625C17.6962 15.4376 17.8583 15.3567 18.0332 15.3321C18.208 15.3074 18.3861 15.3403 18.5407 15.4257L21.2036 16.9037L20.7454 18.7365L18.9126 19.1947L17.4346 16.5317ZM28.5463 16.9037L31.2092 15.4257C31.3638 15.3403 31.5419 15.3074 31.7167 15.3321C31.8916 15.3567 32.0536 15.4376 32.1785 15.5625C32.3034 15.6873 32.3842 15.8494 32.4089 16.0242C32.4336 16.1991 32.4007 16.3772 32.3153 16.5317L30.8373 19.1947L29.0045 18.7365L28.5463 16.9037ZM32.3153 29.2003C32.4007 29.3548 32.4336 29.533 32.4089 29.7078C32.3842 29.8827 32.3034 30.0447 32.1785 30.1696C32.0536 30.2944 31.8916 30.3753 31.7167 30.4C31.5419 30.4247 31.3638 30.3918 31.2092 30.3064L28.5463 28.8284L29.0045 26.9956L30.8373 26.5374L32.3153 29.2003ZM21.2036 28.8284L18.5407 30.3064C18.3861 30.3918 18.208 30.4247 18.0332 30.4C17.8583 30.3753 17.6962 30.2944 17.5714 30.1696C17.4465 30.0447 17.3657 29.8827 17.341 29.7078C17.3163 29.533 17.3492 29.3548 17.4346 29.2003L18.9126 26.5374L20.7454 26.9956L21.2036 28.8284Z"
+ fill="white"
+ />
+ <defs>
+ <linearGradient
+ id="paint0_linear_8581_29503"
+ x1="24.875"
+ y1="0"
+ x2="24.875"
+ y2="43.5335"
+ gradientUnits="userSpaceOnUse"
+ >
+ <stop stop-color="#D267FC" />
+ <stop
+ offset="0.48"
+ stop-color="#9982FF"
+ />
+ <stop
+ offset="0.945"
+ stop-color="#F0B571"
+ />
+ </linearGradient>
+ <linearGradient
+ id="paint1_linear_8581_29503"
+ x1="24.8748"
+ y1="6.0174"
+ x2="24.8748"
+ y2="40.1089"
+ gradientUnits="userSpaceOnUse"
+ >
+ <stop stop-color="#D267FC" />
+ <stop
+ offset="0.45"
+ stop-color="#9982FF"
+ />
+ <stop
+ offset="1"
+ stop-color="#F0B571"
+ />
+ </linearGradient>
+ </defs>
+ </svg>
+ }
+ {...restProps}
+ />
+ );
+};
+
+export default CreateChannelPoints;

src/blocks/illustrations/components/GatedGroupPoints.tsx

@@ -0,0 +1,76 @@
+import { FC } from 'react';
+import { IllustrationWrapper } from '../IllustrationWrapper';
+import { IllustrationProps } from '../Illustrations.types';
+
+const GatedGroupPoints: FC<IllustrationProps> = (allProps) => {
+ const { svgProps: props, ...restProps } = allProps;
+ return (
+ <IllustrationWrapper
+ componentName="GatedGroupPoints"
+ illustration={
+ <svg
+ width={restProps?.width ?? '24'}
+ height={restProps?.height ?? '24'}
+ viewBox="0 0 48 48"
+ fill="none"
+ {...props}
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <circle
+ cx="24"
+ cy="24"
+ r="24"
+ fill="#45C97C"
+ />
+ <circle
+ cx="24"
+ cy="24"
+ r="20.874"
+ fill="#45C97C"
+ stroke="white"
+ stroke-width="2"
+ />
+ <path
+ d="M12 20.4V33.6918C12 34.5672 13.0453 35.0201 13.6839 34.4213L18.2076 30.1803C18.3312 30.0645 18.4943 30 18.6637 30H27C31.9706 30 36 25.9706 36 21C36 16.0294 31.9706 12 27 12H20.4C15.7608 12 12 15.7608 12 20.4Z"
+ fill="white"
+ />
+ <path
+ d="M29.6926 38.0659C33.853 38.0659 37.2256 34.6933 37.2256 30.533C37.2256 26.3726 33.853 23 29.6926 23C25.5323 23 22.1597 26.3726 22.1597 30.533C22.1597 34.6933 25.5323 38.0659 29.6926 38.0659Z"
+ fill="#627EEA"
+ />
+ <path
+ d="M29.9272 24.8832V29.0593L33.4569 30.6365L29.9272 24.8832Z"
+ fill="white"
+ fill-opacity="0.602"
+ />
+ <path
+ d="M29.9271 24.8832L26.397 30.6365L29.9271 29.0593V24.8832Z"
+ fill="white"
+ />
+ <path
+ d="M29.9272 33.3428V36.1803L33.4593 31.2938L29.9272 33.3428Z"
+ fill="white"
+ fill-opacity="0.602"
+ />
+ <path
+ d="M29.9271 36.1803V33.3423L26.397 31.2938L29.9271 36.1803Z"
+ fill="white"
+ />
+ <path
+ d="M29.9272 32.686L33.4569 30.6365L29.9272 29.0603V32.686Z"
+ fill="white"
+ fill-opacity="0.2"
+ />
+ <path
+ d="M26.397 30.6365L29.9271 32.686V29.0603L26.397 30.6365Z"
+ fill="white"
+ fill-opacity="0.602"
+ />
+ </svg>
+ }
+ {...restProps}
+ />
+ );
+};
+
+export default GatedGroupPoints;