<commit_before>---
layout: page
title: Minicons
category: Identity
---

Minicons are smallscale icons that visually reinforce an interface action, file type, status, or category.

Minicons are visually simple, quickly recognizable, and easy to understand. They are almost always used in context with descriptive text and function to reinforce the message of that text.

![CFPB Minicons]({{ site.baseurl }}/assets/img/minicons/Minicons0_@2.png "CFPB Minicons")

## Stylistic Guidelines
### Scaling

Web scale
The following primary benchmark sizes should be used for web sizing:
* 16px: inline with text
* 20px: on buttons
* 25px: social media sharing sets
* 30px: inline with large text links
* 40px: paired with primary headers

Print scale
The following primary benchmark sizes should be used for print sizing:
* 14pt: inline with text
* 21pt: numbers, contact icons
* 28pt: numbers, contact icons
* 36pt: numbers, contact icons
* 48pt: paired with primary headers

### Color
Minicons should always be one color. If used over a color field, negative space should be knocked out. 

Although color usage is flexible, minicons should always be used in high contrast tones relative to the background to maximize legibility.

### Spacing
Padding varies around minicons of various primary shapes. Square, vertically and horizontally rectangular, diagonal, and most complex minicons can fit within the relative padding bounding box. Circular and some complex icons should be slightly larger to offset the visual weight of surrounding negative space.<commit_msg>resolving conflict<commit_after>---
layout: page
title: Minicons
category: Identity
---

Minicons are small-scale icons that visually reinforce an interface action, file type, status, or category.

Minicons are visually simple, quickly recognizable, and easy to understand. They are almost always used in context with descriptive text and function to reinforce the message of that text.

![CFPB Minicons]({{ site.baseurl }}/assets/img/minicons/Minicons0_@2.png "CFPB Minicons")

## Stylistic Guidelines

### Scaling

#### Web scale
The following primary benchmark sizes should be used for web sizing:

* 16px: inline with text
* 20px: on buttons
* 25px: social media sharing sets
* 30px: inline with large text links
* 40px: paired with primary headers

#### Print scale
The following primary benchmark sizes should be used for print sizing:

* 14pt: inline with text
* 21pt: numbers, contact icons
* 28pt: numbers, contact icons
* 36pt: numbers, contact icons
* 48pt: paired with primary headers

### Color
Minicons should always be one color. If used over a color field, negative space should be knocked out. 

Although color usage is flexible, minicons should always be used in high contrast tones relative to the background to maximize legibility.

### Spacing
Padding varies around minicons of various primary shapes. Square, vertically and horizontally rectangular, diagonal, and most complex minicons can fit within the relative padding bounding box. Circular and some complex icons should be slightly larger to offset the visual weight of surrounding negative space.

{'fraction_non_alphanumeric': 0.05718849840255591, 'fraction_numerical': 0.014057507987220448, 'mean_word_length': 4.918714555765596, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 2, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5069826', 'n_tokens_mistral': 833, 'n_tokens_neox': 744, 'n_words': 430}