Fix: Remove hardcoded fill from flag icon (#1212)

ericwbailey · web-flow · commit 02bd1ef8d15a · 2026-05-20T19:53:50.000Z
* Replace hardcoded hex value with `currentColor`

* Add patch note
diff --git a/.changeset/tidy-pugs-wink.md b/.changeset/tidy-pugs-wink.md
@@ -0,0 +1,5 @@
+---
+'@primer/octicons': patch
+---
+
+remove hardcoded fill from flag icon
diff --git a/icons/flag-16.svg b/icons/flag-16.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 10.2108V2.22083C15 2.14083 14.98 2.07083 14.95 1.99083C14.95 1.97083 14.95 1.95083 14.94 1.93083C14.92 1.88083 14.88 1.84083 14.85 1.80083C14.82 1.76083 14.81 1.72083 14.78 1.69083C14.76 1.67083 14.74 1.67083 14.72 1.65083C14.66 1.60083 14.6 1.56083 14.53 1.53083C11.75 0.420826 9.67 1.28083 7.84 2.03083C6.11 2.75083 4.6 3.36083 2.5 2.60083V1.97083C2.5 1.56083 2.16 1.22083 1.75 1.22083C1.34 1.22083 1 1.56083 1 1.97083V14.4708C1 14.8808 1.34 15.2208 1.75 15.2208C2.16 15.2208 2.5 14.8808 2.5 14.4708V4.18083C3.16 4.37083 3.78 4.45083 4.37 4.45083C5.91 4.45083 7.22 3.91083 8.42 3.41083C10.08 2.72083 11.54 2.14083 13.51 2.76083V9.19083C11.23 8.63083 9.45 9.36083 7.85 10.0308C6.6 10.5508 5.44 11.0308 4.06 10.9508C3.68 10.9208 3.29 11.2408 3.26 11.6508C3.23 12.0608 3.55 12.4208 3.96 12.4508C4.1 12.4508 4.25 12.4608 4.38 12.4608C5.9 12.4608 7.18 11.9308 8.42 11.4208C10.21 10.6808 11.76 10.0408 13.98 10.9208C14.04 10.9408 14.1 10.9508 14.17 10.9508C14.2 10.9508 14.23 10.9708 14.26 10.9708C14.49 10.9708 14.71 10.8508 14.85 10.6608C14.89 10.6108 14.93 10.5708 14.95 10.5108C14.97 10.4608 14.97 10.4108 14.98 10.3608C14.98 10.3208 15.01 10.2808 15.01 10.2308L15 10.2108Z" fill="#1F2328"/>
+<path d="M15 10.2108V2.22083C15 2.14083 14.98 2.07083 14.95 1.99083C14.95 1.97083 14.95 1.95083 14.94 1.93083C14.92 1.88083 14.88 1.84083 14.85 1.80083C14.82 1.76083 14.81 1.72083 14.78 1.69083C14.76 1.67083 14.74 1.67083 14.72 1.65083C14.66 1.60083 14.6 1.56083 14.53 1.53083C11.75 0.420826 9.67 1.28083 7.84 2.03083C6.11 2.75083 4.6 3.36083 2.5 2.60083V1.97083C2.5 1.56083 2.16 1.22083 1.75 1.22083C1.34 1.22083 1 1.56083 1 1.97083V14.4708C1 14.8808 1.34 15.2208 1.75 15.2208C2.16 15.2208 2.5 14.8808 2.5 14.4708V4.18083C3.16 4.37083 3.78 4.45083 4.37 4.45083C5.91 4.45083 7.22 3.91083 8.42 3.41083C10.08 2.72083 11.54 2.14083 13.51 2.76083V9.19083C11.23 8.63083 9.45 9.36083 7.85 10.0308C6.6 10.5508 5.44 11.0308 4.06 10.9508C3.68 10.9208 3.29 11.2408 3.26 11.6508C3.23 12.0608 3.55 12.4208 3.96 12.4508C4.1 12.4508 4.25 12.4608 4.38 12.4608C5.9 12.4608 7.18 11.9308 8.42 11.4208C10.21 10.6808 11.76 10.0408 13.98 10.9208C14.04 10.9408 14.1 10.9508 14.17 10.9508C14.2 10.9508 14.23 10.9708 14.26 10.9708C14.49 10.9708 14.71 10.8508 14.85 10.6608C14.89 10.6108 14.93 10.5708 14.95 10.5108C14.97 10.4608 14.97 10.4108 14.98 10.3608C14.98 10.3208 15.01 10.2808 15.01 10.2308L15 10.2108Z" fill="currentColor"/>
 </svg>
diff --git a/icons/flag-24.svg b/icons/flag-24.svg
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.99 14.37V4.92C19.99 4.84 19.97 4.77 19.94 4.69C19.94 4.67 19.94 4.65 19.93 4.63C19.91 4.58 19.88 4.55 19.85 4.51C19.82 4.47 19.8 4.43 19.77 4.4C19.76 4.39 19.73 4.38 19.72 4.37C19.66 4.32 19.6 4.27 19.53 4.24C16.3 2.95 13.8 3.9 11.38 4.83C9.18 5.67 7.1 6.45 4.5 5.48V3.75C4.5 3.34 4.16 3 3.75 3C3.34 3 3 3.34 3 3.75V20.31C3 20.72 3.34 21.06 3.75 21.06C4.16 21.06 4.5 20.72 4.5 20.31V7.06C5.35 7.32 6.15 7.43 6.91 7.43C8.73 7.43 10.34 6.82 11.91 6.22C14.02 5.41 16.03 4.67 18.49 5.47V13.36C15.7 12.62 13.34 13.5 11.24 14.29C9.62 14.9 8.1 15.47 6.45 15.37C6.07 15.35 5.68 15.66 5.65 16.07C5.62 16.48 5.94 16.84 6.35 16.87C6.52 16.88 6.68 16.89 6.84 16.89C8.61 16.89 10.21 16.28 11.76 15.7C14.07 14.83 16.25 14 18.96 15.09C19.02 15.11 19.08 15.11 19.14 15.12C19.17 15.12 19.21 15.14 19.24 15.14C19.33 15.14 19.42 15.12 19.5 15.09C19.5 15.09 19.52 15.09 19.53 15.09C19.65 15.04 19.74 14.95 19.82 14.85C19.86 14.8 19.9 14.75 19.93 14.68C19.95 14.63 19.95 14.58 19.96 14.53C19.96 14.49 19.99 14.45 19.99 14.4V14.37Z" fill="#1F2328"/>
+<path d="M19.99 14.37V4.92C19.99 4.84 19.97 4.77 19.94 4.69C19.94 4.67 19.94 4.65 19.93 4.63C19.91 4.58 19.88 4.55 19.85 4.51C19.82 4.47 19.8 4.43 19.77 4.4C19.76 4.39 19.73 4.38 19.72 4.37C19.66 4.32 19.6 4.27 19.53 4.24C16.3 2.95 13.8 3.9 11.38 4.83C9.18 5.67 7.1 6.45 4.5 5.48V3.75C4.5 3.34 4.16 3 3.75 3C3.34 3 3 3.34 3 3.75V20.31C3 20.72 3.34 21.06 3.75 21.06C4.16 21.06 4.5 20.72 4.5 20.31V7.06C5.35 7.32 6.15 7.43 6.91 7.43C8.73 7.43 10.34 6.82 11.91 6.22C14.02 5.41 16.03 4.67 18.49 5.47V13.36C15.7 12.62 13.34 13.5 11.24 14.29C9.62 14.9 8.1 15.47 6.45 15.37C6.07 15.35 5.68 15.66 5.65 16.07C5.62 16.48 5.94 16.84 6.35 16.87C6.52 16.88 6.68 16.89 6.84 16.89C8.61 16.89 10.21 16.28 11.76 15.7C14.07 14.83 16.25 14 18.96 15.09C19.02 15.11 19.08 15.11 19.14 15.12C19.17 15.12 19.21 15.14 19.24 15.14C19.33 15.14 19.42 15.12 19.5 15.09C19.5 15.09 19.52 15.09 19.53 15.09C19.65 15.04 19.74 14.95 19.82 14.85C19.86 14.8 19.9 14.75 19.93 14.68C19.95 14.63 19.95 14.58 19.96 14.53C19.96 14.49 19.99 14.45 19.99 14.4V14.37Z" fill="currentColor"/>
 </svg>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@primer/octicons': patch
 +---
++
 +remove hardcoded fill from flag icon