Welcome to Saepisan we create digital products and services that help brands thrive in a connected world.

View portfolio

#### Fontawesome icons

#### General

All icons require an `<i>` tag with a unique class, prefixed with `icon-`. To use, place the following code just about anywhere:

    <i class="icon-envelope-alt"></i>

#### Font variant

We have 3 font variant ( square, rounded, and circled ), add variant class ( icon-square, icon-rounded, icon-circled ) in the `<i>` code

###### Square icon

    <i class="icon-pencil icon-square"></i>

###### Rounded icon

    <i class="icon-envelope-alt icon-rounded"></i>

###### Circled icon

    <i class="icon-ban-circle icon-circled"></i>

#### using size

We have 3 font size ( icon 32, icon 64, and icon 128 ), add size class ( icon-32, icon-64, icon-128 ) in the `<i>` code

###### Square icon 32

    <i class="icon-pencil icon-square icon-32"></i>

###### Rounded icon 32

    <i class="icon-envelope-alt icon-rounded icon-32"></i>

###### Circled icon 32

    <i class="icon-ban-circle icon-circled icon-32"></i>

###### Square icon 64

    <i class="icon-pencil icon-square icon-64"></i>

###### Rounded icon 64

    <i class="icon-envelope-alt icon-rounded icon-64"></i>

###### Circled icon 64

    <i class="icon-ban-circle icon-circled icon-64"></i>

###### Square icon 128

    <i class="icon-pencil icon-square icon-128"></i>

###### Rounded icon 128

    <i class="icon-envelope-alt icon-rounded icon-128"></i>

###### Circled icon 128

    <i class="icon-ban-circle icon-circled icon-128"></i>

#### New Icons in 3.1.1

- icon-expand-alt
- icon-collapse-alt
- icon-smile
- icon-frown
- icon-meh
- icon-gamepad
- icon-keyboard
- icon-flag-alt
- icon-flag-checkered
- icon-terminal
- icon-code
- icon-mail-forward (alias)
- icon-mail-reply (alias)
- icon-reply-all
- icon-mail-reply-all (alias)

- icon-star-half-empty
- icon-star-half-full (alias)
- icon-location-arrow
- icon-rotate-left (alias)
- icon-rotate-right (alias)
- icon-crop
- icon-code-fork
- icon-unlink
- icon-question
- icon-info
- icon-exclamation
- icon-superscript
- icon-subscript
- icon-eraser
- icon-puzzle-piece

- icon-microphone
- icon-microphone-off
- icon-shield
- icon-calendar-empty
- icon-fire-extinguisher
- icon-rocket
- icon-maxcdn
- icon-chevron-sign-left
- icon-chevron-sign-right
- icon-chevron-sign-up
- icon-chevron-sign-down
- icon-html5
- icon-css3
- icon-anchor
- icon-unlock-alt

- icon-bullseye
- icon-ellipsis-horizontal
- icon-ellipsis-vertical
- icon-rss-sign
- icon-play-sign
- icon-ticket
- icon-minus-sign-alt
- icon-check-minus
- icon-level-up
- icon-level-down
- icon-check-sign
- icon-edit-sign
- icon-external-link-sign
- icon-share-sign

#### Web Application Icons

- icon-adjust
- icon-anchor
- icon-asterisk
- icon-ban-circle
- icon-bar-chart
- icon-barcode
- icon-beaker
- icon-beer
- icon-bell-alt
- icon-bell
- icon-bolt
- icon-book
- icon-bookmark-empty
- icon-bookmark
- icon-briefcase
- icon-bullhorn
- icon-bullseye
- icon-calendar-empty
- icon-calendar
- icon-camera-retro
- icon-camera
- icon-certificate
- icon-check-empty
- icon-check-minus
- icon-check-sign
- icon-check
- icon-circle-blank
- icon-circle
- icon-cloud-download
- icon-cloud-upload
- icon-cloud
- icon-code-fork
- icon-code
- icon-coffee
- icon-cog
- icon-cogs
- icon-collapse-alt
- icon-comment-alt
- icon-comment
- icon-comments-alt
- icon-comments
- icon-credit-card
- icon-crop
- icon-dashboard
- icon-desktop
- icon-download-alt
- icon-download
- icon-edit-sign
- icon-edit
- icon-ellipsis-horizontal
- icon-ellipsis-vertical

- icon-envelope-alt
- icon-envelope
- icon-eraser
- icon-exchange
- icon-exclamation-sign
- icon-exclamation
- icon-expand-alt
- icon-external-link-sign
- icon-external-link
- icon-eye-close
- icon-eye-open
- icon-facetime-video
- icon-fighter-jet
- icon-film
- icon-filter
- icon-fire-extinguisher
- icon-fire
- icon-flag-alt
- icon-flag-checkered
- icon-flag
- icon-folder-close-alt
- icon-folder-close
- icon-folder-open-alt
- icon-folder-open
- icon-food
- icon-frown
- icon-gamepad
- icon-gift
- icon-glass
- icon-globe
- icon-group
- icon-hdd
- icon-headphones
- icon-heart-empty
- icon-heart
- icon-home
- icon-inbox
- icon-info-sign
- icon-info
- icon-key
- icon-keyboard
- icon-laptop
- icon-leaf
- icon-legal
- icon-lemon
- icon-level-down
- icon-level-up
- icon-lightbulb
- icon-location-arrow
- icon-lock
- icon-magic

