Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Icon: New Icons [Gestalt-8746] #3926

Merged
merged 12 commits into from
Jan 8, 2025
Merged

Icon: New Icons [Gestalt-8746] #3926

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
66c730a
add and update icons
rlingineni Nov 26, 2024
f1e476e
update types
rlingineni Nov 26, 2024
323c2b6
Merge branch 'master' into ravi-export-icons
rlingineni Dec 5, 2024
fe43c1f
update icons
rlingineni Dec 5, 2024
aa8532e
update
rlingineni Dec 5, 2024
a2d1fc0
revert android icons
rlingineni Dec 5, 2024
751ee09
Merge branch 'master' into ravi-export-icons
rlingineni Jan 7, 2025
9d94dcb
add new compact icons
rlingineni Jan 7, 2025
a7a710a
fix formatting
rlingineni Jan 7, 2025
e4d76ad
update tests
rlingineni Jan 7, 2025
bb585f5
Merge branch 'master' into ravi-export-icons
rlingineni Jan 7, 2025
0e858da
update tests
rlingineni Jan 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 36 additions & 0 deletions docs/pages/foundations/iconography/ICON_DATA.json
View file
Open in desktop
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
Open in desktop
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
Loading