Skip to content

Commit

Permalink
add missing compact icons
Browse files Browse the repository at this point in the history
  • Loading branch information
rlingineni committed Jan 9, 2025
1 parent ea59fd8 commit 302c890
Show file tree
Hide file tree
Showing 13 changed files with 242 additions and 42 deletions.
142 changes: 125 additions & 17 deletions docs/public/icons-diff.html
Original file line number Diff line number Diff line change
Expand Up @@ -14588,6 +14588,48 @@
</div>
</div>

<div class="icon-row">
<div class="icon-name">tint.svg</div>
<div class="icon icon-orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M20.02 16A8 8 0 0 1 4 16C4 12.14 8.28 4.71 10.94.6c.5-.8 1.64-.8 2.15-.01 2.69 4.16 6.93 11.55 6.93 15.4M8.18 11.02A7.5 7.5 0 0 1 12 12.5a7.5 7.5 0 0 0 4.5 1.5h.48l-.2-.6a33 33 0 0 0-1.62-3.82 72 72 0 0 0-3.14-5.68 74 74 0 0 0-3.84 7.13"
/>
</svg>
</div>
<div class="icon icon-new">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M20.02 16A8 8 0 0 1 4 16C4 12.14 8.28 4.71 10.94.6c.5-.8 1.64-.8 2.15-.01 2.69 4.16 6.93 11.55 6.93 15.4M8.18 11.02A7.5 7.5 0 0 1 12 12.5a7.5 7.5 0 0 0 4.5 1.5h.48l-.2-.6a33 33 0 0 0-1.62-3.82 72 72 0 0 0-3.14-5.68 74 74 0 0 0-3.84 7.13"
/>
</svg>
</div>
<div
class="icon icon-overlay"
title="Orig: White, New: Red, Overlap: Blue"
>
<div class="new">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M20.02 16A8 8 0 0 1 4 16C4 12.14 8.28 4.71 10.94.6c.5-.8 1.64-.8 2.15-.01 2.69 4.16 6.93 11.55 6.93 15.4M8.18 11.02A7.5 7.5 0 0 1 12 12.5a7.5 7.5 0 0 0 4.5 1.5h.48l-.2-.6a33 33 0 0 0-1.62-3.82 72 72 0 0 0-3.14-5.68 74 74 0 0 0-3.84 7.13"
/>
</svg>
</div>
<div class="orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M20.02 16A8 8 0 0 1 4 16C4 12.14 8.28 4.71 10.94.6c.5-.8 1.64-.8 2.15-.01 2.69 4.16 6.93 11.55 6.93 15.4M8.18 11.02A7.5 7.5 0 0 1 12 12.5a7.5 7.5 0 0 0 4.5 1.5h.48l-.2-.6a33 33 0 0 0-1.62-3.82 72 72 0 0 0-3.14-5.68 74 74 0 0 0-3.84 7.13"
/>
</svg>
</div>
</div>
<div class="icon-sizes">
<div>Orig 317</div>
<div>New 317</div>
<div style="background: #dddddd">Diff 0.00%</div>
</div>
</div>

<div class="icon-row">
<div class="icon-name">trash-can.svg</div>
<div class="icon icon-orig">
Expand Down Expand Up @@ -14840,6 +14882,48 @@
</div>
</div>

<div class="icon-row">
<div class="icon-name">vibrance.svg</div>
<div class="icon icon-orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M14.62 21.47 23.6 5.5A3.02 3.02 0 0 0 21 1H3A3.02 3.02 0 0 0 .4 5.5l8.98 15.97a3 3 0 0 0 5.24 0M9 11a3 3 0 1 1 6 0 3 3 0 0 1-6 0"
/>
</svg>
</div>
<div class="icon icon-new">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M14.62 21.47 23.6 5.5A3.02 3.02 0 0 0 21 1H3A3.02 3.02 0 0 0 .4 5.5l8.98 15.97a3 3 0 0 0 5.24 0M9 11a3 3 0 1 1 6 0 3 3 0 0 1-6 0"
/>
</svg>
</div>
<div
class="icon icon-overlay"
title="Orig: White, New: Red, Overlap: Blue"
>
<div class="new">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M14.62 21.47 23.6 5.5A3.02 3.02 0 0 0 21 1H3A3.02 3.02 0 0 0 .4 5.5l8.98 15.97a3 3 0 0 0 5.24 0M9 11a3 3 0 1 1 6 0 3 3 0 0 1-6 0"
/>
</svg>
</div>
<div class="orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M14.62 21.47 23.6 5.5A3.02 3.02 0 0 0 21 1H3A3.02 3.02 0 0 0 .4 5.5l8.98 15.97a3 3 0 0 0 5.24 0M9 11a3 3 0 1 1 6 0 3 3 0 0 1-6 0"
/>
</svg>
</div>
</div>
<div class="icon-sizes">
<div>Orig 209</div>
<div>New 209</div>
<div style="background: #dddddd">Diff 0.00%</div>
</div>
</div>