- icon-magnet
- icon-mail-forward (alias)
- icon-mail-reply (alias)
- icon-mail-reply-all (alias)
- icon-map-marker
- icon-meh
- icon-microphone-off
- icon-microphone
- icon-minus-sign-alt
- icon-minus-sign
- icon-minus
- icon-mobile-phone
- icon-money
- icon-move
- icon-music
- icon-off
- icon-ok-circle
- icon-ok-sign
- icon-ok
- icon-pencil
- icon-phone-sign
- icon-phone
- icon-picture
- icon-plane
- icon-plus-sign
- icon-plus
- icon-print
- icon-pushpin
- icon-puzzle-piece
- icon-qrcode
- icon-question-sign
- icon-question
- icon-quote-left
- icon-quote-right
- icon-random
- icon-refresh
- icon-remove-circle
- icon-remove-sign
- icon-remove
- icon-reorder
- icon-reply-all
- icon-reply
- icon-resize-horizontal
- icon-resize-vertical
- icon-retweet
- icon-road
- icon-rocket
- icon-rotate-left (alias)
- icon-rotate-right (alias)
- icon-rss-sign

- icon-rss
- icon-screenshot
- icon-search
- icon-share-alt
- icon-share-sign
- icon-share
- icon-shield
- icon-shopping-cart
- icon-sign-blank
- icon-signal
- icon-signin
- icon-signout
- icon-sitemap
- icon-smile
- icon-sort-down
- icon-sort-up
- icon-sort
- icon-spinner
- icon-star-empty
- icon-star-half-full (alias)
- icon-star-half-empty
- icon-star-half
- icon-star
- icon-tablet
- icon-tag
- icon-tags
- icon-tasks
- icon-terminal
- icon-thumbs-down
- icon-thumbs-up
- icon-ticket
- icon-time
- icon-tint
- icon-trash
- icon-trophy
- icon-truck
- icon-umbrella
- icon-unlock-alt
- icon-unlock
- icon-upload-alt
- icon-upload
- icon-user-md
- icon-user
- icon-volume-down
- icon-volume-off
- icon-volume-up
- icon-warning-sign
- icon-wrench
- icon-zoom-in
- icon-zoom-out

#### Text Editor Icons

- icon-file
- icon-file-alt
- icon-cut
- icon-copy
- icon-paste
- icon-save
- icon-undo
- icon-repeat
- icon-text-height

- icon-text-width
- icon-align-left
- icon-align-center
- icon-align-right
- icon-align-justify
- icon-indent-left
- icon-indent-right
- icon-font
- icon-bold

- icon-italic
- icon-strikethrough
- icon-underline
- icon-superscript
- icon-subscript
- icon-link
- icon-unlink
- icon-paper-clip
- icon-eraser

- icon-columns
- icon-table
- icon-th-large
- icon-th
- icon-th-list
- icon-list
- icon-list-ol
- icon-list-ul
- icon-list-alt

#### Directional Icons

- icon-angle-left
- icon-angle-right
- icon-angle-up
- icon-angle-down
- icon-arrow-down
- icon-arrow-left
- icon-arrow-right
- icon-arrow-up

- icon-caret-down
- icon-caret-left
- icon-caret-right
- icon-caret-up
- icon-chevron-down
- icon-chevron-left
- icon-chevron-right
- icon-chevron-up

- icon-chevron-sign-left
- icon-chevron-sign-right
- icon-chevron-sign-up
- icon-chevron-sign-down
- icon-circle-arrow-down
- icon-circle-arrow-left
- icon-circle-arrow-right
- icon-circle-arrow-up

- icon-double-angle-left
- icon-double-angle-right
- icon-double-angle-up
- icon-double-angle-down
- icon-hand-down
- icon-hand-left
- icon-hand-right
- icon-hand-up

#### Video Player Icons

- icon-play-circle
- icon-play-sign
- icon-play
- icon-pause

- icon-stop
- icon-eject
- icon-backward
- icon-forward

- icon-fast-backward
- icon-fast-forward
- icon-step-backward
- icon-step-forward

- icon-fullscreen
- icon-resize-full
- icon-resize-small

#### Brand Icons

- icon-css3
- icon-facebook
- icon-facebook-sign
- icon-twitter

- icon-twitter-sign
- icon-github
- icon-github-sign
- icon-html5

- icon-linkedin
- icon-linkedin-sign
- icon-maxcdn
- icon-pinterest

- icon-pinterest-sign
- icon-google-plus
- icon-google-plus-sign

#### Medical Icons

- icon-ambulance
- icon-beaker

- icon-h-sign
- icon-hospital

- icon-medkit
- icon-plus-sign-alt

- icon-stethoscope
- icon-user-md