[gem_icon pack=”material” style=”angle-90deg” size=”large” centered=”1″ icon_material=”f287″ color=”#ff896e” color_2=”#f33163″][gem_divider margin_top=”50″]

the art of icons

[gem_divider margin_top=”50″]

1000+ material & elegant icons included. Unlimited settings combinations. Rich selection of various styles, sizes, shapes and colors. Looks extremely sharp on any devices and screens. Not enough? Then add your own icons. It is easy!

[gem_divider margin_top=”100″]

based on four sizes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit

[gem_divider margin_top=”30″]

[gem_textbox rectangle_corner=”rb,lb” padding_top=”105″ border_radius=”200″][gem_icon pack=”material” shape=”circle” centered=”1″ icon_material=”f1c4″ color=”#ccff90″ background_color=”#46485c”][gem_divider margin_top=”20″][gem_divider margin_top=”84″]

Small

[gem_divider margin_top=”-15″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore

[gem_divider margin_top=”20″]

24/50

[/gem_textbox]

[gem_textbox rectangle_corner=”rb,lb” padding_top=”86″ border_radius=”200″][gem_icon pack=”material” shape=”circle” size=”medium” centered=”1″ icon_material=”f1c4″ color=”#3c3950″ background_color=”#1cbbb4″][gem_divider margin_top=”94″]

Medium

[gem_divider margin_top=”-15″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore

[gem_divider margin_top=”20″]

48/80

[/gem_textbox]

[gem_textbox rectangle_corner=”rb,lb” padding_top=”53″ border_radius=”200″][gem_icon pack=”material” shape=”circle” size=”large” centered=”1″ icon_material=”f1c4″ color=”#546e7a” background_color=”#aed581″][gem_divider margin_top=”57″]

Large

[gem_divider margin_top=”-15″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore

[gem_divider margin_top=”-7″]

96/160

[/gem_textbox]

[gem_textbox rectangle_corner=”rb,lb” padding_top=”10″ padding_left=”0″ padding_right=”0″ border_radius=”500″][gem_icon pack=”material” shape=”circle” size=”xlarge” centered=”1″ icon_material=”f25c” color=”#ffffff” background_color=”#cfdd82″][gem_divider margin_top=”20″]

X-Large

[gem_divider margin_top=”-15″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore

[gem_divider margin_top=”-7″]

144/240

[/gem_textbox]

[gem_divider margin_top=”80″]

[gem_fullwidth background_style=”cover” container=”1″ background_image=”3975″ padding_top=”130″ padding_bottom=”165″]

with different shapes and styles

[gem_divider margin_top=”100″]

[gem_divider margin_top=”52″]

two colorS

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut

[gem_icon pack=”material” style=”angle-90deg” icon_material=”f1c0″ color=”#ffffff” color_2=”#00bcd4″][gem_icon pack=”material” style=”angle-90deg” size=”medium” icon_material=”f184″ color=”#ffffff” color_2=”#00bcd4″][gem_icon pack=”material” style=”angle-90deg” size=”large” icon_material=”f457″ color=”#ffffff” color_2=”#00bcd4″][gem_icon pack=”material” style=”angle-90deg” size=”xlarge” icon_material=”f35d” color=”#ffffff” color_2=”#00bcd4″][gem_divider margin_top=”86″]

[gem_divider margin_top=”104″]

Round + outline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna

[gem_icon pack=”material” shape=”circle” icon_material=”f3ca” color=”#afffea” border_color=”#afffea”][gem_icon pack=”material” shape=”circle” size=”medium” icon_material=”f254″ color=”#9dead6″ border_color=”#9dead6″][gem_icon pack=”material” shape=”circle” size=”large” icon_material=”f152″ color=”#85cdba” border_color=”#85cdba”][gem_icon pack=”material” shape=”circle” size=”xlarge” icon_material=”f287″ color=”#69ac9a” border_color=”#69ac9a”][gem_divider margin_top=”40″]

[gem_divider margin_top=”104″]

Round + flat

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[gem_icon pack=”material” shape=”circle” icon_material=”f4d6″ color=”#2c2e3d” background_color=”#73a2f0″ border_color=”#73a2f0″][gem_icon pack=”material” shape=”circle” size=”medium” icon_material=”f116″ color=”#2c2e3d” background_color=”#69c8f4″][gem_icon pack=”material” shape=”circle” size=”large” icon_material=”f4d9″ color=”#2c2e3d” background_color=”#73e9f0″][gem_icon pack=”material” shape=”circle” size=”xlarge” icon_material=”f4cc” color=”#2c2e3d” background_color=”#afffea” border_color=”#afffea”][gem_divider margin_top=”40″]

[gem_divider margin_top=”104″]

Round +alpha

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[gem_icon pack=”material” shape=”circle” icon_material=”f3c5″ color=”#afe0ff” background_color=”#42406c” border_color=”rgba(93,79,135,0.31)”][gem_icon pack=”material” shape=”circle” size=”medium” icon_material=”f39b” color=”#afe0ff” background_color=”#42406c” border_color=”rgba(93,79,135,0.31)”][gem_icon pack=”material” shape=”circle” size=”large” icon_material=”f15b” color=”#afe0ff” background_color=”#42406c” border_color=”rgba(93,79,135,0.31)”][gem_icon pack=”material” shape=”circle” size=”xlarge” icon_material=”f1e5″ color=”#afe0ff” background_color=”#42406c” border_color=”rgba(93,79,135,0.31)”][gem_divider margin_top=”170″]

[gem_icon pack=”material” size=”xlarge” icon_material=”f268″ color=”#ccff90″ border_color=”#5c696d”][gem_icon pack=”material” size=”large” icon_material=”f251″ color=”#ccff90″ border_color=”#5c696d”][gem_icon pack=”material” size=”medium” icon_material=”f422″ color=”#ccff90″ border_color=”#5c696d”][gem_icon pack=”material” icon_material=”f1d9″ color=”#ccff90″ border_color=”#5c696d”][gem_divider margin_top=”50″]

[gem_divider margin_top=”104″]

square + outline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[gem_icon pack=”material” size=”xlarge” icon_material=”f198″ color=”#a3e7f0″ background_color=”#5c696d”][gem_icon pack=”material” size=”large” icon_material=”f28d” color=”#a3e7f0″ background_color=”#5c696d”][gem_icon pack=”material” size=”medium” icon_material=”f269″ color=”#a3e7f0″ background_color=”#5c696d”][gem_icon pack=”material” icon_material=”f216″ color=”#a3e7f0″ background_color=”#5c696d”][gem_divider margin_top=”50″]

[gem_divider margin_top=”104″]

square + FLAT

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[gem_icon pack=”material” size=”xlarge” icon_material=”f420″ color=”#ff808c” background_color=”rgba(216,27,96,0.29)” border_color=”rgba(136,14,79,0.29)”][gem_icon pack=”material” size=”large” icon_material=”f487″ color=”#ffa180″ background_color=”rgba(222,30,49,0.3)” border_color=”rgba(145,19,25,0.29)”][gem_icon pack=”material” size=”medium” icon_material=”f2ff” color=”#ffbf80″ background_color=”rgba(239,100,32,0.31)” border_color=”rgba(136,63,14,0.29)”][gem_icon pack=”material” icon_material=”f310″ color=”#ffe380″ background_color=”rgba(225,144,38,0.31)” border_color=”rgba(96,89,64,0.3)”][gem_divider margin_top=”160″]

[gem_divider margin_top=”104″]

square + ALPHA

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[gem_divider margin_top=”94″]

Hexagon + Border

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[gem_icon pack=”material” shape=”hexagon” icon_material=”f3f0″ color=”#f67f93″ background_color=”#393d50″ border_color=”#f67f93″][gem_icon pack=”material” shape=”hexagon” size=”medium” icon_material=”f45e” color=”#f67f93″ background_color=”#2c2e3d” border_color=”#f67f93″][gem_icon pack=”material” shape=”hexagon” size=”large” icon_material=”f5cf” color=”#f67f93″ background_color=”#2c2e3d” border_color=”#f67f93″][gem_icon pack=”material” shape=”hexagon” size=”xlarge” icon_material=”f428″ color=”#f67f93″ background_color=”#2c2e3d” border_color=”#f67f93″]

[gem_divider margin_top=”147″]

Hexagon + Flat

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[gem_divider margin_top=”50″][gem_icon pack=”material” shape=”hexagon” icon_material=”f580″ color=”#2c2e3d” background_color=”#a7be61″][gem_icon pack=”material” shape=”hexagon” size=”medium” icon_material=”f4e1″ color=”#2c2e3d” background_color=”#a7be61″][gem_icon pack=”material” shape=”hexagon” size=”large” icon_material=”f266″ color=”#2c2e3d” background_color=”#a7be61″][gem_icon pack=”material” shape=”hexagon” size=”xlarge” icon_material=”f57f” color=”#2c2e3d” background_color=”#a7be61″]

[gem_divider margin_top=”147″]

Hexagon + alpha

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[gem_divider margin_top=”50″][gem_icon pack=”material” shape=”hexagon” icon_material=”f353″ color=”#a1ad87″ background_color=”rgba(207,255,147,0.3)” border_color=”rgba(120,148,85,0.3)”][gem_icon pack=”material” shape=”hexagon” size=”medium” icon_material=”f1c0″ color=”#a1ad87″ background_color=”rgba(207,255,147,0.3)” border_color=”rgba(120,148,85,0.3)”][gem_icon pack=”material” shape=”hexagon” size=”large” icon_material=”f354″ color=”#a1ad87″ background_color=”rgba(207,255,147,0.3)” border_color=”rgba(120,148,85,0.3)”][gem_icon pack=”material” shape=”hexagon” size=”xlarge” icon_material=”f352″ color=”#a1ad87″ background_color=”rgba(207,255,147,0.3)” border_color=”rgba(120,148,85,0.3)”]

[gem_divider margin_top=”200″]

[gem_icon pack=”material” shape=”romb” size=”xlarge” icon_material=”f34d” color=”#0fb590″ border_color=”#0fb590″][gem_icon pack=”material” shape=”romb” size=”large” icon_material=”f2c6″ color=”#38c1d8″ border_color=”#38c1d8″][gem_icon pack=”material” shape=”romb” size=”medium” icon_material=”f36e” color=”#3c88ca” border_color=”#3c88ca”][gem_icon pack=”material” shape=”romb” icon_material=”f565″ color=”#29396c” border_color=”#29396c”]

[gem_divider margin_top=”101″]

diamond + outline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[gem_divider margin_top=”70″]

[gem_icon pack=”material” shape=”romb” size=”xlarge” icon_material=”f451″ color=”#2c2e3d” background_color=”#b5d44c”][gem_icon pack=”material” shape=”romb” size=”large” icon_material=”f40d” color=”#2c2e3d” background_color=”#c0dc8d”][gem_icon pack=”material” shape=”romb” size=”medium” icon_material=”f2cb” color=”#2c2e3d” background_color=”#bebd71″][gem_icon pack=”material” shape=”romb” icon_material=”f4f0″ color=”#2c2e3d” background_color=”#c279b1″]

[gem_divider margin_top=”101″]

diamond + flat

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[gem_divider margin_top=”70″]

[gem_icon pack=”material” shape=”romb” size=”xlarge” icon_material=”f36a” color=”#ffba43″ background_color=”rgba(254,188,15,0.3)” border_color=”rgba(163,125,26,0.3)”][gem_icon pack=”material” shape=”romb” size=”large” icon_material=”f371″ color=”#f78a51″ background_color=”rgba(247,138,81,0.3)” border_color=”rgba(162,93,57,0.3)”][gem_icon pack=”material” shape=”romb” size=”medium” icon_material=”f36b” color=”#ee435d” background_color=”rgba(238,67,93,0.3)” border_color=”rgba(148,35,53,0.3)”][gem_icon pack=”material” shape=”romb” icon_material=”f377″ color=”#eb0873″ background_color=”rgba(137,23,77,0.3)” border_color=”rgba(235,8,115,0.3)”]

[gem_divider margin_top=”101″]

diamond + alpha

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[/gem_fullwidth]

[gem_divider margin_top=”96″][gem_icon pack=”material” shape=”romb” size=”xlarge” centered=”1″ icon_material=”f13b” color=”#000000″ background_color=”#ffca3c” border_color=”#ffca3c”][gem_divider margin_top=”70″]

usage examples

[gem_divider margin_top=”50″]

[gem_icon pack=”material” shape=”circle” size=”large” centered=”1″ icon_material=”f12e” color=”#3c3950″ background_color=”#f0f3f2″][gem_divider margin_top=”35″]

[gem_icon pack=”material” shape=”circle” size=”large” centered=”1″ icon_material=”f17d” color=”#3c3950″ background_color=”#f0f3f2″][gem_divider margin_top=”35″]

[gem_icon pack=”material” shape=”circle” size=”large” centered=”1″ icon_material=”f2ba” color=”#3c3950″ background_color=”#f0f3f2″][gem_divider margin_top=”35″]

[gem_divider margin_top=”50″]

[gem_textbox bottom_style=”flag” padding_top=”37″ padding_bottom=”50″][gem_icon pack=”material” shape=”circle” size=”medium” centered=”1″ icon_material=”f268″ color=”#dcff62″ background_color=”#46485c”][gem_divider margin_top=”31″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad

[/gem_textbox]

[gem_textbox bottom_style=”flag” padding_top=”37″ padding_bottom=”50″][gem_icon pack=”material” shape=”circle” size=”medium” centered=”1″ icon_material=”f355″ color=”#64ffda” background_color=”#46485c”][gem_divider margin_top=”31″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad

[/gem_textbox]

[gem_textbox bottom_style=”flag” padding_top=”37″ padding_bottom=”50″][gem_icon pack=”material” shape=”circle” size=”medium” centered=”1″ icon_material=”f456″ color=”#ffffff” background_color=”#46485c”][gem_divider margin_top=”31″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad

[/gem_textbox]

[gem_textbox bottom_style=”flag” padding_top=”37″ padding_bottom=”50″][gem_icon pack=”material” shape=”circle” size=”medium” centered=”1″ icon_material=”f3d5″ color=”#d29bed” background_color=”#46485c”][gem_divider margin_top=”31″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad

[/gem_textbox]

[gem_divider margin_top=”26″]

[gem_divider margin_top=”63″]

[gem_divider margin_top=”15″]

great icons

[gem_divider margin_top=”10″]

Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi

[gem_divider margin_top=”35″]

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla

[gem_divider margin_top=”68″]

[gem_divider margin_top=”15″][gem_icon pack=”material” shape=”circle” size=”medium” icon_material=”f2a4″ color=”#46485c” background_color=”#ffffff” border_color=”#ffffff”]

[gem_divider margin_top=”15″]

clean design

[gem_divider margin_top=”10″]

Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi

[gem_divider margin_top=”35″]

[gem_divider margin_top=”68″]

[gem_divider margin_top=”15″][gem_icon pack=”material” shape=”circle” size=”medium” icon_material=”f347″ color=”#5f727f” background_color=”#ffffff” border_color=”#ffffff”]

[gem_divider margin_top=”15″]

easy to use

[gem_divider margin_top=”10″]

Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi

[gem_divider margin_top=”35″]

[gem_divider margin_top=”68″]

[gem_divider margin_top=”15″][gem_icon pack=”material” shape=”circle” size=”medium” icon_material=”f346″ color=”#00bcd4″ background_color=”#ffffff” border_color=”#ffffff”]

[gem_divider margin_top=”65″]

with text wrap

[gem_divider margin_top=”11″]

[gem_icon_with_text icon_pack=”material” icon_size=”medium” flow=”1″ icon_material=”f3a7″ icon_color=”#ffffff” icon_background_color=”#3c3950″]

ipsum dolor sit amet, consectetur adi pisicing elit, sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

[/gem_icon_with_text]

[gem_icon_with_text icon_pack=”material” icon_size=”medium” flow=”1″ icon_material=”f3c6″ icon_color=”#ffffff” icon_background_color=”#00bcd4″]

[/gem_icon_with_text]

[gem_divider margin_top=”44″]

matrix without wrap

[gem_divider margin_top=”14″]

[gem_textbox padding_top=”55″ padding_bottom=”30″ padding_left=”55″ padding_right=”55″]

[gem_icon_with_text icon_pack=”material” icon_shape=”circle” icon_material=”f39b” icon_color=”#f46f66″ icon_background_color=”#ffffff” icon_top_side_padding=”5″ icon_right_side_padding=”20″]