Controllercons was born from a passion for video games and iconography. The free-to-use icon pack is available to anyone who wants to decorate their website, add a bit of sparkle to a piece of print or jazz up their video title cards.
Controllercons is an ever-evolving project consisting of 24 video game controller icons, each with solid and outline variants. Each icon has been crafted to match the aesthetic of the controller whilst retaining legibility at smaller font sizes.
As the project grows so too will the variety of icons. v1.1 expands on the great game controllers from bygone eras but it doesn't stop here. More are on the way!
How to use
controllercons folder to your site's root directory and the following code to the
<head> of your website.
<link rel="stylesheet" href="controllercons/controllercons.css">
Alternatively, embed the contents of
controllercons.css into your site's main stylesheet, making sure to check the path of the font files at lines 3 & 4.
<i class="cc cc-[name]"></i> to embed controllercons into your code. Check the included demo for icon references or click the demo button below.
.cssfiles (expanded and minified)
.htmldemo page containing all controllercon class and unicode references
You can use the included
.psd file for icon references or the demo button below.
License & usage
Controllercons are free to use for everyone, for both personal and commercial use. The only thing not permitted is the reselling of these icons.
Although contradictory, attribution is not required but it is always appreciated.
The Controllercons WordPress plugin is now live, allowing you to embed controllercons directly into your blog's content and template files.View Plugin Info
8 new icons:
- Atari 2600
- Sega Master System
- Sega Dreamcast
- Switch Pro Controller
- Wii Classic
- Wii U Pro Controller
- Xbox Controller S
- Redesigned outline icons
- Cleaner standard icons
- 8 new icons:
- 17 icons each with two variants
- Webfont download for web usage
- Typekit download for desktop usage
WordPress Plugin is now available
- Add Controllercons directly to your content via the WYSIWYG editor
- Use the
[controllercon]shortcode to embed icons anywhere else on your site