From 2c5f3834c4105e328a7b3a90e3b1ff2cd91930cb Mon Sep 17 00:00:00 2001
From: April Smith <april.smith@ably.com>
Date: Fri, 9 Jan 2026 17:19:33 +0000
Subject: [PATCH] feat: add new display icons for product pages

---
 package.json                                          |  2 +-
 .../icons/display/icon-display-ephemeral-messages.svg |  6 ++++++
 .../display/icon-display-message-annotations.svg      | 11 +++++++++++
 3 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 src/core/icons/display/icon-display-ephemeral-messages.svg
 create mode 100644 src/core/icons/display/icon-display-message-annotations.svg

diff --git a/package.json b/package.json
index 30805c5cb..24810952f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "17.11.2",
+  "version": "17.11.3",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",
diff --git a/src/core/icons/display/icon-display-ephemeral-messages.svg b/src/core/icons/display/icon-display-ephemeral-messages.svg
new file mode 100644
index 000000000..9cff8f4e5
--- /dev/null
+++ b/src/core/icons/display/icon-display-ephemeral-messages.svg
@@ -0,0 +1,6 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.75 21.75C0.75 33.348 10.152 42.75 21.75 42.75C33.348 42.75 42.75 33.348 42.75 21.75C42.75 10.152 33.348 0.75 21.75 0.75" stroke="#FF5416" stroke-width="1.5" stroke-linecap="round" stroke-dasharray="1.5 5"/>
+<rect x="10.75" y="13.75" width="22" height="16" rx="1.86335" stroke="#03020D" stroke-width="1.60714"/>
+<path d="M11.75 14.75L22.0601 21.75L31.75 14.75" stroke="#03020D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.75 21.75C0.75 10.152 10.152 0.75 21.75 0.75" stroke="#FF5416" stroke-width="1.5" stroke-linecap="round" stroke-dasharray="1.5 5"/>
+</svg>
diff --git a/src/core/icons/display/icon-display-message-annotations.svg b/src/core/icons/display/icon-display-message-annotations.svg
new file mode 100644
index 000000000..072ba500e
--- /dev/null
+++ b/src/core/icons/display/icon-display-message-annotations.svg
@@ -0,0 +1,11 @@
+<svg width="45" height="48" viewBox="0 0 45 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.1372 42.3263C15.9301 42.685 15.4714 42.8079 15.1127 42.6008L15.1026 42.595C14.7439 42.3879 14.621 41.9292 14.8281 41.5705C15.0352 41.2118 15.4939 41.0889 15.8526 41.296L15.8627 41.3018C16.2214 41.5089 16.3443 41.9676 16.1372 42.3263ZM28.8632 42.3263C28.6561 41.9676 28.779 41.5089 29.1377 41.3018L29.1477 41.296C29.5064 41.0889 29.9651 41.2118 30.1722 41.5705C30.3793 41.9292 30.2564 42.3879 29.8977 42.595L29.8877 42.6008C29.529 42.8079 29.0703 42.685 28.8632 42.3263ZM33.8807 39.4294C33.6736 39.0707 33.7965 38.612 34.1552 38.4049L34.1652 38.3991C34.5239 38.192 34.9826 38.3149 35.1897 38.6736C35.3968 39.0324 35.2739 39.4911 34.9152 39.6982L34.9052 39.7039C34.5465 39.911 34.0878 39.7881 33.8807 39.4294ZM11.1197 39.4294C10.9126 39.7881 10.4539 39.911 10.0951 39.7039L10.0851 39.6982C9.72641 39.4911 9.6035 39.0324 9.81061 38.6736C10.0177 38.3149 10.4764 38.192 10.8351 38.3991L10.8451 38.4049C11.2039 38.612 11.3268 39.0707 11.1197 39.4294ZM41.5527 27.6526C41.1385 27.6526 40.8027 27.3168 40.8027 26.9026L40.8027 26.8911C40.8027 26.4768 41.1385 26.1411 41.5527 26.1411C41.9669 26.1411 42.3027 26.4768 42.3027 26.8911L42.3027 26.9026C42.3027 27.3168 41.9669 27.6526 41.5527 27.6526ZM3.44762 27.6526C3.0334 27.6526 2.69762 27.3168 2.69762 26.9026L2.69762 26.891C2.69762 26.4768 3.0334 26.141 3.44762 26.141C3.86183 26.141 4.19762 26.4768 4.19762 26.891L4.19762 26.9026C4.19762 27.3168 3.86183 27.6526 3.44762 27.6526ZM41.5527 21.8589C41.1385 21.8589 40.8027 21.5231 40.8027 21.1089L40.8027 21.0973C40.8027 20.6831 41.1385 20.3473 41.5527 20.3473C41.9669 20.3473 42.3027 20.6831 42.3027 21.0973L42.3027 21.1089C42.3027 21.5231 41.9669 21.8589 41.5527 21.8589ZM3.44762 21.8589C3.0334 21.8589 2.69762 21.5231 2.69762 21.1089L2.69762 21.0973C2.69762 20.6831 3.0334 20.3473 3.44762 20.3473C3.86183 20.3473 4.19762 20.6831 4.19762 21.0973L4.19762 21.1089C4.19762 21.5231 3.86183 21.8589 3.44762 21.8589ZM35.1897 9.32629C34.9826 9.68501 34.5239 9.80791 34.1652 9.60081L34.1552 9.59503C33.7965 9.38792 33.6736 8.92923 33.8807 8.57051C34.0878 8.21179 34.5465 8.08888 34.9052 8.29599L34.9152 8.30177C35.2739 8.50888 35.3969 8.96757 35.1897 9.32629ZM9.81061 9.32629C9.60351 8.96757 9.72641 8.50887 10.0851 8.30177L10.0951 8.29599C10.4539 8.08888 10.9126 8.21179 11.1197 8.5705C11.3268 8.92922 11.2039 9.38792 10.8451 9.59503L10.8351 9.6008C10.4764 9.80791 10.0177 9.68501 9.81061 9.32629ZM30.1722 6.42942C29.9651 6.78814 29.5064 6.91105 29.1477 6.70394L29.1377 6.69816C28.779 6.49105 28.6561 6.03236 28.8632 5.67364C29.0703 5.31492 29.529 5.19202 29.8877 5.39912L29.8977 5.4049C30.2564 5.61201 30.3793 6.0707 30.1722 6.42942ZM14.8281 6.42942C14.621 6.0707 14.7439 5.61201 15.1027 5.4049L15.1127 5.39912C15.4714 5.19201 15.9301 5.31492 16.1372 5.67364C16.3443 6.03236 16.2214 6.49105 15.8627 6.69816L15.8527 6.70394C15.4939 6.91105 15.0352 6.78814 14.8281 6.42942Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5 8C24.7091 8 26.5 6.20914 26.5 4C26.5 1.79086 24.7091 0 22.5 0C20.2909 0 18.5 1.79086 18.5 4C18.5 6.20914 20.2909 8 22.5 8Z" fill="#FF5416"/>
+<path d="M40.5 38C42.7091 38 44.5 36.2091 44.5 34C44.5 31.7909 42.7091 30 40.5 30C38.2909 30 36.5 31.7909 36.5 34C36.5 36.2091 38.2909 38 40.5 38Z" fill="#FF5416"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.90967 10C1.35738 10 0.909668 10.4477 0.909668 11V17C0.909668 17.5523 1.35738 18 1.90967 18H7.90967C8.46195 18 8.90967 17.5523 8.90967 17V11C8.90967 10.4477 8.46195 10 7.90967 10H1.90967Z" fill="#FF5416"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 40C18.9477 40 18.5 40.4477 18.5 41V47C18.5 47.5523 18.9477 48 19.5 48H25.5C26.0523 48 26.5 47.5523 26.5 47V41C26.5 40.4477 26.0523 40 25.5 40H19.5Z" fill="#FF5416"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41.366 10.5C40.9811 9.83333 40.0189 9.83333 39.634 10.5L36.1699 16.5C35.785 17.1667 36.2661 18 37.0359 18H43.9641C44.7339 18 45.215 17.1667 44.8301 16.5L41.366 10.5Z" fill="#FF5416"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.33162 30.5C4.94672 29.8333 3.98447 29.8333 3.59957 30.5L0.135467 36.5C-0.249434 37.1667 0.231691 38 1.00149 38H7.92969C8.69949 38 9.18062 37.1667 8.79572 36.5L5.33162 30.5Z" fill="#FF5416"/>
+<rect x="12.6875" y="17" width="20.125" height="14" rx="1.75" stroke="#03020D" stroke-width="1.5"/>
+<path d="M13.3437 17.6562L23.0417 24.4375L32.1562 17.6562" stroke="#03020D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>