Streaming live at 10am (PST)

Icon <i> element support

Hi all

Id like to know if webflow has any kind of icons galery, as its based on bootstrap. How to work with icons on WFlow?



Nope, no icon gallery inside Webflow…yet(?). So as for now it’s Illustrator/Photoshop --> png/jpeg/svg --> Webflow; the usual way so to say.

You can integrate font-awesome in Webflow :
You can buy icons as SVG files and use them as images.
You can create your own icon font with tools like Fontastic

Apart of that there’s not a lot of support for icons. For example, there’s an <i> element used for arrows in the slider widget, but you can’t use the <i> element for yourself.

1 Like

Join my campain and sign my petition on to release the “i” element to the world.

Let this guy:

… join these guys:

We all swear we’ll do good use of it!

1 Like

Hi Vincent,

Great campaign! and thanks for the request. I’ve added it to our request pool. In the meantime, can you please add post some ways you believe it can be useful, usage ideas, etc.



1 Like

You could also add: freedom for the basic elements of css.
No need to keep adding classes all the time (like the tag “a”, “img” “p” “slect” “input” “form” “label” “ul”, etc. …)

1 Like

@vincent are you saying you want icons? I’d like them too! :smiley:

1 Like

@vincent is talking about adding the i-element to the editor as a placeable element.

@lucaspchara is talking about making the element (and others) styleable without having to add to classes.

1 Like

Yep. Imagine that I select the i element used for arrows in the slider widget, then select the settings tab, and can chose another icon in an icon palette. Rest of the setup in the Typography palette of course. That would be efficient. The icon palette would display the icons of the icon fonts I’d have loaded into webflow.

1 Like

That’s what I thought you thought! We’ve wanted to add this feature for a while now, but we’re still working on some core functionality. We hope to add this soon!

@lucaspchara you should make a new topic because that’s a different request.

1 Like

Ahhh this is a bummer.