Adding an icon

Step 1

Download the iconfont, upload its files to a server and add a special style.css file to your page:

<link rel="stylesheet" href="mobirise/style.css">
See the instruction here.
Step 2

Use special classes or codes to add icons to your page:

<span class="mbri-hearth"></span>
Download SVG

16dp

24dp

30dp

mbri-hearth

\e92b

Mobirise Icons Cheatsheet

Mobile-friendly

mbri-mobirise

app icon

mbri-mobile

device icon font svg icon, phone icon font svg icon, smartphone icon font svg icon, android icon font svg icon, iphone icon

mbri-mobile2

device icon font svg icon, phone icon font svg icon, smartphone, icon android icon font svg icon, iphone icon

mbri-tablet

device icon

mbri-tablet-vertical

device icon

mbri-watch

device icon

mbri-devices

phones icon

mbri-laptop

pc icon font svg icon, computer icon

mbri-desktop

pc icon font svg icon, mac icon font svg icon, monitor icon font svg icon, computer icon

mbri-responsive

devices icon font svg icon, mobile-friendly icon

mbri-touch-swipe

mobile-friendly icon font svg icon, swipe icon font svg icon, device icon

mbri-touch

tap icon font svg icon, click icon font svg icon, device icon font svg icon, mobile-friendly icon

mbri-browse

browser icon font svg icon, page icon font svg icon, window icon font svg icon, check icon font svg icon, loading icon

Shopping

mbri-shopping-bag

shopping icon font svg icon, cart icon

mbri-shopping-basket

shopping icon font svg icon, cart icon

mbri-shopping-cart

shopping icon font svg icon, cart icon

mbri-cart-add

cart icon

mbri-cart-full

cart icon

mbri-cash

money icon font svg icon, pay icon font svg icon, dollar icon

mbri-delivery

truck icon

mbri-credit-card

debet-card icon font svg icon, card icon font svg icon, bank-card icon font svg icon, visa icon

mbri-sale

price icon font svg icon, tag icon font svg icon, price-tag icon font svg icon, quote icon font svg icon, discount icon

Navigation

mbri-left

arrow icon font svg icon, left icon font svg icon, previous icon font svg icon, back icon

mbri-right

arror icon font svg icon, next icon font svg icon, further icon

mbri-up

arrow icon font svg icon, top icon

mbri-down

arrow icon font svg icon, download icon font svg icon, bottom icon

mbri-arrow-prev

arrow icon font svg icon, previous icon font svg icon, left icon

mbri-arrow-next

arrow icon font svg icon, next icon font svg icon, right icon

mbri-arrow-up

arrow icon font svg icon, up icon font svg icon, top icon

mbri-arrow-down

arrow icon font svg icon, down icon font svg icon, bottom icon

mbri-plus

cross icon font svg icon, add icon

mbri-close

exit icon font svg icon, out icon font svg icon, cross icon font svg icon, x icon

mbri-menu

hamburger icon font svg icon, menu icon font svg icon, items icon font svg icon, navbar icon font svg icon, navigation icon

mbri-success

checked icon font svg icon, accepted icon

mbri-play

music icon font svg icon, video icon font svg icon, media icon

mbri-more-horizontal

more horizontal icon font svg icon, three dots icon font svg icon

mbri-more-vertical

more vertical icon font svg icon, three dots icon font svg icon

Symbols

mbri-home

back icon

mbri-star

review icon font svg icon, rate icon font svg icon, rating icon font svg icon, feedback icon

mbri-hearth

love icon font svg icon, heart icon font svg icon, care icon font svg icon, caring icon font svg icon, heart icon

mbri-idea

lamp icon font svg icon, hint icon font svg icon, tip icon

mbri-magic-stick

transform icon font svg icon, edit icon font svg icon, master icon font svg icon, wizard icon

mbri-flag

flagged icon font svg icon, important icon

mbri-target

mbri-speed

lightning icon