<div class="icon-row">
<div class="icon-name">video-advance-10-seconds.svg</div>
<div class="icon icon-orig">
Expand Down Expand Up @@ -15834,7 +15918,7 @@

<div class="new-icon-header" id="new-icons">New Icons</div>
<div class="new-icon-details">
17 icons appear in the
19 icons appear in the
<a
href="https://www.figma.com/file/cPXcu0NmmxRf5ywyybuxTU/Gestalt-foundations?type=design&node-id=2388-914&mode=design"
>Figma file</a
Expand Down Expand Up @@ -15979,62 +16063,86 @@
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="m15.74 12.33-6-10.64a2 2 0 0 0-3.48 0l-6 10.64c-.75 1.34.21 3 1.74 3h12a2 2 0 0 0 1.74-3m-5.04-.7a1 1 0 0 1 0 1.41 1 1 0 0 1-1.41 0l-1.3-1.3-1.29 1.3a1 1 0 0 1-1.41 0 1 1 0 0 1 0-1.41l1.3-1.3-1.3-1.29a1 1 0 0 1 0-1.41 1 1 0 0 1 1.41 0L8 8.92l1.29-1.3a1 1 0 0 1 1.41 0 1 1 0 0 1 0 1.42l-1.29 1.3z"
d="M6 7h4a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2m9-2v6c0 .7-.37 1.35-.97 1.72l-5 2.99a2 2 0 0 1-2.06 0l-5-2.99A2 2 0 0 1 1 11.01V5c0-.7.37-1.35.97-1.72l5-2.99a2 2 0 0 1 2.06 0l5 2.99A2 2 0 0 1 15 4.99m-2 0L8 2 3 5v6.03L8 14l5-3z"
/>
</svg>
</div>
<div class="new-icon-name">compact-workflow-status-problem.svg</div>
<div class="new-icon-name">compact-workflow-status-canceled.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="m15.41 6.58-6-6a2 2 0 0 0-2.83 0l-6 6a2 2 0 0 0 0 2.84l6 6a2 2 0 0 0 2.84 0l6-6a2 2 0 0 0 0-2.84M8 12.68a1.04 1.04 0 1 1 0-2.1 1.04 1.04 0 0 1 0 2.1m1.04-4.16a1.04 1.04 0 0 1-2.08 0V4.37a1.04 1.04 0 0 1 2.08 0z"
d="M7 6v4a1 1 0 1 1-2 0V6a1 1 0 1 1 2 0m4 0v4a1 1 0 1 1-2 0V6a1 1 0 1 1 2 0m5 2A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-2 0A6 6 0 0 0 2 8a6 6 0 0 0 12 0"
/>
</svg>
</div>
<div class="new-icon-name">compact-workflow-status-warning.svg</div>
<div class="new-icon-name">compact-workflow-status-halted.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M20.02 16A8 8 0 0 1 4 16C4 12.14 8.28 4.71 10.94.6c.5-.8 1.64-.8 2.15-.01 2.69 4.16 6.93 11.55 6.93 15.4M8.18 11.02A7.5 7.5 0 0 1 12 12.5a7.5 7.5 0 0 0 4.5 1.5h.48l-.2-.6a33 33 0 0 0-1.62-3.82 72 72 0 0 0-3.14-5.68 74 74 0 0 0-3.84 7.13"
d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M2 8a6 6 0 0 1 6-6v12a6 6 0 0 1-6-6"
/>
</svg>
</div>
<div class="new-icon-name">tint.svg</div>
<div class="new-icon-name">compact-workflow-status-in-progress.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M14.62 21.47 23.6 5.5A3.02 3.02 0 0 0 21 1H3A3.02 3.02 0 0 0 .4 5.5l8.98 15.97a3 3 0 0 0 5.24 0M9 11a3 3 0 1 1 6 0 3 3 0 0 1-6 0"
d="m15.74 12.33-6-10.64a2 2 0 0 0-3.48 0l-6 10.64c-.75 1.34.21 3 1.74 3h12a2 2 0 0 0 1.74-3m-5.04-.7a1 1 0 0 1 0 1.41 1 1 0 0 1-1.41 0l-1.3-1.3-1.29 1.3a1 1 0 0 1-1.41 0 1 1 0 0 1 0-1.41l1.3-1.3-1.3-1.29a1 1 0 0 1 0-1.41 1 1 0 0 1 1.41 0L8 8.92l1.29-1.3a1 1 0 0 1 1.41 0 1 1 0 0 1 0 1.42l-1.29 1.3z"
/>
</svg>
</div>
<div class="new-icon-name">vibrance.svg</div>
<div class="new-icon-name">compact-workflow-status-problem.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14A6 6 0 0 1 8 2a6 6 0 0 1 0 12m0-7.17c-.65 0-1.17.52-1.17 1.17S7.35 9.17 8 9.17 9.17 8.65 9.17 8 8.65 6.83 8 6.83"
/>
</svg>
</div>
<div class="new-icon-name">compact-workflow-status-unstarted.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="m15.41 6.58-6-6a2 2 0 0 0-2.83 0l-6 6a2 2 0 0 0 0 2.84l6 6a2 2 0 0 0 2.84 0l6-6a2 2 0 0 0 0-2.84M8 12.68a1.04 1.04 0 1 1 0-2.1 1.04 1.04 0 0 1 0 2.1m1.04-4.16a1.04 1.04 0 0 1-2.08 0V4.37a1.04 1.04 0 0 1 2.08 0z"
/>
</svg>
</div>
<div class="new-icon-name">compact-workflow-status-warning.svg</div>
</div>
</div>

