chore: added new icons (contract, event, nodata, tv, twitch + video)

.changeset/five-emus-admire.md

@@ -0,0 +1,5 @@
+---
+'@web3uikit/icons': patch
+---
+
+Added various icons

packages/icons/src/lib/icons/Contract.tsx

@@ -0,0 +1,47 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run pnpm icons:create to update
+// Do not edit
+import { SVGProps } from 'react';
+import { SVGRProps } from '../type';
+const SvgContract = ({
+    title,
+    titleId,
+    isResponsive = false,
+    style,
+    ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+    <svg
+        width="1em"
+        height="1em"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+        role="img"
+        data-testid="test-icon"
+        aria-hidden="true"
+        style={
+            isResponsive
+                ? style
+                : {
+                      flex: 'none',
+                      ...style,
+                  }
+        }
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.732 2.732A2.5 2.5 0 0 1 4.5 2h15A2.5 2.5 0 0 1 22 4.5v15a2.5 2.5 0 0 1-2.5 2.5h-15A2.5 2.5 0 0 1 2 19.5v-15a2.5 2.5 0 0 1 .732-1.768ZM4.5 4a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-15Z"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6 7.5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm11.625.22a1 1 0 0 1 .156 1.405l-4 5a1 1 0 0 1-1.406.156l-2.5-2a1 1 0 0 1 1.25-1.562l1.719 1.375 3.375-4.219a1 1 0 0 1 1.406-.156Z"
+        />
+    </svg>
+);
+
+export default SvgContract;

packages/icons/src/lib/icons/Event.tsx

@@ -0,0 +1,62 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run pnpm icons:create to update
+// Do not edit
+import { SVGProps } from 'react';
+import { SVGRProps } from '../type';
+const SvgEvent = ({
+    title,
+    titleId,
+    isResponsive = false,
+    style,
+    ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+    <svg
+        width="1em"
+        height="1em"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+        role="img"
+        data-testid="test-icon"
+        aria-hidden="true"
+        style={
+            isResponsive
+                ? style
+                : {
+                      flex: 'none',
+                      ...style,
+                  }
+        }
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.051 9.789a.981.981 0 0 1 1.22.661l.496 1.668 7.566-2.221a.981.981 0 1 1 .553 1.883l-8.505 2.497a.981.981 0 0 1-1.217-.662l-.774-2.606a.981.981 0 0 1 .661-1.22Z"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M18.747 2.275c.496.219.721.798.502 1.294l-1.816 4.12 3.697 2.318a.981.981 0 1 1-1.043 1.663L15.671 8.9a.981.981 0 0 1-.377-1.227l2.16-4.896a.981.981 0 0 1 1.293-.502Z"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M19.293 2.897a.981.981 0 0 1-.665 1.218l-5.713 1.679a.981.981 0 0 1-.554-1.883l5.714-1.68a.981.981 0 0 1 1.218.666ZM14.513 9.034a.981.981 0 0 1 .376 1.335l-1.93 3.446a.981.981 0 0 1-1.712-.96l1.93-3.445a.981.981 0 0 1 1.336-.376Z"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.259 1.363a.981.981 0 0 1 .47.586l2.247 7.665a.981.981 0 0 1-.666 1.217L5.806 13.33a.981.981 0 1 1-.553-1.884l7.563-2.22-1.694-5.783L3.92 5.554a.981.981 0 0 1-.552-1.883l8.145-2.388a.981.981 0 0 1 .747.08Z"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M3.126 3.81a.981.981 0 0 1 1.21.679l4.787 17.02a.981.981 0 1 1-1.89.532L2.447 5.02a.981.981 0 0 1 .679-1.21Z"
+        />
+    </svg>
+);
+
+export default SvgEvent;

packages/icons/src/lib/icons/NoData.tsx

@@ -0,0 +1,47 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run pnpm icons:create to update
+// Do not edit
+import { SVGProps } from 'react';
+import { SVGRProps } from '../type';
+const SvgNoData = ({
+    title,
+    titleId,
+    isResponsive = false,
+    style,
+    ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+    <svg
+        width="1em"
+        height="1em"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+        role="img"
+        data-testid="test-icon"
+        aria-hidden="true"
+        style={
+            isResponsive
+                ? style
+                : {
+                      flex: 'none',
+                      ...style,
+                  }
+        }
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.635 3.707a2.097 2.097 0 0 1 1.532-.679h5.778c.191 0 .375.082.51.226l4.334 4.637a.8.8 0 0 1 .211.546v9.273c0 .615-.228 1.204-.634 1.64a2.097 2.097 0 0 1-1.532.678H8.167a2.098 2.098 0 0 1-1.532-.679A2.403 2.403 0 0 1 6 17.71V5.347c0-.615.228-1.204.635-1.639Zm1.532.867a.7.7 0 0 0-.51.226.801.801 0 0 0-.212.546V17.71c0 .205.076.401.211.546a.7.7 0 0 0 .51.227h8.668a.699.699 0 0 0 .51-.227.801.801 0 0 0 .212-.546V8.757l-3.91-4.183h-5.48Z"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M13.945 3.028c.399 0 .722.346.722.773v3.863h3.611c.399 0 .722.346.722.773 0 .427-.323.773-.722.773h-4.333c-.4 0-.723-.346-.723-.773V3.801c0-.427.324-.773.723-.773ZM5.345 2.228a.916.916 0 0 0-.19 1.281l13.22 17.838a.916.916 0 1 0 1.471-1.09L6.626 2.419a.916.916 0 0 0-1.281-.19Z"
+        />
+    </svg>
+);
+
+export default SvgNoData;

packages/icons/src/lib/icons/Tv.tsx

@@ -0,0 +1,41 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run pnpm icons:create to update
+// Do not edit
+import { SVGProps } from 'react';
+import { SVGRProps } from '../type';
+const SvgTv = ({
+    title,
+    titleId,
+    isResponsive = false,
+    style,
+    ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+    <svg
+        width="1em"
+        height="1em"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+        role="img"
+        data-testid="test-icon"
+        aria-hidden="true"
+        style={
+            isResponsive
+                ? style
+                : {
+                      flex: 'none',
+                      ...style,
+                  }
+        }
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <g fillRule="evenodd" clipRule="evenodd">
+            <path d="M4 8a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H4ZM1 9a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v11a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9Z" />
+            <path d="M6.293 1.293a1 1 0 0 1 1.414 0L12 5.586l4.293-4.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414Z" />
+        </g>
+    </svg>
+);
+
+export default SvgTv;

packages/icons/src/lib/icons/Twitch.tsx

@@ -0,0 +1,44 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run pnpm icons:create to update
+// Do not edit
+import { SVGProps } from 'react';
+import { SVGRProps } from '../type';
+const SvgTwitch = ({
+    title,
+    titleId,
+    isResponsive = false,
+    style,
+    ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+    <svg
+        width="1em"
+        height="1em"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+        role="img"
+        data-testid="test-icon"
+        aria-hidden="true"
+        style={
+            isResponsive
+                ? style
+                : {
+                      flex: 'none',
+                      ...style,
+                  }
+        }
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <g clipPath="url(#twitch_svg__a)">
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M2 2a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v12a1 1 0 0 1-.293.707l-4 4A1 1 0 0 1 17 19h-4.586l-3.707 3.707A1 1 0 0 1 7 22v-3H3a1 1 0 0 1-1-1V2Zm2 1v14h4a1 1 0 0 1 1 1v1.586l2.293-2.293A1 1 0 0 1 12 17h4.586L20 13.586V3H4Zm7 3a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1Zm5 0a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1Z"
+            />
+        </g>
+    </svg>
+);
+
+export default SvgTwitch;

packages/icons/src/lib/icons/Video.tsx

@@ -0,0 +1,41 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run pnpm icons:create to update
+// Do not edit
+import { SVGProps } from 'react';
+import { SVGRProps } from '../type';
+const SvgVideo = ({
+    title,
+    titleId,
+    isResponsive = false,
+    style,
+    ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+    <svg
+        width="1em"
+        height="1em"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+        role="img"
+        data-testid="test-icon"
+        aria-hidden="true"
+        style={
+            isResponsive
+                ? style
+                : {
+                      flex: 'none',
+                      ...style,
+                  }
+        }
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <g clipPath="url(#video_svg__a)" fillRule="evenodd" clipRule="evenodd">
+            <path d="M23.458 6.11A1 1 0 0 1 24 7v10a1 1 0 0 1-1.581.814l-7-5a1 1 0 0 1 0-1.628l7-5a1 1 0 0 1 1.039-.075ZM17.72 12 22 15.057V8.943L17.72 12Z" />
+            <path d="M3 6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H3ZM0 7a3 3 0 0 1 3-3h11a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V7Z" />
+        </g>
+    </svg>
+);
+
+export default SvgVideo;

packages/icons/src/lib/icons/index.ts

@@ -47,6 +47,7 @@ export { default as ChevronUp } from './ChevronUp';
 export { default as Cloud } from './Cloud';
 export { default as Cog } from './Cog';
 export { default as Compass } from './Compass';
+export { default as Contract } from './Contract';
 export { default as Copy } from './Copy';
 export { default as CreditCard } from './CreditCard';
 export { default as CreditCard2 } from './CreditCard2';
@@ -65,6 +66,7 @@ export { default as Download } from './Download';
 export { default as Edit } from './Edit';
 export { default as EthColored } from './EthColored';
 export { default as Eth } from './Eth';
+export { default as Event } from './Event';
 export { default as Exchange } from './Exchange';
 export { default as Exclamation } from './Exclamation';
 export { default as Expand } from './Expand';
@@ -116,6 +118,7 @@ export { default as MoreVert } from './MoreVert';
 export { default as More } from './More';
 export { default as Network } from './Network';
 export { default as NftCat } from './NftCat';
+export { default as NoData } from './NoData';
 export { default as Off } from './Off';
 export { default as Oneinch } from './Oneinch';
 export { default as Opensea } from './Opensea';
@@ -158,6 +161,8 @@ export { default as Tokens } from './Tokens';
 export { default as Trending } from './Trending';
 export { default as TriangleDown } from './TriangleDown';
 export { default as TriangleUp } from './TriangleUp';
+export { default as Tv } from './Tv';
+export { default as Twitch } from './Twitch';
 export { default as TwitterOutline } from './TwitterOutline';
 export { default as Twitter } from './Twitter';
 export { default as Uni } from './Uni';
@@ -166,6 +171,7 @@ export { default as Usdc } from './Usdc';
 export { default as Usdt } from './Usdt';
 export { default as UserTeam } from './UserTeam';
 export { default as User } from './User';
+export { default as Video } from './Video';
 export { default as Visa } from './Visa';
 export { default as Wallet } from './Wallet';
 export { default as Web3Api } from './Web3Api';