Skip to content

Commit

Permalink
update icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@rlingineni
rlingineni committed Feb 6, 2025
1 parent c9ded11 commit fb01739
Show file tree
Hide file tree
Showing 20 changed files with 267 additions and 35 deletions.
164 changes: 140 additions & 24 deletions docs/public/icons-diff.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4068,6 +4068,48 @@
</div>
</div>

<div class="icon-row">
<div class="icon-name">cog-fill.svg</div>
<div class="icon icon-orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12 16.25a4.25 4.25 0 1 1 0-8.5 4.25 4.25 0 0 1 0 8.5M12 0 1.5 6v12L12 24l10.5-6V6z"
/>
</svg>
</div>
<div class="icon icon-new">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12 16.25a4.25 4.25 0 1 1 0-8.5 4.25 4.25 0 0 1 0 8.5M12 0 1.5 6v12L12 24l10.5-6V6z"
/>
</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 16.25a4.25 4.25 0 1 1 0-8.5 4.25 4.25 0 0 1 0 8.5M12 0 1.5 6v12L12 24l10.5-6V6z"
/>
</svg>
</div>
<div class="orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12 16.25a4.25 4.25 0 1 1 0-8.5 4.25 4.25 0 0 1 0 8.5M12 0 1.5 6v12L12 24l10.5-6V6z"
/>
</svg>
</div>
</div>
<div class="icon-sizes">
<div>Orig 164</div>
<div>New 164</div>
<div style="background: #dddddd">Diff 0.00%</div>
</div>
</div>

<div class="icon-row">
<div class="icon-name">cog.svg</div>
<div class="icon icon-orig">
Expand Down Expand Up @@ -4396,6 +4438,48 @@
</div>
</div>

<div class="icon-row">
<div class="icon-name">compass-fill.svg</div>
<div class="icon icon-orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12.87 12.9a1.25 1.25 0 1 0-.89.37q.52-.01.89-.37m2.27 1.13A2 2 0 0 1 14 15.16l-8.38 3.22L8.84 10a2 2 0 0 1 1.13-1.13l8.61-3.45zm5.35-10.52A12 12 0 1 0 3.52 20.48 12 12 0 0 0 20.49 3.52z"
/>
</svg>
</div>
<div class="icon icon-new">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12.87 12.9a1.25 1.25 0 1 0-.89.37q.52-.01.89-.37m2.27 1.13A2 2 0 0 1 14 15.16l-8.38 3.22L8.84 10a2 2 0 0 1 1.13-1.13l8.61-3.45zm5.35-10.52A12 12 0 1 0 3.52 20.48 12 12 0 0 0 20.49 3.52z"
/>
</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.87 12.9a1.25 1.25 0 1 0-.89.37q.52-.01.89-.37m2.27 1.13A2 2 0 0 1 14 15.16l-8.38 3.22L8.84 10a2 2 0 0 1 1.13-1.13l8.61-3.45zm5.35-10.52A12 12 0 1 0 3.52 20.48 12 12 0 0 0 20.49 3.52z"
/>
</svg>
</div>
<div class="orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12.87 12.9a1.25 1.25 0 1 0-.89.37q.52-.01.89-.37m2.27 1.13A2 2 0 0 1 14 15.16l-8.38 3.22L8.84 10a2 2 0 0 1 1.13-1.13l8.61-3.45zm5.35-10.52A12 12 0 1 0 3.52 20.48 12 12 0 0 0 20.49 3.52z"
/>
</svg>
</div>
</div>
<div class="icon-sizes">
<div>Orig 267</div>
<div>New 267</div>
<div style="background: #dddddd">Diff 0.00%</div>
</div>
</div>

<div class="icon-row">
<div class="icon-name">compass.svg</div>
<div class="icon icon-orig">
Expand Down Expand Up @@ -6026,6 +6110,48 @@
</div>
</div>

