https://web3icons.com/guides Practical guides on designing and using crypto logos: icon design, SVG, accessibility, web3 UX, licensing and performance. en Sun, 01 Nov 2026 00:00:00 GMT https://web3icons.com/guides/icon-set-consistency-audit https://web3icons.com/guides/icon-set-consistency-audit Sun, 01 Nov 2026 00:00:00 GMT Icon design A practical consistency audit for a large logo library, from viewBox, padding and color to naming and missing styles, with fixes made at the source. https://web3icons.com/guides/branded-mono-background-styles https://web3icons.com/guides/branded-mono-background-styles Sun, 01 Nov 2026 00:00:00 GMT Icon design Learn what branded, mono and background icon styles are, where each works best in crypto interfaces, and how to mix them in one product without clutter. https://web3icons.com/guides/circular-vs-square-token-icons https://web3icons.com/guides/circular-vs-square-token-icons Sun, 01 Nov 2026 00:00:00 GMT Icon design Why token icons are round while wallet and exchange icons are rounded squares, and how to mix both in one list or mask logos into a shared container. https://web3icons.com/guides/crypto-icon-design-basics https://web3icons.com/guides/crypto-icon-design-basics Sun, 01 Nov 2026 00:00:00 GMT Icon design Learn what separates a good token icon from a shrunken logo, from silhouette and small-size legibility to the three jobs an icon does in a product. https://web3icons.com/guides/designing-a-favicon-for-a-crypto-project https://web3icons.com/guides/designing-a-favicon-for-a-crypto-project Sun, 01 Nov 2026 00:00:00 GMT Icon design How to design a mark that reads at 16px in light and dark tab bars, which favicon files to ship with SVG, ICO and apple-touch-icon, and how to test them. https://web3icons.com/guides/icons-on-dark-backgrounds https://web3icons.com/guides/icons-on-dark-backgrounds Sun, 01 Nov 2026 00:00:00 GMT Icon design Why black marks and deep brand colors vanish in dark interfaces, which fixes work, and how to test a whole logo set against your dark surface. https://web3icons.com/guides/designing-icons-for-16px https://web3icons.com/guides/designing-icons-for-16px Sun, 01 Nov 2026 00:00:00 GMT Icon design Learn what happens to detail, thin strokes and text when a token icon renders at 16px, which minimum sizes to aim for, and how to test at 1x and 2x. https://web3icons.com/guides/token-pair-icons https://web3icons.com/guides/token-pair-icons Sun, 01 Nov 2026 00:00:00 GMT Icon design How to build overlapping pair icons for liquidity pools, with the right overlap, a separating ring, a sensible token order, and legibility at small sizes. https://web3icons.com/guides/color-in-crypto-logos https://web3icons.com/guides/color-in-crypto-logos Sun, 01 Nov 2026 00:00:00 GMT Icon design Learn common color patterns in token and chain logos, the UI problems they cause, like look-alike neighbors and dark marks on dark themes, and the fixes. https://web3icons.com/guides/monochrome-icon-versions https://web3icons.com/guides/monochrome-icon-versions Sun, 01 Nov 2026 00:00:00 GMT Icon design Learn to turn a multi-color crypto logo into a clean single-color version with merged shapes, knockouts and gaps, and to test it on light and dark. https://web3icons.com/guides/keylines-explained https://web3icons.com/guides/keylines-explained Sun, 01 Nov 2026 00:00:00 GMT Icon design Learn how a keyline template works, what its safe area, circle, square and rectangles are for, and how to make round coins and square marks look equal. https://web3icons.com/guides/icon-naming-conventions https://web3icons.com/guides/icon-naming-conventions Sun, 01 Nov 2026 00:00:00 GMT Icon design How to name files, keys and components for thousands of crypto logos, covering tickers versus ids, collisions, case, category prefixes and search aliases. https://web3icons.com/guides/network-badges-on-token-icons https://web3icons.com/guides/network-badges-on-token-icons Sun, 01 Nov 2026 00:00:00 GMT Icon design How to design the token icon with a small chain badge, from size ratios and the cutout ring to deciding when a badge is worth showing at all. https://web3icons.com/guides/optical-balance-in-token-icons https://web3icons.com/guides/optical-balance-in-token-icons Sun, 01 Nov 2026 00:00:00 GMT Icon design Learn why a circle looks smaller than a same-width square, how overshoot fixes it, and how to balance round coins beside square wallet and exchange marks. https://web3icons.com/guides/pixel-snapping https://web3icons.com/guides/pixel-snapping Sun, 01 Nov 2026 00:00:00 GMT Icon design Learn how anti-aliasing blurs icon edges that fall between pixels, how to align edges and strokes to the pixel grid, and why it still matters at 16px. https://web3icons.com/guides/simplifying-complex-logos https://web3icons.com/guides/simplifying-complex-logos Sun, 01 Nov 2026 00:00:00 GMT Icon design Follow a step-by-step process for reducing a detailed brand logo to a clear icon, and learn what you may and may not change in a third-party mark. https://web3icons.com/guides/consistent-stroke-weights https://web3icons.com/guides/consistent-stroke-weights Sun, 01 Nov 2026 00:00:00 GMT Icon design Learn why logos from different brands look uneven side by side, how to even out their visual weight without redrawing them, and where to stop. https://web3icons.com/guides/ticker-vs-name-labels https://web3icons.com/guides/ticker-vs-name-labels Sun, 01 Nov 2026 00:00:00 GMT Icon design When to label a token icon with its ticker or its full name, why tickers are ambiguous, how networks differ from tokens, and how to fit labels in grids. https://web3icons.com/guides/exchange-logo-icons https://web3icons.com/guides/exchange-logo-icons Sun, 01 Nov 2026 00:00:00 GMT Icon design How to turn an exchange wordmark into a square icon that reads at 24px, using the official symbol, a cropped letter, a monogram or a wider slot. https://web3icons.com/guides/wallet-icon-design https://web3icons.com/guides/wallet-icon-design Sun, 01 Nov 2026 00:00:00 GMT Icon design Where wallet icons appear, from connect modals to extension toolbars and home screens, what makes one hold up, and which files wallet teams should ship. https://web3icons.com/guides/light-tiles-for-dark-logos https://web3icons.com/guides/light-tiles-for-dark-logos Sun, 01 Nov 2026 00:00:00 GMT Icon design How to detect logos that disappear on a dark surface, style the light tile you place behind them, keep tiles consistent, and choose a tile over recoloring. https://web3icons.com/guides/the-24px-icon-grid https://web3icons.com/guides/the-24px-icon-grid Sun, 01 Nov 2026 00:00:00 GMT Icon design Learn where the 24 pixel icon grid comes from, how it scales to 16, 20, 32 and 48 px, and when a 20 or 32 unit grid is the better place to start. https://web3icons.com/guides/icon-size-cheatsheet https://web3icons.com/guides/icon-size-cheatsheet Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Common pixel sizes for crypto icons in interfaces, favicons, home screen and PWA icons, with notes on device pixel ratio and touch target sizes. https://web3icons.com/guides/chain-logos-in-network-switchers https://web3icons.com/guides/chain-logos-in-network-switchers Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Use chain logos in network selectors and badges, pair them with names, tell testnets apart from mainnets that share a logo, and handle unknown chains. https://web3icons.com/guides/converting-svg-to-png https://web3icons.com/guides/converting-svg-to-png Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Work out the pixel sizes you need for 1x, 2x and 3x screens, render SVG logos to PNG with transparent backgrounds, and check the edges before you ship. https://web3icons.com/guides/crypto-logos-in-email https://web3icons.com/guides/crypto-logos-in-email Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Why SVG logos fail in many email clients, how to use 2x PNGs with width and height attributes, and how to handle dark mode and blocked images. https://web3icons.com/guides/currentcolor-in-svg https://web3icons.com/guides/currentcolor-in-svg Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos How fill set to currentColor makes a mono SVG icon follow the CSS text color through hover, focus and dark mode, and why it only works for inline SVG. https://web3icons.com/guides/showing-exchange-logos-on-price-pages https://web3icons.com/guides/showing-exchange-logos-on-price-pages Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Lay out exchange logos in market tables with consistent sizes and alignment, separate centralized exchanges from DEXs, and avoid implying an endorsement. https://web3icons.com/guides/fallback-icons-for-unknown-tokens https://web3icons.com/guides/fallback-icons-for-unknown-tokens Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Build fallback icons for tokens with no logo, from neutral initials to address-based patterns, handle broken image URLs and flag unverified tokens. https://web3icons.com/guides/how-to-download-crypto-logos-as-svg https://web3icons.com/guides/how-to-download-crypto-logos-as-svg Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Where to find crypto logos as SVG, how to tell a real vector from a bitmap wrapped in an SVG file, and how to pick the right style and size. https://web3icons.com/guides/crypto-logos-in-print https://web3icons.com/guides/crypto-logos-in-print Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Turn SVG crypto logos into print-ready files, see why screen colors shift in CMYK, pick versions for small sizes and check brand guidelines. https://web3icons.com/guides/recoloring-svg-with-css-mask https://web3icons.com/guides/recoloring-svg-with-css-mask Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Use mask-image and background-color to paint a mono SVG icon in any color straight from a URL, with prefixes, sizing, browser support and accessibility. https://web3icons.com/guides/token-logos-in-wallet-ui https://web3icons.com/guides/token-logos-in-wallet-ui Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Choose token logo sizes and styles for wallet balances, send, swap and activity screens, and handle unknown and spam tokens without cluttering the list. https://web3icons.com/guides/sizing-icons-in-lists-and-tables https://web3icons.com/guides/sizing-icons-in-lists-and-tables Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Match token icon sizes to text and row height, align icons with labels and numbers, and keep amount columns steady with tabular figures. https://web3icons.com/guides/icons-in-dark-mode-interfaces https://web3icons.com/guides/icons-in-dark-mode-interfaces Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Keep crypto logos readable in light and dark themes with per-theme files, mono versions and light tiles, plus the CSS and a way to test both. https://web3icons.com/guides/using-svg-icons-in-html https://web3icons.com/guides/using-svg-icons-in-html Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Compare the img tag, inline svg and CSS backgrounds or masks for SVG icons, with code, and see how each handles caching, styling, accessibility and IDs. https://web3icons.com/guides/token-lists-and-logouri https://web3icons.com/guides/token-lists-and-logouri Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos How the token list standard and its logoURI field supply token logos to wallets, how to resolve IPFS links, and how to cache and validate remote images. https://web3icons.com/guides/crypto-logos-in-presentations https://web3icons.com/guides/crypto-logos-in-presentations Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Get crypto logos into Keynote, PowerPoint and Google Slides sharply, size them evenly, build tidy logo walls and keep them crisp in exported PDFs. https://web3icons.com/guides/using-crypto-icons-in-figma https://web3icons.com/guides/using-crypto-icons-in-figma Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Bring SVG crypto logos into Figma as editable vectors, build a component with branded, mono and background variants, recolor mono icons and export cleanly. https://web3icons.com/guides/using-svg-icons-in-react https://web3icons.com/guides/using-svg-icons-in-react Sun, 01 Nov 2026 00:00:00 GMT Using crypto logos Use SVG logo files in React with plain img tags or hand-made components, add size and color props, and keep gradient IDs unique with useId. https://web3icons.com/guides/editing-svg-by-hand https://web3icons.com/guides/editing-svg-by-hand Sun, 01 Nov 2026 00:00:00 GMT SVG A walk through an icon file in a text editor, from the root element to paths and attributes, plus small edits you can safely make without a design tool. https://web3icons.com/guides/svg-fill-rule https://web3icons.com/guides/svg-fill-rule Sun, 01 Nov 2026 00:00:00 GMT SVG How nonzero and evenodd decide which parts of a path get filled, why holes in logos vanish in some tools, and how to make icons render the same everywhere. https://web3icons.com/guides/svg-gradients-and-clip-paths https://web3icons.com/guides/svg-gradients-and-clip-paths Sun, 01 Nov 2026 00:00:00 GMT SVG How SVG gradients, clip paths and masks work, what gradientUnits changes, and why they break when an icon is resized, recolored or inlined many times. https://web3icons.com/guides/svg-file-size-budget https://web3icons.com/guides/svg-file-size-budget Sun, 01 Nov 2026 00:00:00 GMT SVG Typical file sizes for simple and complex logo SVGs, what makes an icon file bloated, and how to set and enforce a size budget for an icon library. https://web3icons.com/guides/inline-svg-vs-img https://web3icons.com/guides/inline-svg-vs-img Sun, 01 Nov 2026 00:00:00 GMT SVG A side-by-side comparison of inline SVG, img tags and CSS backgrounds for icons, covering caching, styling, scripts, accessibility and performance. https://web3icons.com/guides/svg-security https://web3icons.com/guides/svg-security Sun, 01 Nov 2026 00:00:00 GMT SVG When an SVG can run code, why the same file is safe in an img tag but risky inline or at its own URL, and how to handle uploads and token logos. https://web3icons.com/guides/scaling-svg-responsively https://web3icons.com/guides/scaling-svg-responsively Sun, 01 Nov 2026 00:00:00 GMT SVG How to size SVG icons and logos with CSS so they fill containers, follow text size and keep their shape without stretching or shifting the layout. https://web3icons.com/guides/optimizing-svg-files https://web3icons.com/guides/optimizing-svg-files Sun, 01 Nov 2026 00:00:00 GMT SVG Which parts of an exported SVG you can strip safely, which ones you must keep, which edits look harmless but are not, and how to verify the result. https://web3icons.com/guides/svg-strokes-vs-fills https://web3icons.com/guides/svg-strokes-vs-fills Sun, 01 Nov 2026 00:00:00 GMT SVG Stroke-based versus fill-based SVG icons, why logo sets outline their strokes, and what non-scaling-stroke does to recoloring and scaling. https://web3icons.com/guides/svg-favicons https://web3icons.com/guides/svg-favicons Sun, 01 Nov 2026 00:00:00 GMT SVG How to ship an SVG favicon with dark mode support, which fallbacks to keep for browsers and home screens, and why favicon updates can take a while to show. https://web3icons.com/guides/svg-id-collisions https://web3icons.com/guides/svg-id-collisions Sun, 01 Nov 2026 00:00:00 GMT SVG Why inline SVG icons with gradients, clip paths or masks break when they repeat on a page, how to find duplicate IDs, and four ways to fix them. https://web3icons.com/guides/svg-paths-explained https://web3icons.com/guides/svg-paths-explained Sun, 01 Nov 2026 00:00:00 GMT SVG How to read the d attribute of an SVG path, from simple lines to curves and arcs, and why paths exported from design tools look so dense. https://web3icons.com/guides/svg-sprites https://web3icons.com/guides/svg-sprites Sun, 01 Nov 2026 00:00:00 GMT SVG How to bundle icons into an SVG sprite with symbol and use, style them across the shadow boundary, and decide when a sprite is worth it. https://web3icons.com/guides/svg-vs-png-vs-webp https://web3icons.com/guides/svg-vs-png-vs-webp Sun, 01 Nov 2026 00:00:00 GMT SVG How to choose between SVG, PNG and WebP for a logo based on where it will be shown, from web apps to email, link previews, app stores and slides. https://web3icons.com/guides/svgo-settings-for-icons https://web3icons.com/guides/svgo-settings-for-icons Sun, 01 Nov 2026 00:00:00 GMT SVG A practical SVGO setup for an icon library that keeps the viewBox, prefixes IDs, picks a sensible precision and runs the same way in every build. https://web3icons.com/guides/understanding-viewbox https://web3icons.com/guides/understanding-viewbox Sun, 01 Nov 2026 00:00:00 GMT SVG What the four numbers in an SVG viewBox mean, how they interact with width, height and preserveAspectRatio, and how to fix cropped or badly padded icons. https://web3icons.com/guides/svg-in-css https://web3icons.com/guides/svg-in-css Sun, 01 Nov 2026 00:00:00 GMT SVG How to encode SVG for CSS data URIs, when to use background-image versus mask-image, and when a separate SVG file is the better choice for caching. https://web3icons.com/guides/what-is-svg https://web3icons.com/guides/what-is-svg Sun, 01 Nov 2026 00:00:00 GMT SVG How SVG describes shapes as text instead of pixels, how it compares with PNG and WebP, and why that makes it the default format for logos and icons. https://web3icons.com/guides/accessible-charts-in-crypto-dashboards https://web3icons.com/guides/accessible-charts-in-crypto-dashboards Sun, 01 Nov 2026 00:00:00 GMT Accessibility How to make crypto price charts accessible with text summaries, data tables, patterns as well as colors, and tooltips that work without a mouse. https://web3icons.com/guides/accessible-svg-markup https://web3icons.com/guides/accessible-svg-markup Sun, 01 Nov 2026 00:00:00 GMT Accessibility How to mark up inline SVG icons for screen readers with role img, aria-label, title and aria-hidden, and how to check the result with real screen readers. https://web3icons.com/guides/alt-text-for-logos https://web3icons.com/guides/alt-text-for-logos Sun, 01 Nov 2026 00:00:00 GMT Accessibility How to write alt text for logos and token icons, when an icon beside visible text needs empty alt, and how to handle linked logos in lists and tables. https://web3icons.com/guides/accessible-transaction-status https://web3icons.com/guides/accessible-transaction-status Sun, 01 Nov 2026 00:00:00 GMT Accessibility How to use role=status, role=alert and aria-live to announce pending, confirmed and failed transactions under WCAG 4.1.3 without flooding users. https://web3icons.com/guides/apca-vs-wcag2-contrast https://web3icons.com/guides/apca-vs-wcag2-contrast Sun, 01 Nov 2026 00:00:00 GMT Accessibility What APCA measures, how it differs from the WCAG 2 contrast ratio, why it is not part of WCAG 2 conformance, and how to use both without confusion. https://web3icons.com/guides/color-contrast-ratio-explained https://web3icons.com/guides/color-contrast-ratio-explained Sun, 01 Nov 2026 00:00:00 GMT Accessibility How WCAG contrast ratios are calculated from relative luminance, which thresholds apply to text and icons, what counts as large text, and how to check. https://web3icons.com/guides/dark-mode-accessibility https://web3icons.com/guides/dark-mode-accessibility Sun, 01 Nov 2026 00:00:00 GMT Accessibility How contrast rules apply in dark themes, why pure black and white can backfire, and how to keep colored text, logos and focus rings visible. https://web3icons.com/guides/decorative-vs-informative-icons https://web3icons.com/guides/decorative-vs-informative-icons Sun, 01 Nov 2026 00:00:00 GMT Accessibility A quick test for deciding whether an icon is decorative or informative, how to hide it with alt and aria-hidden, and how to avoid double announcements. https://web3icons.com/guides/focus-visible-styles https://web3icons.com/guides/focus-visible-styles Sun, 01 Nov 2026 00:00:00 GMT Accessibility How to design focus indicators that meet WCAG 2.4.7, when to use focus-visible, outline versus box-shadow rings, focus contrast, and design system tokens. https://web3icons.com/guides/dont-rely-on-color-alone https://web3icons.com/guides/dont-rely-on-color-alone Sun, 01 Nov 2026 00:00:00 GMT Accessibility How WCAG 1.4.1 applies to red and green price changes, chart lines, status dots and form errors, and which signs, labels and patterns fix them. https://web3icons.com/guides/focus-not-obscured https://web3icons.com/guides/focus-not-obscured Sun, 01 Nov 2026 00:00:00 GMT Accessibility How sticky headers, banners and bottom sheets hide focused elements, what WCAG 2.4.11 and 2.4.12 require, and fixes such as scroll-padding and inert. https://web3icons.com/guides/icon-only-buttons https://web3icons.com/guides/icon-only-buttons Sun, 01 Nov 2026 00:00:00 GMT Accessibility How to name copy, download, close and settings buttons that show only an icon, why tooltips are not labels, and how WCAG 2.5.3 Label in Name applies. https://web3icons.com/guides/keyboard-navigation-in-icon-grids https://web3icons.com/guides/keyboard-navigation-in-icon-grids Sun, 01 Nov 2026 00:00:00 GMT Accessibility How to make a large icon grid work by keyboard with one tab stop, roving tabindex, arrow keys and Home and End, plus a short React sketch. https://web3icons.com/guides/accessible-token-amounts https://web3icons.com/guides/accessible-token-amounts Sun, 01 Nov 2026 00:00:00 GMT Accessibility How to format token amounts, compact numbers, tickers and price changes so they read well aloud, and how to handle live prices without flooding users. https://web3icons.com/guides/accessible-wallet-connect-modals https://web3icons.com/guides/accessible-wallet-connect-modals Sun, 01 Nov 2026 00:00:00 GMT Accessibility How to build a connect-wallet modal with real dialog semantics, managed focus, wallet buttons named by text, and status messages for pending requests. https://web3icons.com/guides/non-text-contrast-for-icons https://web3icons.com/guides/non-text-contrast-for-icons Sun, 01 Nov 2026 00:00:00 GMT Accessibility What WCAG 1.4.11 asks of icons, controls and focus indicators, what it leaves out such as logos, and how to apply the 3:1 ratio to icon buttons. https://web3icons.com/guides/reduced-motion https://web3icons.com/guides/reduced-motion Sun, 01 Nov 2026 00:00:00 GMT Accessibility How to read the prefers-reduced-motion setting, which animations to cut or replace, and what WCAG 2.3.3 and 2.2.2 ask of moving content. https://web3icons.com/guides/screen-readers-and-crypto-addresses https://web3icons.com/guides/screen-readers-and-crypto-addresses Sun, 01 Nov 2026 00:00:00 GMT Accessibility How screen readers handle 0x and Base58 addresses, how to give truncated addresses a usable name, and how to label copy buttons and ENS names. https://web3icons.com/guides/target-size https://web3icons.com/guides/target-size Sun, 01 Nov 2026 00:00:00 GMT Accessibility What WCAG 2.5.8 and 2.5.5 require for target size, how the 24px spacing exception works, and how to size copy buttons, icon buttons and grid cells. https://web3icons.com/guides/accessibility-testing-tools https://web3icons.com/guides/accessibility-testing-tools Sun, 01 Nov 2026 00:00:00 GMT Accessibility What automated checkers catch and miss, how to test with a keyboard and a screen reader, and which contrast and zoom checks to add to each release. https://web3icons.com/guides/wcag-levels-a-aa-aaa https://web3icons.com/guides/wcag-levels-a-aa-aaa Sun, 01 Nov 2026 00:00:00 GMT Accessibility What the WCAG conformance levels A, AA and AAA mean, why AA is the usual target, which criteria sit at each level, and how page conformance works. https://web3icons.com/guides/whats-new-in-wcag-2-2 https://web3icons.com/guides/whats-new-in-wcag-2-2 Sun, 01 Nov 2026 00:00:00 GMT Accessibility The nine success criteria WCAG 2.2 added, their levels, why 4.1.1 Parsing was removed, and what each change means for wallets, swaps and dApps. https://web3icons.com/guides/what-is-wcag https://web3icons.com/guides/what-is-wcag Sun, 01 Nov 2026 00:00:00 GMT Accessibility An introduction to WCAG covering who publishes it, how versions 2.0, 2.1 and 2.2 differ, the four principles, and why it matters for crypto products. https://web3icons.com/guides/token-selector-design https://web3icons.com/guides/token-selector-design Sun, 01 Nov 2026 00:00:00 GMT Web3 UX How to build a token selector with search by name, ticker and address, popular tokens first, balances, chain badges and safe imports for unknown tokens. https://web3icons.com/guides/crypto-dashboard-design https://web3icons.com/guides/crypto-dashboard-design Sun, 01 Nov 2026 00:00:00 GMT Web3 UX How to keep a crypto dashboard readable with a clear hierarchy, tabular numbers, color used only for meaning, sensible density and logos as scanning aids. https://web3icons.com/guides/multichain-ux https://web3icons.com/guides/multichain-ux Sun, 01 Nov 2026 00:00:00 GMT Web3 UX How to show balances across many chains, use chain logos and badges, decide when to group or split the same asset, and signal when a bridge is needed. https://web3icons.com/guides/wallet-connection-ux https://web3icons.com/guides/wallet-connection-ux Sun, 01 Nov 2026 00:00:00 GMT Web3 UX When to ask for a wallet connection, how to list and label wallets, EIP-6963 discovery, mobile deep links and QR codes, and remembering the last wallet. https://web3icons.com/guides/displaying-wallet-addresses https://web3icons.com/guides/displaying-wallet-addresses Sun, 01 Nov 2026 00:00:00 GMT Web3 UX How to truncate wallet addresses safely, keep EIP-55 checksum casing, show ENS names and avatars, build copy buttons, and limit address poisoning risk. https://web3icons.com/guides/empty-states-in-wallets https://web3icons.com/guides/empty-states-in-wallets Sun, 01 Nov 2026 00:00:00 GMT Web3 UX What an empty balance, empty activity feed or empty NFT tab should explain and offer, how to tell empty from loading, and how to avoid dead ends. https://web3icons.com/guides/fake-tokens-and-logo-spoofing https://web3icons.com/guides/fake-tokens-and-logo-spoofing Sun, 01 Nov 2026 00:00:00 GMT Web3 UX Why a token logo proves nothing, how scam tokens copy names and tickers, and how to use contract addresses, verified lists and warnings to protect people. https://web3icons.com/guides/formatting-token-amounts https://web3icons.com/guides/formatting-token-amounts Sun, 01 Nov 2026 00:00:00 GMT Web3 UX How to turn raw token integers into readable amounts, pick decimals and significant digits, format per locale, add fiat values and never hide a balance. https://web3icons.com/guides/signing-messages-ux https://web3icons.com/guides/signing-messages-ux Sun, 01 Nov 2026 00:00:00 GMT Web3 UX Why raw signature prompts confuse people and how EIP-712 typed data, Sign-In with Ethereum and clear explanations before the request make signing readable. https://web3icons.com/guides/mobile-wallet-ui-patterns https://web3icons.com/guides/mobile-wallet-ui-patterns Sun, 01 Nov 2026 00:00:00 GMT Web3 UX Practical mobile wallet patterns for bottom sheets, thumb reach, touch targets, biometric confirmation, QR scanning and token rows that fit small screens. https://web3icons.com/guides/network-switching-ux https://web3icons.com/guides/network-switching-ux Sun, 01 Nov 2026 00:00:00 GMT Web3 UX How to detect when a wallet is on the wrong network, ask it to switch or add a chain, show the current network clearly, and keep testnets obvious. https://web3icons.com/guides/nft-vs-token-imagery https://web3icons.com/guides/nft-vs-token-imagery Sun, 01 Nov 2026 00:00:00 GMT Web3 UX Why token logos and NFT images do different jobs, and how to handle aspect ratios, cropping, loading and layout so the two never get confused in a wallet. https://web3icons.com/guides/onboarding-new-crypto-users https://web3icons.com/guides/onboarding-new-crypto-users Sun, 01 Nov 2026 00:00:00 GMT Web3 UX How to introduce wallets, seed phrases and fees to newcomers with progressive disclosure, calm explanations, sensible defaults and room to explore first. https://web3icons.com/guides/transaction-states https://web3icons.com/guides/transaction-states Sun, 01 Nov 2026 00:00:00 GMT Web3 UX The full transaction lifecycle from signature request to confirmed, failed or replaced, what to show at each step, explorer links and how to recover. https://web3icons.com/guides/gas-fee-ux https://web3icons.com/guides/gas-fee-ux Sun, 01 Nov 2026 00:00:00 GMT Web3 UX How to show network fees in local currency and native token, present estimates and ranges, offer speed options, handle spikes and explain fees plainly. https://web3icons.com/guides/trust-signals-in-web3 https://web3icons.com/guides/trust-signals-in-web3 Sun, 01 Nov 2026 00:00:00 GMT Web3 UX What builds trust in a web3 interface and what erodes it, from checkable contract addresses and linked audits to honest fees and readable signatures. https://web3icons.com/guides/web3-ux-basics https://web3icons.com/guides/web3-ux-basics Sun, 01 Nov 2026 00:00:00 GMT Web3 UX The moments where people give up on a dApp, from wallet prompts and jargon to signatures, fees and waiting, and how to make each one easier. https://web3icons.com/guides/error-messages-in-dapps https://web3icons.com/guides/error-messages-in-dapps Sun, 01 Nov 2026 00:00:00 GMT Web3 UX How to turn raw RPC and wallet errors into messages that say what happened, why it happened and what to do next, with before and after examples. https://web3icons.com/guides/modifying-brand-logos https://web3icons.com/guides/modifying-brand-logos Sun, 01 Nov 2026 00:00:00 GMT Brands and licensing Which logo changes are routine for icons, which ones brand guidelines usually forbid, and how to check that an adapted logo stays faithful. https://web3icons.com/guides/crypto-logo-trademarks https://web3icons.com/guides/crypto-logo-trademarks Sun, 01 Nov 2026 00:00:00 GMT Brands and licensing Learn what a trademark protects, how referring to a crypto brand differs from borrowing it, and why an icon set license never covers the brand itself. https://web3icons.com/guides/attribution-for-icon-sets https://web3icons.com/guides/attribution-for-icon-sets Sun, 01 Nov 2026 00:00:00 GMT Brands and licensing Where to credit an icon set in websites, apps, repositories and design files, what the credit should say, and how to word it after modifying icons. https://web3icons.com/guides/open-source-icon-licenses https://web3icons.com/guides/open-source-icon-licenses Sun, 01 Nov 2026 00:00:00 GMT Brands and licensing What MIT, ISC, Apache 2.0, CC BY 4.0, CC0 and the SIL Open Font License each require for icon sets, and why none of them grants trademark rights. https://web3icons.com/guides/partner-logo-walls https://web3icons.com/guides/partner-logo-walls Sun, 01 Nov 2026 00:00:00 GMT Brands and licensing How to build an even partner logo grid by normalizing size and weight, choosing mono or color, spacing cells, linking logos and keeping claims true. https://web3icons.com/guides/press-kits-and-brand-guidelines https://web3icons.com/guides/press-kits-and-brand-guidelines Sun, 01 Nov 2026 00:00:00 GMT Brands and licensing Where crypto projects publish official logo files, what their brand guidelines usually contain, and how to check an icon library version against them. https://web3icons.com/guides/mit-license-explained https://web3icons.com/guides/mit-license-explained Sun, 01 Nov 2026 00:00:00 GMT Brands and licensing A clause by clause reading of the MIT license for designers, covering what it lets you do with icons, its one condition, and what it leaves out. https://web3icons.com/guides/using-logos-in-marketing https://web3icons.com/guides/using-logos-in-marketing Sun, 01 Nov 2026 00:00:00 GMT Brands and licensing How to show supported chains, wallets and partners in marketing without implying endorsement, while following press kit rules and asking before ads. https://web3icons.com/guides/caching-svg-files https://web3icons.com/guides/caching-svg-files Sun, 01 Nov 2026 00:00:00 GMT Performance How to cache SVG icon files with Cache-Control, immutable and stale-while-revalidate, content-hashed file names, the right content type and a CDN. https://web3icons.com/guides/client-side-search-for-icon-libraries https://web3icons.com/guides/client-side-search-for-icon-libraries Sun, 01 Nov 2026 00:00:00 GMT Performance How to search a few thousand icons in the browser with ranked exact, prefix and substring matches, aliases, responsive typing and a URL kept in sync. https://web3icons.com/guides/copy-to-clipboard-pitfalls https://web3icons.com/guides/copy-to-clipboard-pitfalls Sun, 01 Nov 2026 00:00:00 GMT Performance How the async Clipboard API works, why copies fail on plain http or after an await in Safari, which fallbacks still work, and how to confirm a copy. https://web3icons.com/guides/icon-fonts-vs-svg https://web3icons.com/guides/icon-fonts-vs-svg Sun, 01 Nov 2026 00:00:00 GMT Performance Why icon fonts gave way to SVG, covering accessibility, color and rendering problems, where icon fonts still make sense, and how to migrate step by step. https://web3icons.com/guides/infinite-scroll-vs-pagination https://web3icons.com/guides/infinite-scroll-vs-pagination Sun, 01 Nov 2026 00:00:00 GMT Performance Infinite scroll, pagination or a show more button for icon galleries, compared on findability, footer access, keyboard users and scroll restoration. https://web3icons.com/guides/lazy-loading-icons https://web3icons.com/guides/lazy-loading-icons Sun, 01 Nov 2026 00:00:00 GMT Performance How to lazy load icons with native attributes and IntersectionObserver, reserve space to avoid layout shift, and decide which icons to load right away. https://web3icons.com/guides/rendering-thousands-of-icons https://web3icons.com/guides/rendering-thousands-of-icons Sun, 01 Nov 2026 00:00:00 GMT Performance How to keep a page with thousands of logos fast, covering DOM size, image decoding, paging versus virtualization, content-visibility and lazy loading. https://web3icons.com/guides/downloading-files-in-the-browser https://web3icons.com/guides/downloading-files-in-the-browser Sun, 01 Nov 2026 00:00:00 GMT Performance How to trigger downloads with Blob and object URLs and the download attribute, name files clearly, revoke URLs and generate SVG files on the fly. https://web3icons.com/guides/static-site-generation-for-icon-libraries https://web3icons.com/guides/static-site-generation-for-icon-libraries Sun, 01 Nov 2026 00:00:00 GMT Performance Why pre-rendering every icon page at build time suits icon libraries, how to manage build time for thousands of pages, and how to write their sitemaps.