Icono – Pure CSS Icons for WordPress

Add Icono pure CSS icons to your WordPress site.

Description

This lightweight plugin adds the Icono pure css icons stylesheet to your WordPress site.

Icono

Icono is a beautiful icon pack that needs no external resources except one small stylesheet. No javascript or font pack needed. Any tag can be made into an icon with pure CSS by giving it the appropriate class.
Just add an icono class to any type of element that supports the psuedo-element.

Icono was created and is maintained by Saeed Alipoor and currently features 130 pure CSS icons.

Shortcode

The shortcodes [icon name] and [icono name] are available for easy insertion of icons in post or text widget content. See https://saeedalipoor.github.io/icono/ for available icons and their corresponding name. You can simply paste the name (with or without “icono-“) or use name=”icono-name” as a parameter.

There are also the parameters scale, rotation, color and style (for custom styling) available.

Example

To show a big* red arrow pointing left:

[icon locationArrow scale=2 rotation=225 color=red]
  • Note: scale=1 corresponds with the default of around 32 x 32 pixels for most icons.

Installation

= WordPress =

Quick installation: Install now !

… OR …

Go to that slick Plugins > Add New back-end page and search for “icono”.

… OR …

Follow these steps:

  1. Download archive.
  2. Upload the zip file via the Plugins > Add New > Upload page … OR … unpack and upload with your favourite FTP client to the /plugins/ folder.
  3. Activate the plugin on the Plug-ins page.

Done!

= WordPress MU / WordPress 3+ in Multi Site mode =

Same as above but do a Network Activate to make the stylesheet and shortcode available on each site on your network. No database tables are created or manipulated and no activation hook needs to be run for it to function with default settings.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.