<div class="icon-row">
<div class="icon-name">ferris-wheel.svg</div>
<div class="icon icon-orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="m14.95 11.45 3.39-1.95a3 3 0 0 0 2.41.4 9 9 0 0 1 .03 4.1h2.04a11 11 0 0 0-.33-5.32q.5-.74.51-1.68V4h-3.45A11 11 0 0 0 15 1.41V0H9v1.41A11 11 0 0 0 4.45 4H7 1v3q.01.95.51 1.68A11 11 0 0 0 1.18 14h2.04a9 9 0 0 1 .03-4.1 3 3 0 0 0 2.41-.4l3.39 1.95a3 3 0 0 0 0 1.1L6.54 14H1v3a3 3 0 0 0 3.42 2.97q.6.56 1.25 1.03h.67a.5.5 0 0 0 .46-.3l.44-1.06a9 9 0 0 1-.96-.7c.45-.52.72-1.2.72-1.94v-.96l3.05-1.76q.2.16.41.3l-2.87 6.8a1 1 0 0 1-.92.62H5v2h1.67a3 3 0 0 0 2.77-1.84L12 16.08l2.56 6.08A3 3 0 0 0 17.33 24H19v-2h-1.67a1 1 0 0 1-.92-.61l-2.87-6.81q.22-.14.4-.3L17 16.04V17a3 3 0 0 0 .72 1.95q-.46.37-.96.7l.44 1.04a.5.5 0 0 0 .46.31h.67q.66-.47 1.25-1.03L20 20a3 3 0 0 0 3-3v-3h-5.54l-2.51-1.45a3 3 0 0 0 0-1.1m0-7.95q1.1.38 2.05 1.02V7q0 .45.13.88l-3.18 1.84a3 3 0 0 0-.95-.55V5.83a3 3 0 0 0 1.96-2.33M6.88 7.88A3 3 0 0 0 7 7V4.52A9 9 0 0 1 9.04 3.5 3 3 0 0 0 11 5.83v3.34a3 3 0 0 0-.95.55zM13 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.03 8.95a9 9 0 0 1-1.94 0l-.54 1.3-.31.6a11 11 0 0 0 3.64 0q-.18-.3-.3-.6z"
/>
</svg>
</div>
<div class="icon icon-new">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="m14.95 11.45 3.39-1.95a3 3 0 0 0 2.41.4 9 9 0 0 1 .03 4.1h2.04a11 11 0 0 0-.33-5.32q.5-.74.51-1.68V4h-3.45A11 11 0 0 0 15 1.41V0H9v1.41A11 11 0 0 0 4.45 4H7 1v3q.01.95.51 1.68A11 11 0 0 0 1.18 14h2.04a9 9 0 0 1 .03-4.1 3 3 0 0 0 2.41-.4l3.39 1.95a3 3 0 0 0 0 1.1L6.54 14H1v3a3 3 0 0 0 3.42 2.97q.6.56 1.25 1.03h.67a.5.5 0 0 0 .46-.3l.44-1.06a9 9 0 0 1-.96-.7c.45-.52.72-1.2.72-1.94v-.96l3.05-1.76q.2.16.41.3l-2.87 6.8a1 1 0 0 1-.92.62H5v2h1.67a3 3 0 0 0 2.77-1.84L12 16.08l2.56 6.08A3 3 0 0 0 17.33 24H19v-2h-1.67a1 1 0 0 1-.92-.61l-2.87-6.81q.22-.14.4-.3L17 16.04V17a3 3 0 0 0 .72 1.95q-.46.37-.96.7l.44 1.04a.5.5 0 0 0 .46.31h.67q.66-.47 1.25-1.03L20 20a3 3 0 0 0 3-3v-3h-5.54l-2.51-1.45a3 3 0 0 0 0-1.1m0-7.95q1.1.38 2.05 1.02V7q0 .45.13.88l-3.18 1.84a3 3 0 0 0-.95-.55V5.83a3 3 0 0 0 1.96-2.33M6.88 7.88A3 3 0 0 0 7 7V4.52A9 9 0 0 1 9.04 3.5 3 3 0 0 0 11 5.83v3.34a3 3 0 0 0-.95.55zM13 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.03 8.95a9 9 0 0 1-1.94 0l-.54 1.3-.31.6a11 11 0 0 0 3.64 0q-.18-.3-.3-.6z"
/>
</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.95 11.45 3.39-1.95a3 3 0 0 0 2.41.4 9 9 0 0 1 .03 4.1h2.04a11 11 0 0 0-.33-5.32q.5-.74.51-1.68V4h-3.45A11 11 0 0 0 15 1.41V0H9v1.41A11 11 0 0 0 4.45 4H7 1v3q.01.95.51 1.68A11 11 0 0 0 1.18 14h2.04a9 9 0 0 1 .03-4.1 3 3 0 0 0 2.41-.4l3.39 1.95a3 3 0 0 0 0 1.1L6.54 14H1v3a3 3 0 0 0 3.42 2.97q.6.56 1.25 1.03h.67a.5.5 0 0 0 .46-.3l.44-1.06a9 9 0 0 1-.96-.7c.45-.52.72-1.2.72-1.94v-.96l3.05-1.76q.2.16.41.3l-2.87 6.8a1 1 0 0 1-.92.62H5v2h1.67a3 3 0 0 0 2.77-1.84L12 16.08l2.56 6.08A3 3 0 0 0 17.33 24H19v-2h-1.67a1 1 0 0 1-.92-.61l-2.87-6.81q.22-.14.4-.3L17 16.04V17a3 3 0 0 0 .72 1.95q-.46.37-.96.7l.44 1.04a.5.5 0 0 0 .46.31h.67q.66-.47 1.25-1.03L20 20a3 3 0 0 0 3-3v-3h-5.54l-2.51-1.45a3 3 0 0 0 0-1.1m0-7.95q1.1.38 2.05 1.02V7q0 .45.13.88l-3.18 1.84a3 3 0 0 0-.95-.55V5.83a3 3 0 0 0 1.96-2.33M6.88 7.88A3 3 0 0 0 7 7V4.52A9 9 0 0 1 9.04 3.5 3 3 0 0 0 11 5.83v3.34a3 3 0 0 0-.95.55zM13 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.03 8.95a9 9 0 0 1-1.94 0l-.54 1.3-.31.6a11 11 0 0 0 3.64 0q-.18-.3-.3-.6z"
/>
</svg>
</div>
<div class="orig">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="m14.95 11.45 3.39-1.95a3 3 0 0 0 2.41.4 9 9 0 0 1 .03 4.1h2.04a11 11 0 0 0-.33-5.32q.5-.74.51-1.68V4h-3.45A11 11 0 0 0 15 1.41V0H9v1.41A11 11 0 0 0 4.45 4H7 1v3q.01.95.51 1.68A11 11 0 0 0 1.18 14h2.04a9 9 0 0 1 .03-4.1 3 3 0 0 0 2.41-.4l3.39 1.95a3 3 0 0 0 0 1.1L6.54 14H1v3a3 3 0 0 0 3.42 2.97q.6.56 1.25 1.03h.67a.5.5 0 0 0 .46-.3l.44-1.06a9 9 0 0 1-.96-.7c.45-.52.72-1.2.72-1.94v-.96l3.05-1.76q.2.16.41.3l-2.87 6.8a1 1 0 0 1-.92.62H5v2h1.67a3 3 0 0 0 2.77-1.84L12 16.08l2.56 6.08A3 3 0 0 0 17.33 24H19v-2h-1.67a1 1 0 0 1-.92-.61l-2.87-6.81q.22-.14.4-.3L17 16.04V17a3 3 0 0 0 .72 1.95q-.46.37-.96.7l.44 1.04a.5.5 0 0 0 .46.31h.67q.66-.47 1.25-1.03L20 20a3 3 0 0 0 3-3v-3h-5.54l-2.51-1.45a3 3 0 0 0 0-1.1m0-7.95q1.1.38 2.05 1.02V7q0 .45.13.88l-3.18 1.84a3 3 0 0 0-.95-.55V5.83a3 3 0 0 0 1.96-2.33M6.88 7.88A3 3 0 0 0 7 7V4.52A9 9 0 0 1 9.04 3.5 3 3 0 0 0 11 5.83v3.34a3 3 0 0 0-.95.55zM13 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.03 8.95a9 9 0 0 1-1.94 0l-.54 1.3-.31.6a11 11 0 0 0 3.64 0q-.18-.3-.3-.6z"
/>
</svg>
</div>
</div>
<div class="icon-sizes">
<div>Orig 1077</div>
<div>New 1077</div>
<div style="background: #dddddd">Diff 0.00%</div>
</div>
</div>

