Divi Icons Search
Search for icons with keywords. Example: heart
or heart fillArrow down
Arrow left
Arrow right
Arrow left-up
Arrow right-up
Arrow right-down
Arrow left-down
Arrow up-down
Arrow up-down
Arrow left-right
Arrow left-right
Arrow expand
Arrow expand
Arrow condense
Arrow expand
Arrow move
Arrow carrot up
Arrow carrot down
Arrow carrot left
Arrow carrot right
Arrow carrot 2 up
Arrow carrot 2 down
Arrow carrot 2 left
Arrow carrot
Arrow carrot up
Arrow carrot down
Arrow carrot left
Arrow carrot right
Arrow carrot 2 up
Arrow carrot 2 down
Arrow carrot 2 left
Arrow carrot 2 right
Arrow triangle up
Arrow triangle down
Arrow triangle left
Arrow triangle right
Arrow triangle up
Arrow triangle down
Arrow triangle left
Arrow triangle right
Arrow back
Icon minus
Icon plus
Icon close
Icon check
Icon minus
Icon plus
Icon close
Icon check
Icon zoom out
Icon zoom in
Icon search
Icon box empty
Icon box selected
Icon minus box
Icon plus box
Icon box checked
Icon circle empty
Icon circle selected
Icon stop
Icon stop
Icon pause
Icon pause
Icon menu
Icon menu square
Icon menu circle
Icon ul
Icon ol
Icon adjust horizontal
Icon adjust vertical
Icon document
Icon documents
Icon pencil
Icon pencil edit
Icon pencil
Icon folder
Icon folder open
Icon folder add
Icon info
Icon error
Icon error circle
Icon error triangle
Icon question
Icon question
Icon comment
Icon chat
Icon volume mute
Icon volume low
Icon volume high
Icon quotations
Icon quotations
Icon clock
Icon lock
Icon lock open
Icon key
Icon cloud
Icon cloud upload
Icon cloud download
Icon image
Icon images
Icon lightbulb
Icon gift
Icon house
Icon genius
Icon mobile
Icon tablet
Icon laptop
Icon desktop
Icon camera
Icon mail
Icon cone
Icon ribbon
Icon bag
Icon credit card
Icon cart
Icon paperclip
Icon tag
Icon tags
Icon bin
Icon cursor
Icon microphone
Icon compass
Icon pin
Icon pushpin
Icon map
Icon drawer
Icon toolbox
Icon book
Icon calendar
Icon film
Icon table
Icon contacts
Icon headphones
Icon lifesaver
Icon piechart
Icon refresh
Icon link
Icon link 2
Icon loading
Icon blocked
Icon archive
Icon heart
Icon printer
Icon calculator
Icon building
Icon floppy
Icon drive
Icon search 2
Icon id
Icon id 2
Icon puzzle
Icon like
Icon dislike
Icon mug
Icon currency
Icon wallet
Icon pens
Icon easel
Icon flowchart
Icon data report
Icon briefcase
Icon shield
Icon percent
Icon globe
Icon globe 2
Icon target
Icon hourglass
Icon balance
Icon star
Icon star half
Icon star 2
Icon star half 2
Icon tools
Icon tool
Icon cog
Icon cogs
Arrow up fill
Arrow down fill
Arrow left fill
Arrow right fill
Arrow left-up fill
Arrow right-up fill
Arrow right-down fill
Arrow left-down fill
Arrow condense fill
Arrow expand fill
Arrow carrot up fill
Arrow carrot down fill
Arrow carrot left fill
Arrow carrot right fill
Arrow carrot 2 up fill
Arrow carrot 2 down fill
Arrow carrot 2 left fill
Arrow carrot 2 right fill
Arrow triangle up fill
Arrow triangle down fill
Arrow triangle left fill
Arrow triangle right fill
Icon minus fill
Icon plus fill
Icon close fill
Icon check fill
Icon zoom out fill
Icon zoom in fill
Icon stop fill
Icon menu square fill
Icon menu circle fill
Icon document fill
Icon documents fill
Icon pencil fill
Icon folder fill
Icon folder open fill
Icon folder add fill
Icon folder upload fill
Icon folder download fill
Icon info fill
Icon error circle fill
Icon error oct fill
Icon error triangle fill
Icon question fill
Icon comment fill
Icon chat fill
Icon volume mute fill
Icon volume low fill
Icon volume high fill
Icon quotations fill
Icon clock fill
Icon lock fill
Icon lock open fill
Icon key fill
Icon cloud fill
Icon cloud upload fill
Icon cloud download fill
Icon lightbulb fill
Icon gift fill
Icon house fill
Icon camera fill
Icon mail fill
Icon cone fill
Icon ribbon fill
Icon bag fill
Icon cart fill
Icon tag fill
Icon tags fill
Icon trash fill
Icon cursor fill
Icon microphone fill
Icon compass fill
Icon pin fill
Icon pushpin fill
Icon map fill
Icon drawer fill
Icon toolbox fill
Icon book fill
Icon contacts fill
Icon archive fill
Icon heart fill
Icon profile fill
Icon group fill
Icon grid 2×2 fill
Icon grid 3×3 fill
Icon music fill
Icon pause fill
Icon phone fill
Icon upload fill
Icon download fill
Icon rook fill
Icon printer fill
Icon calculator fill
Icon building fill
Icon floppy fill
Icon drive fill
Icon search 2 fill
Icon id fill
Icon id 2 fill
Icon puzzle fill
Icon like fill
Icon dislike fill
Icon mug fill
Icon currency fill
Icon wallet fill
Icon pens fill
Icon easel fill
Icon flowchart fill
Icon data report fill
Icon briefcase fill
Icon shield fill
Icon percent fill
Icon globe fill
Icon clipboard
Social Facebook
Social Twitter
Social Pinterest
Social Google plus
Social Tumblr
Social Tumbleupon
Social WordPress
Social Instagram
Social Dribbble
Social Vimeo
Social LinkedIn
Social RSS
Social DeviantArt
Social share
Social MySpace
Social Skype
Social YouTube
Social Picassa
Social Google drive
Social Flickr
Social Blogger
Social Spotify
Social Delicious
Social Facebook cirlcle fill
Social Twitter circle fill
Social Pinterest circle fill
Social Google plus circle fill
Social Tumblr circle fill
Social Stumbleupon circle fill
Social WordPress circle
Social Instagram circle fill
Social Dribbble circle fill
Social Vimeo circle fill
Social LinkedIn circle fill
Social RSS circle fill
Social DeviantArt circle fill
Social share circle fill
Social MySpace circle fill
Social Skype circle fill
Social YouTube circle fill
Social Picassa circle fill
Social Google drive circle fill
Social Flickr circle fill
Social Blogger circle fill
Social Spotify circle
Social Delicious circle fill
Social Facebook square fill
Social Twitter square fill
Social Pinterest square fill
Social Google plus square fill
Social Tumblr square fill
Social Stumbleupon square fill
Social WordPress square fill
Social Instagram square fill
Social Dribbble square fill
Social Vimeo square fill
Social LinkedIn square fill
Social RSS square fill
Social DeviantArt square fill
Social Share square fill
Social MySpace square fill
Social Skype square fill
Social YouTube square fill
Social Picassa square fill
Social Google drive square fill
Social Flickr square fill
Social Blogger square fill
Social Spotify square fill
Social Delicious square fill
Search for Divi icons and add them to your Text module or CSS
I often use Divi icons in text modules and custom CSS. Elegant Themes already published list of their icons on their website but if you use them often, searching for your perfect icon on that long page will get on your nerves and you will waste a lot of your precious time.
This is why I created this page, where you can easly look through all icons available and also find them with search form.
Use in Text module
Every icons has its own unique code. If you want to add icon to your text module, just copy this code below (replace icon code with code of your chosen icon):
<span class='et-pb-icon'></span>
It will look like this:
You can also apply styles directly to your code. For example:
<span class='et-pb-icon' style='font-size: 20px;'></span>
This is the result:
You can apply as many styles as you need, just separate them with semicolon (;).
Use in CSS
You can also add icons to you CSS code as pseudo elements (::before, ::after).
So for example, if you have a text link with class 'icon-text':
<a href='#' class='icon-text'>Link</a>
Pick your icon and take a look at its code. They all start with &#x. Everything after that is what you will need for your CSS.
If we take a look at our mug icon, we can se that after &#x comes 'e105'.
Make sure you add backslash (\) before!
This is example of your CSS code:
.icon-text:before {
content: '\e105';
font-family: 'ETmodules";
}
And this is your end result:
You can play around and add more styles, like margin, padding, change color etc.
You don't need to import icons, they are already included in your Divi theme.