<div id="stats" class="stats">
<div class="stats-header">Stats</div>
<div class="stats-details">Last Update: Tue Jan 07 2025 11:48:30 AM</div>
<div class="stats-details">Current SVG icons file count: 374</div>
<div class="stats-details">Last Update: Thu Jan 09 2025 5:24:41 PM</div>
<div class="stats-details">Current SVG icons file count: 376</div>
<div class="stats-details">
Current SVG icon total size (bytes): 142425
Current SVG icon total size (bytes): 142951
</div>
<div class="stats-details">New SVG icon file count: 391</div>
<div class="stats-details">New SVG icon total size (bytes): 146477</div>
<div class="stats-details">New SVG icon file count: 395</div>
<div class="stats-details">New SVG icon total size (bytes): 147374</div>
<div class="stats-details">Missing icons:<br /></div>
<div class="stats-details">
New icons:<br />compact-add.svg, compact-arrow-up-right.svg,
compact-cancel.svg, compact-check-circle-fill.svg, compact-check.svg,
compact-chevron-down.svg, compact-chevron-left.svg,
compact-chevron-right.svg, compact-chevron-up.svg, compact-dash.svg,
compact-info-circle-fill.svg, compact-lock.svg, compact-sparkle.svg,
compact-workflow-status-canceled.svg,
compact-workflow-status-halted.svg,
compact-workflow-status-in-progress.svg,
compact-workflow-status-problem.svg,
compact-workflow-status-warning.svg, tint.svg, vibrance.svg
compact-workflow-status-unstarted.svg,
compact-workflow-status-warning.svg
</div>
</div>
</body>
Expand Down
114 changes: 89 additions & 25 deletions docs/public/vr-icons-diff.html
Original file line number Diff line number Diff line change
Expand Up @@ -14532,6 +14532,48 @@
</div>
</div>

