Merge pull request #65 from contra/eric/update-icons

feat(icons): update icons and icon variants
contra · Apr 5, 2022 · b66f606 · b66f606
2 parents c90fc98 + 460cfd0
commit b66f606
Show file tree

Hide file tree

Showing 13 changed files with 209 additions and 9 deletions.
diff --git a/src/icons/BarChart16pxIcon.tsx b/src/icons/BarChart16pxIcon.tsx
@@ -0,0 +1,21 @@
+import type { SVGProps } from 'react';
+export const BarChart16pxIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    focusable="false"
+    role="img"
+    {...props}
+  >
+    <path
+      d="M13.333 13.334V6.667M8 13.333V2.667M2.667 13.334v-4"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
diff --git a/src/icons/BarChartIcon.tsx b/src/icons/BarChartIcon.tsx
@@ -0,0 +1,21 @@
+import type { SVGProps } from 'react';
+export const BarChartIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    focusable="false"
+    role="img"
+    {...props}
+  >
+    <path
+      d="M20 20V10M12 20V4M4 20v-6"
+      stroke="currentColor"
+      strokeWidth={4}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
diff --git a/src/icons/CreditCardIcon.tsx → src/icons/CreditCardOutlineIcon.tsx b/src/icons/CreditCardIcon.tsx → src/icons/CreditCardOutlineIcon.tsx
@@ -1,5 +1,5 @@
 import type { SVGProps } from 'react';
-export const CreditCardIcon = (props: SVGProps<SVGSVGElement>) => (
+export const CreditCardOutlineIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
     width="1em"
     height="1em"

diff --git a/src/icons/CreditCardSolidIcon.tsx b/src/icons/CreditCardSolidIcon.tsx
@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+export const CreditCardSolidIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    focusable="false"
+    role="img"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M0 7.5c.001-1.483.02-2.26.327-2.862a3 3 0 011.311-1.311C2.28 3 3.12 3 4.8 3h14.4c1.68 0 2.52 0 3.162.327a3 3 0 011.311 1.311c.307.602.326 1.38.327 2.862H0zM0 9v7.2c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C2.28 21 3.12 21 4.8 21h14.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C24 18.72 24 17.88 24 16.2V9H0zm7 2.5A2.942 2.942 0 009.5 14v1A2.942 2.942 0 007 17.5H6A2.942 2.942 0 003.5 15v-1A2.942 2.942 0 006 11.5h1z"
+      fill="#000"
+    />
+  </svg>
+);
diff --git a/src/icons/JobIcon.tsx → src/icons/JobOutlineIcon.tsx b/src/icons/JobIcon.tsx → src/icons/JobOutlineIcon.tsx
@@ -1,5 +1,5 @@
 import type { SVGProps } from 'react';
-export const JobIcon = (props: SVGProps<SVGSVGElement>) => (
+export const JobOutlineIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
     width="1em"
     height="1em"

diff --git a/src/icons/JobSolidIcon.tsx b/src/icons/JobSolidIcon.tsx
@@ -0,0 +1,25 @@
+import type { SVGProps } from 'react';
+export const JobSolidIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    focusable="false"
+    role="img"
+    {...props}
+  >
+    <path
+      d="M17 5l-.521-1.433a2 2 0 00-1.88-1.317H9.401a2 2 0 00-1.88 1.317L7 5"
+      stroke="#000"
+      strokeWidth={1.5}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M1.5 7.7c0-1.12 0-1.68.218-2.108a2 2 0 01.874-.874C3.02 4.5 3.58 4.5 4.7 4.5h14.6c1.12 0 1.68 0 2.108.218a2 2 0 01.874.874c.218.428.218.988.218 2.108V9c0 1.198-.01 1.61-.129 1.945a2.25 2.25 0 01-.85 1.107c-.293.2-.688.316-1.846.625l-6.632 1.768c-.482.13-.647.171-.809.188a2.261 2.261 0 01-.468 0c-.162-.017-.327-.059-.81-.188l-6.63-1.768c-1.159-.309-1.554-.425-1.847-.625a2.25 2.25 0 01-.85-1.107C1.51 10.61 1.5 10.198 1.5 9V7.7zm0 5.495V18.3c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874c.428.218.988.218 2.108.218h14.6c1.12 0 1.68 0 2.108-.218a2 2 0 00.874-.874c.218-.428.218-.988.218-2.108v-5.105a3.756 3.756 0 01-.132.095c-.532.364-1.201.542-2.173.801l-.134.036-6.631 1.768-.053.014c-.41.11-.694.185-.987.216-.26.027-.52.027-.78 0-.293-.03-.577-.107-.987-.216l-.053-.014-6.631-1.768-.134-.036c-.972-.259-1.64-.437-2.173-.801a3.742 3.742 0 01-.132-.095zm11-5.945a2.942 2.942 0 002.5 2.5v1a2.942 2.942 0 00-2.5 2.5h-1a2.942 2.942 0 00-2.5-2.5v-1a2.942 2.942 0 002.5-2.5h1z"
+      fill="#000"
+    />
+  </svg>
+);
diff --git a/src/icons/SendIcon.tsx → src/icons/MailSendOutlineIcon.tsx b/src/icons/SendIcon.tsx → src/icons/MailSendOutlineIcon.tsx
@@ -1,5 +1,5 @@
 import type { SVGProps } from 'react';
