Skip to content

Commit

Permalink
Update "iconography" page (#1877)
Browse files Browse the repository at this point in the history 
Automatically generated. Merged on Netlify CMS.
  • Loading branch information
@sonnakim
sonnakim authored Jan 11, 2024
1 parent b9868fd commit 01ac6a7
Showing 1 changed file with 17 additions and 20 deletions.
37 changes: 17 additions & 20 deletions docs/pages/iconography.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ section: foundation
variation_groups:
- variation_group_name: Icon library
variations:
- variation_code_snippet: ''
- variation_code_snippet: ""
variation_description: >-
Use the canonical icon name when referencing the icons in code,
however, "aliases" are provided in the table below to help you search
Expand Down Expand Up @@ -35,7 +35,7 @@ variation_groups:
### Navigation icons
| icon | icon-round | canonical name | aliases (for searchability only) | RTL? |
| icon | icon-round | canonical name | aliases (for searchability only) | Right-to-left? |
| ---- | ---------- | -------------- | ------- | ------ |
Expand Down Expand Up @@ -65,7 +65,7 @@ variation_groups:
### Status icons
| icon | icon-round | canonical name | aliases (for searchability only) | RTL? |
| icon | icon-round | canonical name | aliases (for searchability only) | Right-to-left? |
| ---- | ---------- | -------------- | ------- | ------ |
Expand Down Expand Up @@ -101,7 +101,7 @@ variation_groups:
### Social/sharing icons
| icon | icon-square | canonical name | aliases (for searchability only) | RTL? |
| icon | icon-square | canonical name | aliases (for searchability only) | Right-to-left? |
| ---- | ----------- | -------------- | ------- | ------ |
Expand All @@ -127,7 +127,7 @@ variation_groups:
### Communications icons
| icon | icon-round | canonical name | aliases (for searchability only) | RTL? |
| icon | icon-round | canonical name | aliases (for searchability only) | Right-to-left? |
| ---- | ---------- | -------------- | ------- | ------ |
Expand Down Expand Up @@ -155,7 +155,7 @@ variation_groups:
### Document icons
| icon | icon-round | canonical name | aliases (for searchability only) | RTL? |
| icon | icon-round | canonical name | aliases (for searchability only) | Right-to-left? |
| ---- | ---------- | -------------- | ------- | ------- |
Expand Down Expand Up @@ -199,7 +199,7 @@ variation_groups:
### Financial products, services, and concepts
| icon | icon-round | canonical name | aliases (for searchability only) | RTL? |
| icon | icon-round | canonical name | aliases (for searchability only) | Right-to-left? |
| ---- | ---------- | -------------- | ------- | ------ |
Expand Down Expand Up @@ -273,7 +273,7 @@ variation_groups:
### Expense icons
| icon | icon-round | canonical name | aliases (for searchability only) | RTL? |
| icon | icon-round | canonical name | aliases (for searchability only) | Right-to-left? |
| ---- | ---------- | -------------- | ------- | ------- |
Expand Down Expand Up @@ -331,7 +331,7 @@ variation_groups:
### Web application icons
| icon | icon-round | canonical name | aliases (for searchability only) | RTL? |
| icon | icon-round | canonical name | aliases (for searchability only) | Right-to-left? |
| ---- | ---------- | -------------- | ------- | ------ |
Expand Down Expand Up @@ -435,7 +435,7 @@ variation_groups:
### Numerical icons
| icon | icon-round | canonical name | aliases (for searchability only) | RTL? |
| icon | icon-round | canonical name | aliases (for searchability only) | Right-to-left? |
| ---- | ---------- | -------------- | ------- | ------ |
Expand Down Expand Up @@ -480,19 +480,16 @@ variation_groups:
| {% include icons/nine-closed.svg %} | | nine-closed | | |
{: class="icon-table"}
variation_name: ''
variation_implementation:
Each icon has a circular variant shown in the second
variation_name: ""
variation_implementation: Each icon has a circular variant shown in the second
column (or square, in the case of the social media icons) that can be
accessed by appending -round (or -square) to the canonical name.
- variation_is_deprecated: false
variation_name: Animated icon
variation_description:
In certain instances, icons can be animated to aid
variation_description: In certain instances, icons can be animated to aid
communication or to reassure the user that an action is functioning as
intended. Examples include saving or loading content.
variation_code_snippet:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16
variation_code_snippet: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16
19" class="cf-icon-svg cf-icon-svg__updating"><path d="M5.857
3.882v3.341a1.03 1.03 0 0 1-2.058 0v-.97a5.401 5.401 0 0 0-1.032 2.27
1.03 1.03 0 1 1-2.02-.395A7.462 7.462 0 0 1 2.235 4.91h-.748a1.03 1.03
Expand Down Expand Up @@ -526,7 +523,7 @@ variation_groups:
- variation_group_name: Icons with text
variations:
- variation_is_deprecated: false
variation_code_snippet: ''
variation_code_snippet: ""
variation_description: "<div class=\"content-50 content-first\"
markdown=\"1\">\r
Expand Down Expand Up @@ -667,7 +664,7 @@ description: >-
</div>
use_cases: ''
use_cases: ""
behavior: >-
### SVG icon basics
Expand Down Expand Up @@ -697,5 +694,5 @@ behavior: >-
Please reference the [Links](https://cfpb.github.io/design-system/components/links#links-with-icons) page for guidance regarding icons paired with links.
related_items: ''
related_items: ""
---

0 comments on commit 01ac6a7

Please sign in to comment.