<div class="icon-row">
<div class="icon-name">tint.svg</div>
<div class="icon icon-orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M21 15C21 9.68 14.27 1.99 12.75.33A1 1 0 0 0 12 0a1 1 0 0 0-.75.33C9.73 1.99 3 9.68 3 15c0 5.52 4.03 9 9 9s9-3.48 9-9m-2.9-3.5q.3.7.5 1.34c.2.6-.27 1.16-.9 1.16h-1.2a7.5 7.5 0 0 1-4.5-1.5A7.5 7.5 0 0 0 7.5 11a.82.82 0 0 1-.74-1.21q.67-1.2 1.46-2.39A51 51 0 0 1 12 2.5a49 49 0 0 1 3.78 4.9c.9 1.34 1.72 2.75 2.31 4.1"
/>
</svg>
</div>
<div class="icon icon-new">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M21 15C21 9.68 14.27 1.99 12.75.33A1 1 0 0 0 12 0a1 1 0 0 0-.75.33C9.73 1.99 3 9.68 3 15c0 5.52 4.03 9 9 9s9-3.48 9-9m-2.9-3.5q.3.7.5 1.34c.2.6-.27 1.16-.9 1.16h-1.2a7.5 7.5 0 0 1-4.5-1.5A7.5 7.5 0 0 0 7.5 11a.82.82 0 0 1-.74-1.21q.67-1.2 1.46-2.39A51 51 0 0 1 12 2.5a49 49 0 0 1 3.78 4.9c.9 1.34 1.72 2.75 2.31 4.1"
/>
</svg>
</div>
<div
class="icon icon-overlay"
title="Orig: White, New: Red, Overlap: Blue"
>
<div class="new">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M21 15C21 9.68 14.27 1.99 12.75.33A1 1 0 0 0 12 0a1 1 0 0 0-.75.33C9.73 1.99 3 9.68 3 15c0 5.52 4.03 9 9 9s9-3.48 9-9m-2.9-3.5q.3.7.5 1.34c.2.6-.27 1.16-.9 1.16h-1.2a7.5 7.5 0 0 1-4.5-1.5A7.5 7.5 0 0 0 7.5 11a.82.82 0 0 1-.74-1.21q.67-1.2 1.46-2.39A51 51 0 0 1 12 2.5a49 49 0 0 1 3.78 4.9c.9 1.34 1.72 2.75 2.31 4.1"
/>
</svg>
</div>
<div class="orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M21 15C21 9.68 14.27 1.99 12.75.33A1 1 0 0 0 12 0a1 1 0 0 0-.75.33C9.73 1.99 3 9.68 3 15c0 5.52 4.03 9 9 9s9-3.48 9-9m-2.9-3.5q.3.7.5 1.34c.2.6-.27 1.16-.9 1.16h-1.2a7.5 7.5 0 0 1-4.5-1.5A7.5 7.5 0 0 0 7.5 11a.82.82 0 0 1-.74-1.21q.67-1.2 1.46-2.39A51 51 0 0 1 12 2.5a49 49 0 0 1 3.78 4.9c.9 1.34 1.72 2.75 2.31 4.1"
/>
</svg>
</div>
</div>
<div class="icon-sizes">
<div>Orig 396</div>
<div>New 396</div>
<div style="background: #dddddd">Diff 0.00%</div>
</div>
</div>

<div class="icon-row">
<div class="icon-name">trash-can.svg</div>
<div class="icon icon-orig">
Expand Down Expand Up @@ -14784,6 +14826,48 @@
</div>
</div>

<div class="icon-row">
<div class="icon-name">vibrance.svg</div>
<div class="icon icon-orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12 14a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-4.33 6.5a5 5 0 0 0 8.66 0l6.93-12A5 5 0 0 0 18.93 1H5.07A5 5 0 0 0 .74 8.5zm13.86-13-6.93 12a3 3 0 0 1-5.2 0l-6.93-12A3 3 0 0 1 5.07 3h13.86a3 3 0 0 1 2.6 4.5"
/>
</svg>
</div>
<div class="icon icon-new">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12 14a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-4.33 6.5a5 5 0 0 0 8.66 0l6.93-12A5 5 0 0 0 18.93 1H5.07A5 5 0 0 0 .74 8.5zm13.86-13-6.93 12a3 3 0 0 1-5.2 0l-6.93-12A3 3 0 0 1 5.07 3h13.86a3 3 0 0 1 2.6 4.5"
/>
</svg>
</div>
<div
class="icon icon-overlay"
title="Orig: White, New: Red, Overlap: Blue"
>
<div class="new">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12 14a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-4.33 6.5a5 5 0 0 0 8.66 0l6.93-12A5 5 0 0 0 18.93 1H5.07A5 5 0 0 0 .74 8.5zm13.86-13-6.93 12a3 3 0 0 1-5.2 0l-6.93-12A3 3 0 0 1 5.07 3h13.86a3 3 0 0 1 2.6 4.5"
/>
</svg>
</div>
<div class="orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12 14a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-4.33 6.5a5 5 0 0 0 8.66 0l6.93-12A5 5 0 0 0 18.93 1H5.07A5 5 0 0 0 .74 8.5zm13.86-13-6.93 12a3 3 0 0 1-5.2 0l-6.93-12A3 3 0 0 1 5.07 3h13.86a3 3 0 0 1 2.6 4.5"
/>
</svg>
</div>
</div>
<div class="icon-sizes">
<div>Orig 275</div>
<div>New 275</div>
<div style="background: #dddddd">Diff 0.00%</div>
</div>
</div>

