
:icons: font
:imagesdir: images


== Inserting Icons

// Please refer to the chapter text for help.

// You will have to render this file using AsciiDoctor and AsciiDoctor-pdf to see the output

//1. Notice that the header of this file has the :icons: font attribute. This is needed to access the default Font Awesome icon set. Also we have set the :imagesdir: attribute to our images folder. We will change this in exercise 3 below. 

//2. Replace the letters in CAPS with an appropriate icon at the start of the following lines. We will be using the default font awesome library for this.
// To insert icon use icon:cog[] i.e. use the caps name but in lower case. 


====
COG Showing a widget or setting 

MAP-MARKER Depicting Location 

THERMOMETER-THREE-QUARTERS Thermometer 

LEAF Leaf

MICROPHONE-SLASH Muted Microphone
====


//2. insert and image based icon in the following textby replacing word in CAPS with image:open.svg[24,24] . This works only when imagesdir attribute is set to images. The 24,24 is size. Try changing ito 32,32 or 16,16 for other sizes. 

OPEN All Documents are Open


//3. Change icons from font to image and icontype to svg. Then use icon:triangle[] replacing the letter in CAPS to insert the alert icon. This icon is now coming from the icons folder inside images 

:icons: image
:icontype: svg

TRIANGLE Pressing delete will remove file forever. 

// This way you can store many image icons from the next tasks (outside this file) in the icons folder and use them as above. To revert back to font based icons - put :icons: font in the body of the text. 