<div class="icon-row">
<div class="icon-name">file-box.svg</div>
<div class="icon icon-orig">
Expand Down Expand Up @@ -15918,7 +16044,7 @@

<div class="new-icon-header" id="new-icons">New Icons</div>
<div class="new-icon-details">
22 icons appear in the
21 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 All @@ -15929,16 +16055,6 @@
>.
</div>
<div class="new-icon-list">
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12 16.25a4.25 4.25 0 1 1 0-8.5 4.25 4.25 0 0 1 0 8.5M12 0 1.5 6v12L12 24l10.5-6V6z"
/>
</svg>
</div>
<div class="new-icon-name">cog-fill.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
Expand Down Expand Up @@ -16133,38 +16249,37 @@
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="M12.87 12.9a1.25 1.25 0 1 0-.89.37q.52-.01.89-.37m2.27 1.13A2 2 0 0 1 14 15.16l-8.38 3.22L8.84 10a2 2 0 0 1 1.13-1.13l8.61-3.45zm5.35-10.52A12 12 0 1 0 3.52 20.48 12 12 0 0 0 20.49 3.52z"
d="M1 5a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4zm9.5 5.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3z"
/>
</svg>
</div>
<div class="new-icon-name">compass-fill.svg</div>
<div class="new-icon-name">square-plus-fill.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path
d="m14.95 11.45 3.39-1.95a3 3 0 0 0 2.41.4 9 9 0 0 1 .03 4.1h2.04a11 11 0 0 0-.33-5.32q.5-.74.51-1.68V4h-3.45A11 11 0 0 0 15 1.41V0H9v1.41A11 11 0 0 0 4.45 4H7 1v3q.01.95.51 1.68A11 11 0 0 0 1.18 14h2.04a9 9 0 0 1 .03-4.1 3 3 0 0 0 2.41-.4l3.39 1.95a3 3 0 0 0 0 1.1L6.54 14H1v3a3 3 0 0 0 3.42 2.97q.6.56 1.25 1.03h.67a.5.5 0 0 0 .46-.3l.44-1.06a9 9 0 0 1-.96-.7c.45-.52.72-1.2.72-1.94v-.96l3.05-1.76q.2.16.41.3l-2.87 6.8a1 1 0 0 1-.92.62H5v2h1.67a3 3 0 0 0 2.77-1.84L12 16.08l2.56 6.08A3 3 0 0 0 17.33 24H19v-2h-1.67a1 1 0 0 1-.92-.61l-2.87-6.81q.22-.14.4-.3L17 16.04V17a3 3 0 0 0 .72 1.95q-.46.37-.96.7l.44 1.04a.5.5 0 0 0 .46.31h.67q.66-.47 1.25-1.03L20 20a3 3 0 0 0 3-3v-3h-5.54l-2.51-1.45a3 3 0 0 0 0-1.1m0-7.95q1.1.38 2.05 1.02V7q0 .45.13.88l-3.18 1.84a3 3 0 0 0-.95-.55V5.83a3 3 0 0 0 1.96-2.33M6.88 7.88A3 3 0 0 0 7 7V4.52A9 9 0 0 1 9.04 3.5 3 3 0 0 0 11 5.83v3.34a3 3 0 0 0-.95.55zM13 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.03 8.95a9 9 0 0 1-1.94 0l-.54 1.3-.31.6a11 11 0 0 0 3.64 0q-.18-.3-.3-.6z"
d="M10.5 10.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3zM5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm15 4v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1"
/>
</svg>
</div>
<div class="new-icon-name">ferris-wheel.svg</div>
<div class="new-icon-name">square-plus.svg</div>
</div>
</div>

