Creating a round background to place an icon on.

This starts off a square which is then made round by applying 100% radius to it.

The colour is set in the background

The Icon colour comes from the text colour in typography.

The size of the circle is determined by

the box it is in

Padding

The graphic inside is a SVG

See Open Library To do that you need to click on the Shape icon.

Initiate contact with the visitor and let them know you can help

This is placeholder text which will be replaced by your content. Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam corper. Pharetra torquent auctor metus felis nibh velit. Natoque tellus semper taciti nostra. Semper pharetra montes habitant congue integer nullam magnis maximus.

Call for Service Today

(888) 555-5555

Main Office

22 Landscaper Drive
Viera, FL 32940

Phone Number

(888) 555-5555

Email Address

info@landscaper.com

Service Hours

Monday – Friday
8am – 5pm

Call for Service Today

(888) 555-5555

Call for Service Today

(888) 555-5555

Call for Service Today

(888) 555-5555

Call for more information

To make this icon work I have changed the font color code to currentColor. Wherever that appeared I have made it currentColor now that can be changed from any setting in the colour palette.

To make this icon work I have changed the font color code to currentColor. Wherever that appeared I have made it currentColor now that can be changed from any setting in the colour palette. The size is dictated by the padding on the Shape this large size is 4.75 Rem

To make this icon work I have changed the font color code to currentColor. Wherever that appeared I have made it currentColor now that can be changed from any setting in the colour palette. This has a width and height of 32px. Padding .75Rem border radius 100%

This how I would expect this to work create an icon set it as float left and then this text is on the right of the graphic. This block as 40px top and bottom. The margin-right: 40px;

Creating an Icon Background

Creating a round background to place an icon on.

Initiate contact with the visitor and let them know you can help

(888) 555-5555

(888) 555-5555

(888) 555-5555

(888) 555-5555

Call for more information

To make this icon work I have changed the font color code to currentColor. Wherever that appeared I have made it currentColor now that can be changed from any setting in the colour palette.

To make this icon work I have changed the font color code to currentColor. Wherever that appeared I have made it currentColor now that can be changed from any setting in the colour palette. The size is dictated by the padding on the Shape this large size is 4.75 Rem

To make this icon work I have changed the font color code to currentColor. Wherever that appeared I have made it currentColor now that can be changed from any setting in the colour palette. This has a width and height of 32px. Padding .75Rem border radius 100%

This how I would expect this to work create an icon set it as float left and then this text is on the right of the graphic. This block as 40px top and bottom. The margin-right: 40px;