-export const SendIcon = (props: SVGProps<SVGSVGElement>) => (
+export const MailSendOutlineIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
     width="1em"
     height="1em"

diff --git a/src/icons/MailSendSolidIcon.tsx b/src/icons/MailSendSolidIcon.tsx
@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+export const MailSendSolidIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    focusable="false"
+    role="img"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.93 8.325l16.502-5.776c.502-.176.753-.264.919-.206a.5.5 0 01.306.307c.058.165-.03.416-.206.918l-5.776 16.503c-.21.6-.315.9-.478.993a.5.5 0 01-.46.017c-.17-.08-.297-.372-.55-.956l-1.99-4.581-.024-.052c-.437-.928-.578-1.227-.28-1.938.04-.099.061-.148.118-.25.04-.072.123-.194.174-.258.072-.092.139-.159.272-.292l4.649-4.649L15.91 6.91l-4.65 4.65a3.164 3.164 0 01-.29.271c-.065.051-.19.135-.262.175-.103.058-.15.077-.245.116-.707.293-1.017.147-1.923-.28l-.083-.04-4.582-1.988c-.584-.254-.875-.38-.956-.55a.5.5 0 01.017-.46c.093-.164.393-.27.993-.48zm4.04 6.645l-4.5 4.5 1.06 1.06 4.5-4.5-1.06-1.06zm-5.046.55l2.5-3 1.153.96-2.5 3-1.153-.96zm7.596 1.904l-3 2.5.96 1.152 3-2.5-.96-1.152z"
+      fill="#000"
+    />
+  </svg>
+);
diff --git a/src/icons/SocialPaypalAltIcon.tsx b/src/icons/SocialPaypalAltIcon.tsx
@@ -0,0 +1,37 @@
+import type { SVGProps } from 'react';
+export const SocialPaypalAltIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    focusable="false"
+    role="img"
+    {...props}
+  >
+    <path
+      d="M11.713 4.61L9.922 17.746M13.803 6.998H9.324a2.09 2.09 0 100 4.18h2.986a2.09 2.09 0 010 4.18H7.234"
+      stroke="#F7F7F7"
+      strokeWidth={1.105}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M7.704 22.215l.38-2.413-.847-.02h-4.04L6.005 1.98a.23.23 0 01.228-.195h6.812c2.262 0 3.822.471 4.637 1.4.382.436.626.891.743 1.392.124.526.126 1.154.005 1.92l-.008.056v.491l.382.217c.321.17.577.366.773.59.327.372.538.846.628 1.407.092.577.061 1.265-.09 2.042-.174.895-.456 1.674-.836 2.312a4.753 4.753 0 01-1.326 1.452 5.375 5.375 0 01-1.785.806c-.658.171-1.408.258-2.23.258h-.531c-.38 0-.747.136-1.037.38-.29.25-.481.592-.54.965l-.04.218-.67 4.252-.031.156c-.008.05-.022.074-.042.09a.113.113 0 01-.07.026H7.704z"
+      fill="#253B80"
+    />
+    <path
+      d="M19.164 6.61c-.02.13-.043.263-.07.4-.898 4.612-3.971 6.206-7.897 6.206H9.2a.97.97 0 00-.96.822l-1.023 6.49-.29 1.84a.511.511 0 00.505.59h3.545c.42 0 .776-.305.842-.719l.035-.18.668-4.235.042-.233a.852.852 0 01.843-.72h.53c3.434 0 6.123-1.395 6.909-5.43.328-1.685.158-3.093-.71-4.083a3.39 3.39 0 00-.97-.748z"
+      fill="#179BD7"
+    />
+    <path
+      d="M18.224 6.235a7.085 7.085 0 00-.874-.194 11.1 11.1 0 00-1.762-.128h-5.34a.848.848 0 00-.841.72L8.27 13.827l-.033.21a.97.97 0 01.96-.822h1.998c3.926 0 7-1.594 7.898-6.206.026-.136.049-.27.07-.4a4.786 4.786 0 00-.94-.374z"
+      fill="#222D65"
+    />
+    <path
+      d="M9.408 6.633a.849.849 0 01.842-.72h5.34c.632 0 1.222.042 1.761.13a7.065 7.065 0 011.076.256c.265.087.51.191.738.311.267-1.704-.002-2.865-.924-3.916-1.016-1.157-2.85-1.652-5.196-1.652H6.233a.974.974 0 00-.962.823L2.433 19.85a.585.585 0 00.577.677h4.206l1.056-6.7 1.136-7.194z"
+      fill="#253B80"
+    />
+  </svg>
+);
diff --git a/src/icons/SocialPaypalIcon.tsx b/src/icons/SocialPaypalIcon.tsx
@@ -0,0 +1,18 @@
+import type { SVGProps } from 'react';
+export const SocialPaypalIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    focusable="false"
+    role="img"
+    {...props}
+  >
+    <path
+      d="M20.77 5.394c.349.656.521 1.47.521 2.445 0 2.219-.934 4.006-2.8 5.362-1.868 1.359-4.475 2.037-7.827 2.037H9.88c-.59 0-1.178.462-1.31 1.028l-.944 4.015c-.13.568-.72 1.03-1.311 1.03H4.599l-.152.656c-.133.568.24 1.033.83 1.033h2.749c.59 0 1.18-.462 1.311-1.03l.943-4.015c.133-.566.723-1.029 1.312-1.029h.783c3.352 0 5.96-.678 7.827-2.036 1.866-1.356 2.8-3.144 2.8-5.362 0-.975-.172-1.79-.52-2.445a4.134 4.134 0 00-1.512-1.59c-.07-.043-.128-.058-.2-.099zM5.915 18.597l.943-4.017c.133-.566.721-1.028 1.312-1.028h.783c3.353 0 5.96-.679 7.828-2.037 1.865-1.358 2.8-3.146 2.8-5.362 0-.974-.174-1.79-.521-2.445a4.129 4.129 0 00-1.51-1.59c-.673-.413-1.466-.698-2.382-.867C14.246 1.083 13.17 1 11.935 1H6.209c-.59 0-1.18.46-1.313 1.028L1.025 18.595c-.133.568.24 1.03.828 1.03h2.75c.59.003 1.182-.462 1.312-1.028zm2.246-9.615l.826-3.516c.135-.566.723-1.028 1.311-1.028h.9c1.05 0 1.844.175 2.378.527.532.348.8.885.8 1.612 0 1.1-.416 1.95-1.242 2.544-.826.595-1.976.896-3.46.896h-.68c-.591-.002-.964-.467-.833-1.035z"
+      fill="currentColor"
+    />
+  </svg>
+);
diff --git a/src/icons/SocialUSDCOutlineIcon.tsx b/src/icons/SocialUSDCOutlineIcon.tsx
@@ -0,0 +1,30 @@
+import type { SVGProps } from 'react';
+export const SocialUSDCOutlineIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    focusable="false"
+    role="img"
+    {...props}
+  >
+    <mask id="prefix__a" fill="#fff">
+      <path d="M12.002 23.989a11.965 11.965 0 0011.994-11.994A11.965 11.965 0 0012.002.001 11.965 11.965 0 00.008 11.995a11.965 11.965 0 0011.994 11.994z" />
+    </mask>
+    <path
+      d="M12.002 25.489a13.465 13.465 0 0013.494-13.494h-3a10.465 10.465 0 01-10.494 10.494v3zm13.494-13.494A13.465 13.465 0 0012.002-1.499v3a10.465 10.465 0 0110.494 10.494h3zM12.002-1.499A13.465 13.465 0 00-1.492 11.995h3A10.465 10.465 0 0112.002 1.501v-3zM-1.492 11.995a13.465 13.465 0 0013.494 13.494v-3A10.465 10.465 0 011.508 11.995h-3z"
+      fill="currentColor"
+      mask="url(#prefix__a)"
+    />
+    <path
+      d="M15.299 13.894c0-1.749-1.05-2.349-3.149-2.6-1.5-.2-1.799-.6-1.799-1.298 0-.7.5-1.15 1.5-1.15.899 0 1.399.3 1.648 1.05.05.15.2.25.35.25h.8c.201 0 .35-.15.35-.35v-.051c-.2-1.1-1.099-1.949-2.248-2.049V6.497c0-.2-.15-.35-.4-.4h-.749c-.2 0-.35.15-.4.4v1.15c-1.499.2-2.449 1.198-2.449 2.448 0 1.65 1 2.3 3.098 2.549 1.4.25 1.85.55 1.85 1.35s-.7 1.349-1.65 1.349c-1.298 0-1.748-.55-1.898-1.3-.05-.2-.2-.3-.35-.3h-.85c-.2 0-.35.15-.35.351v.05c.2 1.25 1 2.15 2.649 2.4v1.199c0 .2.15.35.4.399h.749c.2 0 .35-.15.4-.4v-1.199c1.497-.25 2.498-1.3 2.498-2.65z"
+      fill="currentColor"
+    />
+    <path
+      d="M9.452 19.141c-3.898-1.4-5.897-5.747-4.447-9.595.75-2.099 2.398-3.698 4.447-4.447.2-.1.3-.25.3-.5v-.7c0-.2-.1-.35-.3-.399-.05 0-.15 0-.2.05-4.748 1.5-7.347 6.547-5.847 11.295a8.992 8.992 0 005.847 5.847c.2.1.4 0 .45-.2.05-.05.05-.1.05-.2v-.7c0-.15-.15-.35-.3-.45zM14.748 3.55c-.2-.1-.399 0-.45.2-.05.05-.05.1-.05.2v.7c0 .2.15.4.3.5 3.898 1.4 5.898 5.748 4.448 9.595-.75 2.1-2.4 3.698-4.448 4.448-.2.1-.3.25-.3.5v.7c0 .2.1.35.3.399.05 0 .15 0 .2-.05 4.748-1.5 7.347-6.547 5.848-11.296a9.064 9.064 0 00-5.848-5.896z"
+      fill="currentColor"
+    />
+  </svg>
+);
diff --git a/src/icons/SocialUSDCIcon.tsx → src/icons/SocialUSDCSolidIcon.tsx b/src/icons/SocialUSDCIcon.tsx → src/icons/SocialUSDCSolidIcon.tsx
@@ -1,5 +1,5 @@
 import type { SVGProps } from 'react';
