Skip to content

uiowa/brand-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Adding new icons to Icon Browser

Here is a tool designed to assist in this process.

  1. Clone this repository
  2. Check out a new branch. Example: git checkout new_icons_9-13-22
  3. Place the new icons in this repository's icons/ folder with the following naming convention and color variants:
  • (icon-name)-two-color.svg
  • (icon-name).svg (black one color variant)
  1. Add an icon entry to icons.json along with keywords and the date added.

Example:

{
    "name": "laundry-basket",
    "keywords":
    [
        "wash",
        "clothes",
        "clothing",
        "clean",
        "hygiene",
        "cleaner",
        "cleaning",
        "washer",
        "washing machine",
        "cleanse",
        "bottle",
        "dorm",
        "living",
        "home"
    ],
    "dateAdded": "2022-05-24"
},
  1. Add the corresponding icon entry's name to categories.json in the "Recently added" category.

Example:

{
    "label": "Recently added",
    "slug": "recently-added",
    "keywords": "recently-added",
    "icon": "clock",
    "icons": [
        ...
        "laundry-basket",
    ]
},
  1. Add the icon entry's name to the proper category in categories.json

Example:

{
    "label": "Home and Personal",
    "slug": "home-personal",
    "keywords": "home personal house clothes",
    "icon": "person-one",
    "icons": [
        ...
        "laundry-basket",
        ...
    ]
},
  1. Commit and push your new branch.
  2. Generate a PR to merge into main.
  3. Merge into main and take note of the commit hash.
  4. Follow the instructions in the README on the Icon Browser repository to continue updating the Icon Browser with the newly added icons.