UX: unify ai representing icon (#24029)

This PR addresses the push to unify the icon representing AI throughout Discourse, by using the discourse-sparkles icon.

The icon is being moved to core to make changes with dependencies included in core that were using the "magic" icon instead.

In 2 places "magic" -> "discourse-sparkles,
1. topic summaries
2. (unreleased) chat summaries example

app/assets/javascripts/discourse/app/components/summary-box.js

@@ -21,7 +21,7 @@ export default class SummaryBox extends Component {
   }
 
   get generateSummaryIcon() {
-    return this.summary.canRegenerate ? "sync" : "magic";
+    return this.summary.canRegenerate ? "sync" : "discourse-sparkles";
   }
 
   get outdatedSummaryWarningText() {

lib/svg_sprite.rb

@@ -73,6 +73,7 @@ module SvgSprite
         discourse-emojis
         discourse-expand
         discourse-other-tab
+        discourse-sparkles
         discourse-threads
         download
         ellipsis-h

plugins/chat/assets/javascripts/discourse/initializers/chat-setup.js

@@ -112,7 +112,7 @@ export default {
         api.registerChatComposerButton({
           translatedLabel: "chat.summarization.title",
           id: "channel-summary",
-          icon: "magic",
+          icon: "discourse-sparkles",
           position: "dropdown",
           action: "showChannelSummaryModal",
         });

vendor/assets/svg-icons/discourse-additional.svg

@@ -65,4 +65,9 @@ Additional SVG icons
     <circle id="icon-bookmark__delete-x" cx="11.5" cy="6.5" r="3.5" fill="var(--secondary)"/>
     <path id="icon-bookmark__delete-bg" d="M11 1.40625C13.6758 1.40625 15.8438 3.57422 15.8438 6.25C15.8438 8.92578 13.6758 11.0938 11 11.0938C8.32422 11.0938 6.15625 8.92578 6.15625 6.25C6.15625 3.57422 8.32422 1.40625 11 1.40625ZM13.3633 7.53906L12.0938 6.25L13.3633 4.98047C13.4609 4.90234 13.4609 4.74609 13.3633 4.64844L12.6016 3.88672C12.5039 3.78906 12.3477 3.78906 12.2695 3.88672L11 5.15625L9.73047 3.88672C9.63281 3.78906 9.47656 3.78906 9.39844 3.88672L8.61719 4.64844C8.51953 4.74609 8.51953 4.90234 8.61719 4.98047L9.90625 6.25L8.61719 7.51953C8.51953 7.61719 8.51953 7.77344 8.61719 7.85156L9.37891 8.63281C9.47656 8.73047 9.63281 8.73047 9.71094 8.63281L11 7.34375L12.2695 8.63281C12.3477 8.73047 12.5039 8.73047 12.6016 8.63281L13.3633 7.87109C13.4609 7.77344 13.4609 7.61719 13.3633 7.53906Z" fill="var(--danger)"/>
   </symbol>
+  <symbol id="discourse-sparkles" viewBox="0 0 563 541">
+    <path d="M352.5 0C352.5 0 358.001 40.4652 373.702 57.2979C390.639 75.4553 431 78.5 431 78.5C431 78.5 390.639 81.5447 373.702 99.7021C358.001 116.535 352.5 157 352.5 157C352.5 157 346.999 116.535 331.298 99.7021C314.361 81.5447 274 78.5 274 78.5C274 78.5 314.361 75.4553 331.298 57.2979C346.999 40.4652 352.5 0 352.5 0Z"/>
+    <path d="M475 61C475 61 481.166 110.486 498.768 131.071C517.755 153.277 563 157 563 157C563 157 517.755 160.723 498.768 182.929C481.166 203.514 475 253 475 253C475 253 468.834 203.514 451.232 182.929C432.245 160.723 387 157 387 157C387 157 432.245 153.277 451.232 131.071C468.834 110.486 475 61 475 61Z"/>
+    <path d="M237.5 0C237.5 0 254.142 139.438 301.647 197.44C352.89 260.009 475 270.5 475 270.5C475 270.5 352.89 280.991 301.647 343.56C254.142 401.562 237.5 541 237.5 541C237.5 541 220.858 401.562 173.353 343.56C122.11 280.991 0 270.5 0 270.5C0 270.5 122.11 260.009 173.353 197.44C220.858 139.438 237.5 0 237.5 0Z"/>
+  </symbol>
 </svg>