Customizable Icons

by i Sayama事務局

[separator headline=”h3″ title=”Beautiful customizable icons”]
[one_fourth]

comment
down-open-mini
trophy
glass
heart
camera
tag
pencil-1
laptop
link
location
rss
volume-up
resize-full
loop
eject
award-empty
bat-half
cd
aperture-alt
brush
cloud
umbrella
puzzle
down-1

[/one_fourth]
[one_fourth]

chat-1
left-open-mini
monitor
search
video
camera-alt
tags
cog-alt
tablet
pin-1
article
share
headphones
resize-small
exchange
target
list
bat-full
equalizer
steering-wheel
eyedropper
rain
chart-bar
search-1
left-1

[/one_fourth]
[one_fourth]

calendar
right-open-mini
mobile-1
mail
videocam
home
bookmark
wrench
font-ok
pencil-alt
book-open
mic
clock
move
split
signal
list-nested
bat-charge
cursor
book
layers
flash
home-1
user-1
right-1

[/one_fourth]
[one_fourth_last]

lamp-1
up-open-mini
leaf
mail-alt
picture
pin
bookmark-empty
calendar-1
cancel
undo
folder
volume-off
block
popup
arrow-curved
award
bat-empty
mobile
aperture
book-alt
sun-inv
moon
cog
users
up-1

[/one_fourth_last]
[separator headline=”h4″ title=”Example code”]

[icon icon="chat-1"]

[gap height=”30″]
[separator headline=”h3″ title=”You also can set size and color for the icon”]
[one_fourth]

[/one_fourth]
[one_fourth]

[/one_fourth]
[one_fourth]

[/one_fourth]
[one_fourth_last]

[/one_fourth_last]
It is a long established fact that a reader will be distracted by the new readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it in look like normal distribution of letters readable English.
[gap height=”20″]
[separator headline=”h4″ title=”Example code”]

[icon icon="chat-1" size="14px" color="#a2c852"]

[gap height=”30″]
[separator headline=”h3″ title=”Use font icons in combination with title”]

This is a h1 Headline

It is a long established fact that a reader will be distracted by the new readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it in look like normal distribution of letters readable English.
[gap height=”30″]

This is a h2 Headline

It is a long established fact that a reader will be distracted by the new readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it in look like normal distribution of letters readable English.
[gap height=”30″]

This is a h3 Headline

It is a long established fact that a reader will be distracted by the new readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it in look like normal distribution of letters readable English.
[gap height=”30″]

This is a h4 Headline

It is a long established fact that a reader will be distracted by the new readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it in look like normal distribution of letters readable English.
[gap height=”30″]

This is a h5 Headline

It is a long established fact that a reader will be distracted by the new readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it in look like normal distribution of letters readable English.
[gap height=”30″]

This is a h6 Headline

It is a long established fact that a reader will be distracted by the new readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it in look like normal distribution of letters readable English.
[gap height=”30″]
[separator headline=”h4″ title=”Example code”]

<h1>[icon icon="chat-1"] Icons work perfectly with Headlines</h1>