Skip to content
This repository has been archived by the owner on Aug 12, 2021. It is now read-only.
Jose E. Gonzalez Modecir edited this page Jul 28, 2017 · 1 revision

Usage

The icons included in the Techne library are the ones used by the components themselves. There is no general purpose icons to use expect a few exceptions

Icon template

To keep all the style an proportions of the icons consitent, the use of the following template is recommended.

image

Download the template in SVG format: techne-icon-template.svg.zip

The template have a set of guides to keep the size in the icon themselves and the proportions standard.

The guides can be used depending on the different shape of the icon.

image

Sizes

We will be using 18px, 26px and 32px sizes for icons.

Attached are examples:

techne_2 0_icons_master

Small and medium are represented here: Small is the "!" icon.

Medium is the radio button.

screen shot 2017-07-26 at 3 41 14 pm

Large icons are used in fields.

screen shot 2017-07-26 at 3 41 48 pm