From 98733c92489f8f8b8d7fa13d641bf12da194ec2b Mon Sep 17 00:00:00 2001 From: AK <58132405+0xa3k5@users.noreply.github.com> Date: Tue, 3 Feb 2026 14:23:33 +0300 Subject: [PATCH 1/2] update POL token, add XLM variants (#180) --- .changeset/wild-clowns-invent.md | 8 ++++ apps/figma-plugin/src/css/output.css | 47 ------------------- apps/website/src/app/blog/[slug]/page.tsx | 5 +- .../content/add-crypto-icons-react-app.mdx | 8 ++-- .../complete-guide-crypto-web3-icons.mdx | 6 +-- .../blog/content/dark-mode-crypto-icons.mdx | 4 +- apps/website/src/app/privacy/page.tsx | 6 +-- packages/common/src/metadata/tokens.ts | 8 ++-- packages/core/src/svg-module.ts | 4 ++ packages/core/src/svgs/index.ts | 2 + .../core/src/svgs/tokens/background/POL.svg | 8 +++- .../core/src/svgs/tokens/background/XLM.svg | 11 +++++ packages/core/src/svgs/tokens/branded/POL.svg | 8 +++- packages/core/src/svgs/tokens/branded/XLM.svg | 3 ++ packages/core/src/svgs/tokens/mono/POL.svg | 2 +- raw-svgs/tokens/background/POL.svg | 12 +++-- raw-svgs/tokens/background/XLM.svg | 11 +++++ raw-svgs/tokens/branded/POL.svg | 8 +++- raw-svgs/tokens/branded/XLM.svg | 3 ++ raw-svgs/tokens/mono/POL.svg | 2 +- raw-svgs/tokens/mono/XLM.svg | 2 +- 21 files changed, 93 insertions(+), 75 deletions(-) create mode 100644 .changeset/wild-clowns-invent.md create mode 100644 packages/core/src/svgs/tokens/background/XLM.svg create mode 100644 packages/core/src/svgs/tokens/branded/XLM.svg create mode 100644 raw-svgs/tokens/background/XLM.svg create mode 100644 raw-svgs/tokens/branded/XLM.svg diff --git a/.changeset/wild-clowns-invent.md b/.changeset/wild-clowns-invent.md new file mode 100644 index 000000000..a42b2c7af --- /dev/null +++ b/.changeset/wild-clowns-invent.md @@ -0,0 +1,8 @@ +--- +'@web3icons/common': patch +'@web3icons/core': patch +'@web3icons/react': patch +--- + +token: replace current `POL` icon in favor of Polyon's rebranded `MATIC` icon. +token: add `branded`, `background` variants for `XLM` \ No newline at end of file diff --git a/apps/figma-plugin/src/css/output.css b/apps/figma-plugin/src/css/output.css index 94550eb77..7a96ed57d 100644 --- a/apps/figma-plugin/src/css/output.css +++ b/apps/figma-plugin/src/css/output.css @@ -619,18 +619,10 @@ video { margin-right: -1rem; } -.mb-2 { - margin-bottom: 0.5rem; -} - .mr-2 { margin-right: 0.5rem; } -.mt-1 { - margin-top: 0.25rem; -} - .mt-2 { margin-top: 0.5rem; } @@ -661,11 +653,6 @@ video { height: 1rem; } -.size-8 { - width: 2rem; - height: 2rem; -} - .h-8 { height: 2rem; } @@ -674,11 +661,6 @@ video { height: 100%; } -.w-fit { - width: -moz-fit-content; - width: fit-content; -} - .w-full { width: 100%; } @@ -776,16 +758,6 @@ video { border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } -.bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); -} - -.bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); -} - .bg-gray { --tw-bg-opacity: 1; background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)); @@ -875,20 +847,6 @@ video { line-height: 1rem; } -.uppercase { - text-transform: uppercase; -} - -.text-gray-light { - --tw-text-opacity: 1; - color: rgb(19 19 19 / var(--tw-text-opacity, 1)); -} - -.text-red-400 { - --tw-text-opacity: 1; - color: rgb(248 113 113 / var(--tw-text-opacity, 1)); -} - .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); @@ -962,11 +920,6 @@ body { outline-color: #222222; } -.hover\:bg-blue-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); -} - .hover\:bg-gray-dark:hover { --tw-bg-opacity: 1; background-color: rgb(15 15 15 / var(--tw-bg-opacity, 1)); diff --git a/apps/website/src/app/blog/[slug]/page.tsx b/apps/website/src/app/blog/[slug]/page.tsx index 77ee3d764..a57a45e36 100644 --- a/apps/website/src/app/blog/[slug]/page.tsx +++ b/apps/website/src/app/blog/[slug]/page.tsx @@ -120,7 +120,10 @@ export default async function BlogPost({ }) return ( -
+
, - content: `import { TokenBTC } from '@web3icons/react'\n\n` + content: `import { TokenBTC } from '@web3icons/react'\n\n`, }, { label: 'mono', preview: , - content: `import { TokenBTC } from '@web3icons/react'\n\n` + content: `import { TokenBTC } from '@web3icons/react'\n\n`, }, ]} /> @@ -139,12 +139,12 @@ Dynamic icons accept a `symbol` (for tokens) or an identifier prop instead of be { label: 'by symbol', preview: , - content: `import { TokenIcon } from '@web3icons/react/dynamic'\n\n` + content: `import { TokenIcon } from '@web3icons/react/dynamic'\n\n`, }, { label: 'by network', preview: , - content: `import { NetworkIcon } from '@web3icons/react/dynamic'\n\n` + content: `import { NetworkIcon } from '@web3icons/react/dynamic'\n\n`, }, ]} /> diff --git a/apps/website/src/app/blog/content/complete-guide-crypto-web3-icons.mdx b/apps/website/src/app/blog/content/complete-guide-crypto-web3-icons.mdx index 83153526b..7fbcb71e5 100644 --- a/apps/website/src/app/blog/content/complete-guide-crypto-web3-icons.mdx +++ b/apps/website/src/app/blog/content/complete-guide-crypto-web3-icons.mdx @@ -156,17 +156,17 @@ Icons with a circular colored background. Use these in: { label: 'mono', preview: , - content: `import { TokenBTC } from '@web3icons/react'\n\n` + content: `import { TokenBTC } from '@web3icons/react'\n\n`, }, { label: 'branded', preview: , - content: `import { TokenBTC } from '@web3icons/react'\n\n` + content: `import { TokenBTC } from '@web3icons/react'\n\n`, }, { label: 'background', preview: , - content: `import { TokenBTC } from '@web3icons/react'\n\n` + content: `import { TokenBTC } from '@web3icons/react'\n\n`, }, ]} /> diff --git a/apps/website/src/app/blog/content/dark-mode-crypto-icons.mdx b/apps/website/src/app/blog/content/dark-mode-crypto-icons.mdx index d00d015ce..b58ba65ee 100644 --- a/apps/website/src/app/blog/content/dark-mode-crypto-icons.mdx +++ b/apps/website/src/app/blog/content/dark-mode-crypto-icons.mdx @@ -80,12 +80,12 @@ Here's what it looks like with web3icons: { label: 'branded', preview: , - content: `import { TokenBTC } from '@web3icons/react'\n\n// Full brand colors for light mode\n` + content: `import { TokenBTC } from '@web3icons/react'\n\n// Full brand colors for light mode\n`, }, { label: 'mono', preview: , - content: `import { TokenBTC } from '@web3icons/react'\n\n// Clean, consistent mono for dark mode\n` + content: `import { TokenBTC } from '@web3icons/react'\n\n// Clean, consistent mono for dark mode\n`, }, ]} /> diff --git a/apps/website/src/app/privacy/page.tsx b/apps/website/src/app/privacy/page.tsx index 1c5ba96b8..ecdb8c5fa 100644 --- a/apps/website/src/app/privacy/page.tsx +++ b/apps/website/src/app/privacy/page.tsx @@ -2,7 +2,8 @@ import { Metadata } from 'next' export const metadata: Metadata = { title: 'Privacy Policy | Web3 Icons', - description: 'Privacy policy for Web3 Icons and the Web3 Icons Chrome extension.', + description: + 'Privacy policy for Web3 Icons and the Web3 Icons Chrome extension.', } export default function PrivacyPage() { @@ -59,8 +60,7 @@ export default function PrivacyPage() {

