Primer

Icons and illustration usage

On this page

Follow these guidelines to best use GitHub icons and illustrations within a presentation. Approved visual assets are provided within the asset library.

Don’t

Alter the illustrations

Don’t

Combine images that use different stylings

Icons

Icons are used to show a visual association with different objects.

Icon pairing example with community pairing with a globe, learning with a lightbulb, virtual reality with a vr headset, and blockchain with lock surrounded by connected checkboxes in a circle

Replace icons (Keynote)

keynote-icon-replace

Step	Example
1. Open GitHub-keynote-icons.key
2. Select icon and copy
3. In your presentation, select your icon layout template (1-4 icons available)
4. Select the icon you would like to replace
5. Paste

Replace icons (Google Slides)

Step 1: Choose your icon

Go to https://ghicons.github.com/
Find the icon you’d like to use
Right click > Copy Image Address

Step 2: Add to slide

On slide, click placeholder icon
Click Replace Image > By URL
Paste URL copied from ghicons.github.com

There is a wide variety of illustrations that are available to use for your presentation. The Octodex is full of pre-approved Octocat illustrations. If you'd like to customize your own Octocat, use the Octocat Generator.

Need a specific illustration? Create an issue within the presentations repo.