Emojis & Icons

How NoNex Handles Emojis & Icons

1. 1.a.i.

   Twemoji Integration

   All emojis in your site are converted to Twemoji SVGs by default. During the build process, we transform text-based emojis into <img> tags that link directly to the correct Twemoji SVG URLs, such as: cdn.jsdelivr.net

   https://cdn.jsdelivr.net/gh/jdecked/twemoji@latest/assets/svg/2665.svg

   This makes emojis static assets, ensuring they don’t need to be rendered separately on every client page, boosting performance and consistency.

   GitHub - jdecked/twemoji: Emoji for everyone.

   Emoji for everyone. Contribute to jdecked/twemoji development by creating an account on GitHub.

   

   https://github.com/jdecked/twemoji

   

2. 2.b.ii.

   Notion Icon Support
   • Supports dark mode and light mode icons.
   • Icons adjust dynamically to match the website’s theme.
3. 3.c.iii.

   Custom Emoji & Icon Uploads
   • You can upload any custom emoji or icon of your choice.
   • NoNex will render these as static assets for your site.
4. 4.d.iv.

   External Icon URLs
   • Simply copy the external icon's URL and paste it into NoNex.
   • The platform will render these icons directly from the given URL.
5. 5.e.v.

   Best Practices for Emoji & Icon Hosting

   

   • Do not upload icons or emojis directly to Notion, as Notion stores these files in temporary AWS buckets, which expire after a few hours.
   • Always upload your icons and emojis to a CDN like Cloudinary or similar services, and use the hosted URL for reliable rendering.

6. 6.f.vi.

   Why Twemoji?

   Notion adjusts emojis based on the user's device (e.g., Android, iOS, or web). To ensure consistency and better performance, NoNex always uses Twemoji for rendering emojis across all devices and platforms.

With NoNex, you get robust support for emojis and icons, ensuring consistency, performance, and flexibility for custom designs.