Add outlined sparkle icon (#1097)

TylerJDev · CameronFoxly · actions-user · web-flow · commit ce04eca0b9c3 · 2025-06-24T15:11:16.000-07:00
* Add outlined sparkle icon

* Optimize SVGs

* Create early-colts-exercise.md

* Update keywords.json with sparkle

* updated 24 px version to round off extra px

Figma's export rounded up an extra pixel on my first attempt. Updating so it's actually 24px square.

* Optimize SVGs

* Delete icons/sparkle-24.svg

* Update 24px version again

* Optimize SVGs

* Update public-api.test.js.snap with Sparkle

* Update public-api.test.js.snap

RE-order based on failed test

---------

Co-authored-by: Cameron Foxly &lt;cameronfoxly@github.com&gt;
Co-authored-by: Cameron Foxly &lt;actions@github.com&gt;
diff --git a/.changeset/early-colts-exercise.md b/.changeset/early-colts-exercise.md
@@ -0,0 +1,5 @@
+---
+"@primer/octicons": patch
+---
+
+Add outlined sparkle icon
diff --git a/icons/sparkle-16.svg b/icons/sparkle-16.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M7.198.57c.275-.752 1.34-.752 1.615 0l.849 2.317a5.819 5.819 0 0 0 3.462 3.463l2.317.848c.753.275.753 1.34 0 1.615l-2.317.849a5.815 5.815 0 0 0-3.462 3.462l-.849 2.317c-.275.753-1.34.753-1.615 0l-.848-2.317a5.819 5.819 0 0 0-3.463-3.462L.57 8.813c-.752-.275-.752-1.34 0-1.615l2.317-.848A5.823 5.823 0 0 0 6.35 2.887L7.198.57Zm.562 2.833A7.323 7.323 0 0 1 3.403 7.76l-.673.246.673.246a7.324 7.324 0 0 1 4.357 4.356l.246.673.246-.673a7.322 7.322 0 0 1 4.356-4.356l.673-.246-.673-.246a7.324 7.324 0 0 1-4.356-4.357l-.246-.673-.246.673Z"/></svg>
diff --git a/icons/sparkle-24.svg b/icons/sparkle-24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.191.565c.275-.754 1.342-.753 1.618 0l1.918 5.238a5.83 5.83 0 0 0 3.47 3.47l5.237 1.918c.755.275.755 1.342 0 1.618l-5.237 1.918a5.83 5.83 0 0 0-3.47 3.47l-1.918 5.237c-.276.755-1.343.755-1.618 0l-1.918-5.237a5.83 5.83 0 0 0-3.47-3.47L.565 12.809c-.753-.276-.754-1.342 0-1.618l5.238-1.918a5.83 5.83 0 0 0 3.47-3.47L11.191.565Zm-.505 5.756a7.336 7.336 0 0 1-4.365 4.365L2.73 12l3.591 1.315a7.333 7.333 0 0 1 4.365 4.365L12 21.269l1.315-3.589a7.33 7.33 0 0 1 4.365-4.365L21.269 12l-3.589-1.314a7.333 7.333 0 0 1-4.365-4.365L12 2.73l-1.314 3.591Z"/></svg>
diff --git a/keywords.json b/keywords.json
@@ -196,6 +196,7 @@
   "sign-out": ["door", "arrow", "direction", "leave", "log out"],
   "skip": ["skip", "slash"],
   "smiley": ["emoji", "smile", "mood", "emotion"],
+  "sparkle": ["spark", "ai", "generate", "shine"],
   "square-circle": ["stop", "interupt", "block", "pause"],
   "squirrel": ["ship", "shipit", "launch"],
   "star": ["save", "remember", "like"],
diff --git a/lib/octicons_react/__tests__/__snapshots__/public-api.test.js.snap b/lib/octicons_react/__tests__/__snapshots__/public-api.test.js.snap
@@ -281,6 +281,7 @@ exports[`@primer/octicons-react should not update exports without a semver chang
   "SortAscIcon",
   "SortDescIcon",
   "SparkleFillIcon",
+  "SparkleIcon",
   "SparklesFillIcon",
   "SponsorTiersIcon",
   "SquareCircleIcon",

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@primer/octicons": patch
 +---
++
 +Add outlined sparkle icon