-export const SocialUSDCIcon = (props: SVGProps<SVGSVGElement>) => (
+export const SocialUSDCSolidIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
     width="1em"
     height="1em"

diff --git a/src/icons/index.ts b/src/icons/index.ts
@@ -1,4 +1,4 @@
-// Generated at Wed, 08 Dec 2021 20:57:26 GMT
+// Generated at Tue, 05 Apr 2022 22:33:12 GMT
 export { Add16pxIcon } from './Add16pxIcon';
 export { Administrative16pxIcon } from './Administrative16pxIcon';
 export { AlertCircle16pxIcon } from './AlertCircle16pxIcon';
@@ -9,6 +9,7 @@ export { ArrowRight16pxIcon } from './ArrowRight16pxIcon';
 export { ArrowUp16pxIcon } from './ArrowUp16pxIcon';
 export { BankOutline16pxIcon } from './BankOutline16pxIcon';
 export { BankSolid16pxIcon } from './BankSolid16pxIcon';
+export { BarChart16pxIcon } from './BarChart16pxIcon';
 export { Bold16pxIcon } from './Bold16pxIcon';
 export { BookmarkOutline16pxIcon } from './BookmarkOutline16pxIcon';
 export { BookmarkSolid16pxIcon } from './BookmarkSolid16pxIcon';
@@ -153,6 +154,7 @@ export { ArrowRightIcon } from './ArrowRightIcon';
 export { ArrowUpIcon } from './ArrowUpIcon';
 export { BankOutlineIcon } from './BankOutlineIcon';
 export { BankSolidIcon } from './BankSolidIcon';
+export { BarChartIcon } from './BarChartIcon';
 export { BoldIcon } from './BoldIcon';
 export { BookmarkOutlineIcon } from './BookmarkOutlineIcon';
 export { BookmarkSolidIcon } from './BookmarkSolidIcon';
@@ -177,7 +179,8 @@ export { CommunityOutlineIcon } from './CommunityOutlineIcon';
 export { CommunitySolidIcon } from './CommunitySolidIcon';
 export { CopyIcon } from './CopyIcon';
 export { CornerResizeIcon } from './CornerResizeIcon';
-export { CreditCardIcon } from './CreditCardIcon';
+export { CreditCardOutlineIcon } from './CreditCardOutlineIcon';
+export { CreditCardSolidIcon } from './CreditCardSolidIcon';
 export { CropIcon } from './CropIcon';
 export { CryptoOutlineIcon } from './CryptoOutlineIcon';
 export { CryptoSolidIcon } from './CryptoSolidIcon';
@@ -218,7 +221,8 @@ export { ImageInLineIcon } from './ImageInLineIcon';
 export { ImageMediumIcon } from './ImageMediumIcon';
 export { InfoIcon } from './InfoIcon';
 export { ItalicIcon } from './ItalicIcon';
-export { JobIcon } from './JobIcon';
+export { JobOutlineIcon } from './JobOutlineIcon';
+export { JobSolidIcon } from './JobSolidIcon';
 export { KeyboardIcon } from './KeyboardIcon';
 export { LinkIcon } from './LinkIcon';
 export { ListBulletIcon } from './ListBulletIcon';
@@ -228,6 +232,8 @@ export { LockOutlineIcon } from './LockOutlineIcon';
 export { LockSolidIcon } from './LockSolidIcon';
 export { LogOutIcon } from './LogOutIcon';
 export { MailOutlineIcon } from './MailOutlineIcon';
+export { MailSendOutlineIcon } from './MailSendOutlineIcon';
+export { MailSendSolidIcon } from './MailSendSolidIcon';
 export { MailSolidIcon } from './MailSolidIcon';
 export { MarketingIcon } from './MarketingIcon';
 export { MessagesOutlineIcon } from './MessagesOutlineIcon';
@@ -254,7 +260,6 @@ export { QuoteIcon } from './QuoteIcon';
 export { RedoIcon } from './RedoIcon';
 export { ReorderIcon } from './ReorderIcon';
 export { SearchIcon } from './SearchIcon';
-export { SendIcon } from './SendIcon';
 export { SeriesIcon } from './SeriesIcon';
 export { ServiceOutlineIcon } from './ServiceOutlineIcon';
 export { ServiceSolidIcon } from './ServiceSolidIcon';
@@ -308,6 +313,8 @@ export { SocialMediumIcon } from './SocialMediumIcon';
 export { SocialMessengerIcon } from './SocialMessengerIcon';
 export { SocialNotionIcon } from './SocialNotionIcon';
 export { SocialPatreonIcon } from './SocialPatreonIcon';
+export { SocialPaypalIcon } from './SocialPaypalIcon';
+export { SocialPaypalAltIcon } from './SocialPaypalAltIcon';
 export { SocialPinterestIcon } from './SocialPinterestIcon';
 export { SocialReactIcon } from './SocialReactIcon';
 export { SocialSiteinspireIcon } from './SocialSiteinspireIcon';
@@ -321,7 +328,8 @@ export { SocialTwitterIcon } from './SocialTwitterIcon';
 export { SocialUnidentifiedLinkIcon } from './SocialUnidentifiedLinkIcon';
 export { SocialUnidentifiedToolIcon } from './SocialUnidentifiedToolIcon';
 export { SocialUpworkIcon } from './SocialUpworkIcon';
-export { SocialUSDCIcon } from './SocialUSDCIcon';
+export { SocialUSDCOutlineIcon } from './SocialUSDCOutlineIcon';
+export { SocialUSDCSolidIcon } from './SocialUSDCSolidIcon';
 export { SocialVimeoIcon } from './SocialVimeoIcon';
 export { SocialVkIcon } from './SocialVkIcon';
 export { SocialWorkingNotWorkingIcon } from './SocialWorkingNotWorkingIcon';