mbri-help

reply icon font svg icon, support icon font svg icon, help icon font svg icon, instant icon font svg icon, message icon

mbri-letter

contact icon font svg icon, message icon font svg icon, write icon

mbri-info

note icon font svg icon, important icon font svg icon, information icon

mbri-question

faq icon font svg icon, help icon

mbri-features

feature icon font svg icon, extension icon

mbri-briefcase

baggage icon font svg icon, bussiness icon font svg icon, documents icon font svg icon, deal icon font svg icon, work icon font svg icon, trade icon font svg icon, career icon font svg icon, pack icon

mbri-sun

rise icon

mbri-sun2

rise icon

mbri-smile-face

satisfied icon font svg icon, customer icon font svg icon, feature icon font svg icon, friendly icon

mbri-sad-face

upset icon font svg icon, sad icon font svg icon, negative

mbri-alert

error, notification, warning iconfont, notice icon font svg icon, caution icon font svg icon, attention icon

mbri-timer

countdown icon

mbri-clock

timer icon font svg icon, time icon font svg icon, alarm icon font svg icon, shedule icon font svg icon, timetable icon

mbri-growing-chart

chart icon font svg icon, success icon

mbri-cursor-click

pointer icon font svg icon, click icon font svg icon, cursor icon

mbri-protect

secure icon

mbri-camera

photo icon font svg icon, shot icon font svg icon, photography icon font svg icon, photocamera icon

mbri-globe

world icon font svg icon, web icon font svg icon, internet icon

mbri-globe-2

world icon font svg icon, web icon font svg icon, internet icon

mbri-bookmark

flag icon font svg icon, marker icon font svg icon, holder icon font svg icon, clip icon font svg icon, sticker icon

mbri-rocket

space icon font svg icon, fast icon font svg icon, startup icon

mbri-paper-plane

send icon font svg icon, direct icon font svg icon, message icon

mbri-hot-cup

hot icon font svg icon, coffee icon font svg icon, cup icon font svg icon, tea icon

mbri-calendar

agenda icon font svg icon, plan icon font svg icon, schedule icon font svg icon, timetable icon font svg icon, archive icon

mbri-search

browse icon font svg icon, find icon

mbri-zoom-out

zoom out icon font svg icon, zoom icon

mbri-android

device icon

mbri-apple

ios icon font svg icon, mac icon

mbri-windows

mbri-bootstrap

framework icon font svg icon, grid icon

mbri-github

github icon font svg icon, github icon

mbri-like

facebook icon font svg icon, reaction icon font svg icon, feedback icon

mbri-wifi

internet icon font svg icon, connection icon

mbri-gift

present icon font svg icon, bounty icon

mbri-database

db icon font svg icon, server icon font svg icon, data icon

mbri-paperclip

attach icon font svg icon, attachment icon font svg icon, add icon

mbri-print

printer icon

Editing

mbri-align-left

text position icon font svg icon, align left icon font svg icon

mbri-align-center

text position icon font svg icon, align center icon font svg icon

mbri-align-right

text position icon font svg icon, align right icon font svg icon

mbri-align-justify

text position icon font svg icon, align justify icon font svg icon

mbri-undo

undo icon font svg icon, cancel icon font svg icon

mbri-redo

redo icon font svg icon, repeat icon font svg icon

mbri-new-file

document icon font svg icon, blank icon font svg icon, file icon

mbri-file

document icon font svg icon, text icon

mbri-share

share icon font svg icon, send icon

mbri-save

mbri-folder

directory icon font svg icon, local icon

mbri-opened-folder

folder icon font svg icon, local icon font svg icon, browse icon

mbri-edit

document icon font svg icon, change icon

mbri-edit2

edit icon font svg icon, pencil icon font svg icon, change icon font svg icon, note icon

mbri-change-style

brush icon font svg icon, paint icon font svg icon, edit icon font svg icon, adapt icon font svg icon, alter icon

