Skip to content

Commit

Permalink
Icon: New Icons [Gestalt-8746] (#3926)
Browse files Browse the repository at this point in the history
  • Loading branch information
@rlingineni
rlingineni authored Jan 8, 2025
1 parent b88e353 commit bed86a2
Show file tree
Hide file tree
Showing 38 changed files with 484 additions and 21 deletions.
36 changes: 36 additions & 0 deletions docs/pages/foundations/iconography/ICON_DATA.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -490,6 +490,30 @@
"description": "Indicates color split",
"keywords": ["dual"]
},
{
"name": "compact-workflow-status-canceled",
"categories": ["Status"],
"description": "Indicates an element's state as canceled.",
"keywords": ["abandon"]
},
{
"name": "compact-workflow-status-halted",
"categories": ["Status"],
"description": "Indicates an element's state as halted.",
"keywords": ["paused"]
},
{
"name": "compact-workflow-status-in-progress",
"categories": ["Status"],
"description": "Indicates an element's state as in progress.",
"keywords": ["processing"]
},
{
"name": "compact-workflow-status-unstarted",
"categories": ["Status"],
"description": "Indicates an element's state as unstarted.",
"keywords": [""]
},
{
"name": "compass",
"categories": ["Utility and tools"],
Expand Down Expand Up @@ -1710,6 +1734,12 @@
"description": "Indicates a like reaction",
"keywords": ["like", "yes", "approve"]
},
{
"name": "tint",
"categories": ["Creation"],
"description": "Indicates an ability to change the tint of an image.",
"keywords": ["color", "hue", "green", "magenta"]
},
{
"name": "trash-can",
"categories": ["Utility and tools"],
Expand All @@ -1734,6 +1764,12 @@
"description": "Indicates Viber service or feature.",
"keywords": ["message"]
},
{
"name": "vibrance",
"categories": ["Creation"],
"description": "Indicates an ability to change the vibrance of an image.",
"keywords": ["Keywords: bright", "intensity", "intense"]
},
{
"name": "video-advance-10-seconds",
"categories": ["Media controls"],
Expand Down
191 changes: 185 additions & 6 deletions docs/public/icons-diff.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15834,7 +15834,7 @@

<div class="new-icon-header" id="new-icons">New Icons</div>
<div class="new-icon-details">
0 icons appear in the
17 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 @@ -15844,19 +15844,198 @@
>repo</a
>.
</div>
<div class="new-icon-list"></div>
<div class="new-icon-list">
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M9.41 1.41a1.41 1.41 0 0 0-2.82 0V6.6H1.4a1.41 1.41 0 1 0 0 2.82h5.2v5.18a1.41 1.41 0 1 0 2.82 0V9.4h5.18a1.41 1.41 0 1 0 0-2.82H9.4z"
/>
</svg>
</div>
<div class="new-icon-name">compact-add.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M14.89 1.93q.1.26.11.57v8a1.5 1.5 0 0 1-3 0V6.12L3.62 14.5a1.5 1.5 0 1 1-2.12-2.12L9.88 4H5.5a1.5 1.5 0 0 1 0-3h8a1.5 1.5 0 0 1 1.39.93"
/>
</svg>
</div>
<div class="new-icon-name">compact-arrow-up-right.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M12.94.94a1.5 1.5 0 0 1 2.12 2.12L10.12 8l4.94 4.94a1.5 1.5 0 0 1-2.12 2.12L8 10.12l-4.94 4.94a1.5 1.5 0 0 1-2.12-2.12L5.88 8 .94 3.06A1.5 1.5 0 1 1 3.06.94L8 5.88z"
/>
</svg>
</div>
<div class="new-icon-name">compact-cancel.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 0M4.24 7.74a.83.83 0 0 1 1.18 0L7 9.31l3.58-3.57a.83.83 0 0 1 1.18 1.18L7 11.67 4.24 8.92a.83.83 0 0 1 0-1.18"
/>
</svg>
</div>
<div class="new-icon-name">compact-check-circle-fill.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.61 2.83c.52.53.52 1.37 0 1.9l-8.44 8.44c-.53.52-1.37.52-1.9 0L.4 8.27A1.33 1.33 0 1 1 2.28 6.4l3.94 3.95 7.5-7.5a1.33 1.33 0 0 1 1.89 0"
/>
</svg>
</div>
<div class="new-icon-name">compact-check.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M14.06 5.44a1.5 1.5 0 0 0-2.12 0L8 9.38 4.06 5.44a1.5 1.5 0 1 0-2.12 2.12l5 5a1.5 1.5 0 0 0 2.12 0l5-5a1.5 1.5 0 0 0 0-2.12"
/>
</svg>
</div>
<div class="new-icon-name">compact-chevron-down.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M10.56 14.06a1.5 1.5 0 0 0 0-2.12L6.62 8l3.94-3.94a1.5 1.5 0 0 0-2.12-2.12l-5 5a1.5 1.5 0 0 0 0 2.12l5 5a1.5 1.5 0 0 0 2.12 0"
/>
</svg>
</div>
<div class="new-icon-name">compact-chevron-left.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M5.44 1.94a1.5 1.5 0 0 0 0 2.12L9.38 8l-3.94 3.94a1.5 1.5 0 0 0 2.12 2.12l5-5a1.5 1.5 0 0 0 0-2.12l-5-5a1.5 1.5 0 0 0-2.12 0"
/>
</svg>
</div>
<div class="new-icon-name">compact-chevron-right.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M1.94 10.56a1.5 1.5 0 0 0 2.12 0L8 6.62l3.94 3.94a1.5 1.5 0 0 0 2.12-2.12l-5-5a1.5 1.5 0 0 0-2.12 0l-5 5a1.5 1.5 0 0 0 0 2.12"
/>
</svg>
</div>
<div class="new-icon-name">compact-chevron-up.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M.5 8c0-.83.67-1.5 1.5-1.5h12a1.5 1.5 0 0 1 0 3H2A1.5 1.5 0 0 1 .5 8"
/>
</svg>
</div>
<div class="new-icon-name">compact-dash.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 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2m1 5a1 1 0 1 1-2 0V7.67a1 1 0 1 1 2 0zM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0"
/>
</svg>
</div>
<div class="new-icon-name">compact-info-circle-fill.svg</div>
</div>
<div class="new-icon">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path
d="M5.33 6.67v-2a2.67 2.67 0 0 1 5.34 0v2zm7.34 0v-2a4.67 4.67 0 0 0-9.34 0v2a5.83 5.83 0 1 0 9.33 0"
/>
</svg>
</div>
<div class="new-icon-name">compact-lock.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.9 2.8a3.6 3.6 0 0 0-2.43 2.43c-.04.14-.24.14-.28 0a3.6 3.6 0 0 0-2.42-2.42c-.14-.04-.14-.24 0-.28A3.6 3.6 0 0 0 13.2.1a.14.14 0 0 1 .28 0 3.6 3.6 0 0 0 2.42 2.42c.14.04.14.24 0 .28m-2.18 6.57a9.4 9.4 0 0 0-6.35 6.35c-.1.37-.63.37-.74 0A9.4 9.4 0 0 0 .27 9.37c-.36-.1-.36-.63 0-.74a9.4 9.4 0 0 0 6.36-6.36c.1-.36.63-.36.74 0a9.4 9.4 0 0 0 6.36 6.36c.36.1.36.63 0 .74"
/>
</svg>
</div>
<div class="new-icon-name">compact-sparkle.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.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">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="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 class="new-icon">
<div class="icon">
<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="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="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="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: Thu Dec 05 2024 2:30:56 PM</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">
Current SVG icon total size (bytes): 142425
</div>
<div class="stats-details">New SVG icon file count: 374</div>
<div class="stats-details">New SVG icon total size (bytes): 142385</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">Missing icons:<br /></div>
<div class="stats-details">New 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-problem.svg,
compact-workflow-status-warning.svg, tint.svg, vibrance.svg
</div>
</div>
</body>
</html>
Loading

0 comments on commit bed86a2

Please sign in to comment.