Contact

- Questions? Reach out at{' '} - hey@akml.io. + Questions? Reach out at hey@akml.io.

) diff --git a/packages/common/src/metadata/tokens.ts b/packages/common/src/metadata/tokens.ts index a69742d9a..636bc8b10 100644 --- a/packages/common/src/metadata/tokens.ts +++ b/packages/common/src/metadata/tokens.ts @@ -21431,22 +21431,22 @@ export const tokens: ITokenMetadata[] = [ }, { id: 'CBTC', - name: 'cBTC', - variants: ['background', 'branded', 'mono'], filePath: 'token:CBTC', symbol: 'CBTC', + name: 'cBTC', marketCapRank: 0, addresses: {}, + variants: ['background', 'branded', 'mono'], }, { id: 'USDE', - name: 'USDe', - variants: ['background', 'branded', 'mono'], filePath: 'token:USDE', symbol: 'USDE', + name: 'USDe', marketCapRank: 0, addresses: { ethereum: '0x4c9EDD5852cd905f086C759E8383e09bff1E68B3', }, + variants: ['background', 'branded', 'mono'], }, ] diff --git a/packages/core/src/svg-module.ts b/packages/core/src/svg-module.ts index 0c55b77be..00a1b3f43 100644 --- a/packages/core/src/svg-module.ts +++ b/packages/core/src/svg-module.ts @@ -4168,7 +4168,9 @@ import * as TBackgroundSTEEM from './svgs/tokens/background/STEEM.svg' import * as TBrandedSBD from './svgs/tokens/branded/SBD.svg' import * as TMonoSBD from './svgs/tokens/mono/SBD.svg' import * as TBackgroundSBD from './svgs/tokens/background/SBD.svg' +import * as TBrandedXLM from './svgs/tokens/branded/XLM.svg' import * as TMonoXLM from './svgs/tokens/mono/XLM.svg' +import * as TBackgroundXLM from './svgs/tokens/background/XLM.svg' import * as TBrandedSTELLA from './svgs/tokens/branded/STELLA.svg' import * as TBackgroundSTELLA from './svgs/tokens/background/STELLA.svg' import * as TBrandedFITFI from './svgs/tokens/branded/FITFI.svg' @@ -7563,6 +7565,7 @@ export const svgs = { snt: TBrandedSNT, steem: TBrandedSTEEM, sbd: TBrandedSBD, + xlm: TBrandedXLM, stella: TBrandedSTELLA, fitfi: TBrandedFITFI, step: TBrandedSTEP, @@ -10914,6 +10917,7 @@ export const svgs = { snt: TBackgroundSNT, steem: TBackgroundSTEEM, sbd: TBackgroundSBD, + xlm: TBackgroundXLM, stella: TBackgroundSTELLA, fitfi: TBackgroundFITFI, step: TBackgroundSTEP, diff --git a/packages/core/src/svgs/index.ts b/packages/core/src/svgs/index.ts index 6af05fd37..d0e95d427 100644 --- a/packages/core/src/svgs/index.ts +++ b/packages/core/src/svgs/index.ts @@ -4167,7 +4167,9 @@ export * as TokenBackgroundSTEEM from './tokens/background/STEEM.svg' export * as TokenBrandedSBD from './tokens/branded/SBD.svg' export * as TokenMonoSBD from './tokens/mono/SBD.svg' export * as TokenBackgroundSBD from './tokens/background/SBD.svg' +export * as TokenBrandedXLM from './tokens/branded/XLM.svg' export * as TokenMonoXLM from './tokens/mono/XLM.svg' +export * as TokenBackgroundXLM from './tokens/background/XLM.svg' export * as TokenBrandedSTELLA from './tokens/branded/STELLA.svg' export * as TokenBackgroundSTELLA from './tokens/background/STELLA.svg' export * as TokenBrandedFITFI from './tokens/branded/FITFI.svg' diff --git a/packages/core/src/svgs/tokens/background/POL.svg b/packages/core/src/svgs/tokens/background/POL.svg index 308b3373b..eb948311a 100644 --- a/packages/core/src/svgs/tokens/background/POL.svg +++ b/packages/core/src/svgs/tokens/background/POL.svg @@ -1,9 +1,13 @@ - - + + + + + + diff --git a/packages/core/src/svgs/tokens/background/XLM.svg b/packages/core/src/svgs/tokens/background/XLM.svg new file mode 100644 index 000000000..43121e55c --- /dev/null +++ b/packages/core/src/svgs/tokens/background/XLM.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/core/src/svgs/tokens/branded/POL.svg b/packages/core/src/svgs/tokens/branded/POL.svg index 2e75c3ef7..731b683c6 100644 --- a/packages/core/src/svgs/tokens/branded/POL.svg +++ b/packages/core/src/svgs/tokens/branded/POL.svg @@ -1,3 +1,9 @@ - + + + + + + + diff --git a/packages/core/src/svgs/tokens/branded/XLM.svg b/packages/core/src/svgs/tokens/branded/XLM.svg new file mode 100644 index 000000000..477dffd51 --- /dev/null +++ b/packages/core/src/svgs/tokens/branded/XLM.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/core/src/svgs/tokens/mono/POL.svg b/packages/core/src/svgs/tokens/mono/POL.svg index 1ce726a45..32cf03a55 100644 --- a/packages/core/src/svgs/tokens/mono/POL.svg +++ b/packages/core/src/svgs/tokens/mono/POL.svg @@ -1,3 +1,3 @@ - + diff --git a/raw-svgs/tokens/background/POL.svg b/raw-svgs/tokens/background/POL.svg index 8282a552d..ceb5095b8 100644 --- a/raw-svgs/tokens/background/POL.svg +++ b/raw-svgs/tokens/background/POL.svg @@ -1,10 +1,14 @@ - - - + + + - + + + + + diff --git a/raw-svgs/tokens/background/XLM.svg b/raw-svgs/tokens/background/XLM.svg new file mode 100644 index 000000000..3adbc2db7 --- /dev/null +++ b/raw-svgs/tokens/background/XLM.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/raw-svgs/tokens/branded/POL.svg b/raw-svgs/tokens/branded/POL.svg index b6b990765..357c42ba4 100644 --- a/raw-svgs/tokens/branded/POL.svg +++ b/raw-svgs/tokens/branded/POL.svg @@ -1,3 +1,9 @@ - + + + + + + + diff --git a/raw-svgs/tokens/branded/XLM.svg b/raw-svgs/tokens/branded/XLM.svg new file mode 100644 index 000000000..74e6ee464 --- /dev/null +++ b/raw-svgs/tokens/branded/XLM.svg @@ -0,0 +1,3 @@ + + + diff --git a/raw-svgs/tokens/mono/POL.svg b/raw-svgs/tokens/mono/POL.svg index 6d85ee4f8..3cb85e54d 100644 --- a/raw-svgs/tokens/mono/POL.svg +++ b/raw-svgs/tokens/mono/POL.svg @@ -1,3 +1,3 @@ - + diff --git a/raw-svgs/tokens/mono/XLM.svg b/raw-svgs/tokens/mono/XLM.svg index c08edd55d..3a4812588 100644 --- a/raw-svgs/tokens/mono/XLM.svg +++ b/raw-svgs/tokens/mono/XLM.svg @@ -1,3 +1,3 @@ - + From ee6ec337843dfd889c8315fd3ec50963718ab6b9 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 3 Feb 2026 14:26:33 +0300 Subject: [PATCH 2/2] Version Packages (#181) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- .changeset/wild-clowns-invent.md | 8 -------- apps/chrome-extension/CHANGELOG.md | 9 +++++++++ apps/chrome-extension/package.json | 6 +++--- apps/figma-plugin/package.json | 4 ++-- apps/website/package.json | 6 +++--- packages/common/CHANGELOG.md | 7 +++++++ packages/common/package.json | 2 +- packages/core/CHANGELOG.md | 9 +++++++++ packages/core/package.json | 4 ++-- packages/react/CHANGELOG.md | 9 +++++++++ packages/react/package.json | 4 ++-- 11 files changed, 47 insertions(+), 21 deletions(-) delete mode 100644 .changeset/wild-clowns-invent.md create mode 100644 apps/chrome-extension/CHANGELOG.md diff --git a/.changeset/wild-clowns-invent.md b/.changeset/wild-clowns-invent.md deleted file mode 100644 index a42b2c7af..000000000 --- a/.changeset/wild-clowns-invent.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -'@web3icons/common': patch -'@web3icons/core': patch -'@web3icons/react': patch ---- - -token: replace current `POL` icon in favor of Polyon's rebranded `MATIC` icon. -token: add `branded`, `background` variants for `XLM` \ No newline at end of file diff --git a/apps/chrome-extension/CHANGELOG.md b/apps/chrome-extension/CHANGELOG.md new file mode 100644 index 000000000..c32b2a28b --- /dev/null +++ b/apps/chrome-extension/CHANGELOG.md @@ -0,0 +1,9 @@ +# @web3icons/chrome-extension + +## 1.0.1 + +### Patch Changes + +- Updated dependencies [98733c9] + - @web3icons/common@0.11.46 + - @web3icons/core@4.0.51 diff --git a/apps/chrome-extension/package.json b/apps/chrome-extension/package.json index 38e84107c..161658c40 100644 --- a/apps/chrome-extension/package.json +++ b/apps/chrome-extension/package.json @@ -1,6 +1,6 @@ { "name": "@web3icons/chrome-extension", - "version": "1.0.0", + "version": "1.0.1", "private": true, "description": "Browse and copy 2,500+ crypto icons from any tab. Tokens, networks, wallets, and exchanges in branded, mono, and background variants.", "author": "AK ", @@ -11,8 +11,8 @@ "build:js": "bun run scripts/build.ts" }, "dependencies": { - "@web3icons/core": "4.0.50", - "@web3icons/common": "0.11.45" + "@web3icons/core": "4.0.51", + "@web3icons/common": "0.11.46" }, "devDependencies": { "tailwindcss": "^4.1.11", diff --git a/apps/figma-plugin/package.json b/apps/figma-plugin/package.json index 850940303..527e2306a 100644 --- a/apps/figma-plugin/package.json +++ b/apps/figma-plugin/package.json @@ -22,8 +22,8 @@ "@create-figma-plugin/ui": "^3.1.0", "@create-figma-plugin/utilities": "^3.1.0", "preact": ">=10", - "@web3icons/core": "4.0.50", - "@web3icons/common": "0.11.45" + "@web3icons/core": "4.0.51", + "@web3icons/common": "0.11.46" }, "devDependencies": { "@create-figma-plugin/build": "^3.1.0", diff --git a/apps/website/package.json b/apps/website/package.json index b6c5762b6..48e194e80 100644 --- a/apps/website/package.json +++ b/apps/website/package.json @@ -20,9 +20,9 @@ "@types/react-dom": "^18.2.22", "@vercel/analytics": "^1.2.2", "@vercel/og": "^0.8.5", - "@web3icons/common": "0.11.45", - "@web3icons/core": "4.0.50", - "@web3icons/react": "^4.1.16", + "@web3icons/common": "0.11.46", + "@web3icons/core": "4.0.51", + "@web3icons/react": "^4.1.17", "autoprefixer": "10.4.18", "eslint": "8.57.0", "eslint-config-next": "14.1.3", diff --git a/packages/common/CHANGELOG.md b/packages/common/CHANGELOG.md index 2bb512bda..89828c95d 100644 --- a/packages/common/CHANGELOG.md +++ b/packages/common/CHANGELOG.md @@ -1,5 +1,12 @@ # @web3icons/common +## 0.11.46 + +### Patch Changes + +- 98733c9: token: replace current `POL` icon in favor of Polyon's rebranded `MATIC` icon. + token: add `branded`, `background` variants for `XLM` + ## 0.11.45 ### Patch Changes diff --git a/packages/common/package.json b/packages/common/package.json index 483caaebc..8535d5a58 100644 --- a/packages/common/package.json +++ b/packages/common/package.json @@ -11,7 +11,7 @@ "svg crypto icons", "coin icons" ], - "version": "0.11.45", + "version": "0.11.46", "private": false, "author": "0xa3k5", "license": "MIT", diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md index e0012b390..736a402d6 100644 --- a/packages/core/CHANGELOG.md +++ b/packages/core/CHANGELOG.md @@ -1,5 +1,14 @@ # @web3icons/core +## 4.0.51 + +### Patch Changes + +- 98733c9: token: replace current `POL` icon in favor of Polyon's rebranded `MATIC` icon. + token: add `branded`, `background` variants for `XLM` +- Updated dependencies [98733c9] + - @web3icons/common@0.11.46 + ## 4.0.50 ### Patch Changes diff --git a/packages/core/package.json b/packages/core/package.json index 7ca31e55b..1e8b0dd7d 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -11,7 +11,7 @@ "svg crypto icons", "coin icons" ], - "version": "4.0.50", + "version": "4.0.51", "private": false, "author": "0xa3k5", "license": "MIT", @@ -47,7 +47,7 @@ "format": "prettier --write \"**/*.{ts,js,md,json}\" --log-level error" }, "dependencies": { - "@web3icons/common": "0.11.45" + "@web3icons/common": "0.11.46" }, "devDependencies": { "bun-types": "latest", diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 73b7f2cda..f8aa12cdb 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,14 @@ # @web3icons/react +## 4.1.17 + +### Patch Changes + +- 98733c9: token: replace current `POL` icon in favor of Polyon's rebranded `MATIC` icon. + token: add `branded`, `background` variants for `XLM` +- Updated dependencies [98733c9] + - @web3icons/common@0.11.46 + ## 4.1.16 ### Patch Changes diff --git a/packages/react/package.json b/packages/react/package.json index 766d1a96d..03ba31714 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -11,7 +11,7 @@ "crypto logos", "coin icons" ], - "version": "4.1.16", + "version": "4.1.17", "private": false, "license": "MIT", "type": "module", @@ -59,7 +59,7 @@ "clean": "rm -rf dist" }, "dependencies": { - "@web3icons/common": "0.11.45" + "@web3icons/common": "0.11.46" }, "devDependencies": { "@svgr/core": "^8.1.0",