mbri-setting

gear icon font svg icon, adjust icon font svg icon, edit icon

mbri-setting2

gear icon font svg icon, adjust icon font svg icon, adjustment icon

mbri-setting3

gear icon font svg icon, adjust icon font svg icon, edit icon

mbri-refresh

f5 icon font svg icon, renew icon

mbri-trash

recycle-bin icon

mbri-drag-n-drop

wysiwyg icon font svg icon, move icon font svg icon, place icon

mbri-drag-n-drop2

wysiwyg icon font svg icon, move icon font svg icon, place icon

mbri-up-down

wysiwyg icon font svg icon, move icon font svg icon, place icon

mbri-left-right

wysiwyg icon font svg icon, move icon font svg icon, place icon

mbri-layers

notes icon

mbri-code

html icon font svg icon, tags icon font svg icon, tag icon

mbri-bold

format icon font svg icon, bold icon font svg icon, bold icon

mbri-italic

format icon font svg icon, italic icon font svg icon, italic icon

mbri-underline

format icon font svg icon, underline icon font svg icon, underline icon

mbri-add-submenu

submenu icon font svg icon, add submenu icon font svg icon, submenu icon

mbri-bulleted-list

bulleted list icon font svg icon, unordered list icon font svg icon, list icon

mbri-numbered-list

numbered list icon font svg icon, ordered list icon font svg icon, list icon

Site Elements

mbri-photo

image icon font svg icon, picture icon

mbri-photos

images icon font svg icon, pictures icon

mbri-video-play

media icon font svg icon, play icon

mbri-video

media icon font svg icon, gallery icon font svg icon, playlist icon

mbri-music

note icon font svg icon, sound icon font svg icon, play icon

mbri-pin

location icon font svg icon, coordinates icon font svg icon, place icon

mbri-map-pin

map icon font svg icon, location icon

mbri-chat

talk icon font svg icon, messege icon font svg icon, messenger icon font svg icon, reply icon font svg icon, contact icon font svg icon, feedback icon

mbri-image-gallery

photo icon font svg icon, slides icon font svg icon, polaroid icon font svg icon, images icon font svg icon, pictures icon

mbri-image-slider

carousel icon

mbri-cust-feedback

feedback icon font svg icon, checked icon font svg icon, check icon font svg icon, received icon font svg icon, sent icon

mbri-contact-form

contact icon font svg icon, portfolio icon font svg icon, account icon font svg icon, file icon font svg icon, form icon

mbri-link

linked icon

mbri-unlink

unlinked icon

mbri-quote-left

mbri-quote-right

Account

mbri-user

account icon font svg icon, profile icon

mbri-user2

account icon font svg icon, profile icon

mbri-users

accounts icon font svg icon, profiles icon

mbri-key

access icon font svg icon, autentification icon font svg icon, login icon font svg icon, logon icon font svg icon, enter icon font svg icon, in icon

mbri-lock

locked icon font svg icon, blocked icon font svg icon, protected icon font svg icon, secure icon

mbri-unlock

unlocked icon

mbri-login

enter icon

mbri-logout

out icon font svg icon, exit icon

mbri-cloud

upload icon font svg icon, server icon

mbri-download

download icon font svg icon, server icon font svg icon, cloud icon

mbri-upload

mbri-to-ftp

upload icon font svg icon, publish icon

mbri-to-local-drive

folder icon font svg icon, publish icon font svg icon, add icon font svg icon, upload icon

mbri-preview

eye icon font svg icon, view icon

mbri-error

alert icon font svg icon, fault icon font svg icon, denied icon

mbri-pages

documents icon font svg icon, files icon

mbri-sites

site icon font svg icon, browser icon font svg icon, desktop icon

mbri-extension

addon icon font svg icon, add-on icon font svg icon, plugin icon

mbri-website-theme

theme icon font svg icon, edit icon

mbri-update

update icon font svg icon, update icon