<div class="icon-row">
<div class="icon-name">video-advance-10-seconds.svg</div>
<div class="icon icon-orig">
Expand Down Expand Up @@ -15794,7 +15878,7 @@

<div class="new-icon-header" id="new-icons">New Icons</div>
<div class="new-icon-details">
20 icons appear in the
18 icons appear in the
<a
href="https://www.figma.com/file/cPXcu0NmmxRf5ywyybuxTU/Gestalt-foundations?type=design&node-id=2388-914&mode=design"
>Figma file</a
Expand Down Expand Up @@ -15969,34 +16053,14 @@
</div>
<div class="new-icon-name">compact-workflow-status-warning.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M21 15C21 9.68 14.27 1.99 12.75.33A1 1 0 0 0 12 0a1 1 0 0 0-.75.33C9.73 1.99 3 9.68 3 15c0 5.52 4.03 9 9 9s9-3.48 9-9m-2.9-3.5q.3.7.5 1.34c.2.6-.27 1.16-.9 1.16h-1.2a7.5 7.5 0 0 1-4.5-1.5A7.5 7.5 0 0 0 7.5 11a.82.82 0 0 1-.74-1.21q.67-1.2 1.46-2.39A51 51 0 0 1 12 2.5a49 49 0 0 1 3.78 4.9c.9 1.34 1.72 2.75 2.31 4.1"
/>
</svg>
</div>
<div class="new-icon-name">tint.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12 14a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-4.33 6.5a5 5 0 0 0 8.66 0l6.93-12A5 5 0 0 0 18.93 1H5.07A5 5 0 0 0 .74 8.5zm13.86-13-6.93 12a3 3 0 0 1-5.2 0l-6.93-12A3 3 0 0 1 5.07 3h13.86a3 3 0 0 1 2.6 4.5"
/>
</svg>
</div>
<div class="new-icon-name">vibrance.svg</div>
</div>
</div>

<div id="stats" class="stats">
<div class="stats-header">Stats</div>
<div class="stats-details">Last Update: Tue Jan 07 2025 11:48:30 AM</div>
<div class="stats-details">Current SVG icons file count: 374</div>
<div class="stats-details">Last Update: Thu Jan 09 2025 5:24:41 PM</div>
<div class="stats-details">Current SVG icons file count: 376</div>
<div class="stats-details">
Current SVG icon total size (bytes): 145885
Current SVG icon total size (bytes): 146556
</div>
<div class="stats-details">New SVG icon file count: 394</div>
<div class="stats-details">New SVG icon total size (bytes): 149564</div>
Expand All @@ -16012,7 +16076,7 @@
compact-workflow-status-in-progress.svg,
compact-workflow-status-problem.svg,
compact-workflow-status-unstarted.svg,
compact-workflow-status-warning.svg, tint.svg, vibrance.svg
compact-workflow-status-warning.svg
</div>
</div>
</body>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,11 @@ declare const icons: Readonly<{
'compact-info-circle-fill': any;
'compact-lock': any;
'compact-sparkle': any;
'compact-workflow-status-canceled': any;
'compact-workflow-status-halted': any;
'compact-workflow-status-in-progress': any;
'compact-workflow-status-problem': any;
'compact-workflow-status-unstarted': any;
'compact-workflow-status-warning': any;
}>;
export default icons;
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 302c890

Please sign in to comment.