<div id="stats" class="stats">
<div class="stats-header">Stats</div>
<div class="stats-details">Last Update: Wed Feb 05 2025 3:17:58 PM</div>
<div class="stats-details">Current SVG icons file count: 376</div>
<div class="stats-details">Last Update: Thu Feb 06 2025 11:08:33 AM</div>
<div class="stats-details">Current SVG icons file count: 379</div>
<div class="stats-details">
Current SVG icon total size (bytes): 143002
Current SVG icon total size (bytes): 144510
</div>
<div class="stats-details">New SVG icon file count: 398</div>
<div class="stats-details">New SVG icon total size (bytes): 148882</div>
<div class="stats-details">New SVG icon file count: 400</div>
<div class="stats-details">New SVG icon total size (bytes): 149341</div>
<div class="stats-details">Missing icons:<br /></div>
<div class="stats-details">
New icons:<br />cog-fill.svg, compact-add.svg,
compact-arrow-up-right.svg, compact-cancel.svg,
compact-check-circle-fill.svg, compact-check.svg,
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,
Expand All @@ -16173,7 +16288,8 @@
compact-workflow-status-in-progress.svg,
compact-workflow-status-problem.svg,
compact-workflow-status-unstarted.svg,
compact-workflow-status-warning.svg, compass-fill.svg, ferris-wheel.svg
compact-workflow-status-warning.svg, square-plus-fill.svg,
square-plus.svg
</div>
</div>
</body>
Expand Down
Loading

0 comments on commit fb01739

Please sign in to comment.