Jump to content
mimuel

A easy process to create an icon library in SVG-format, that can be manipulated by CSS-files

Recommended Posts

Hi,
I found an interesting solution for creating an icon library with affinity designer.

The icons can be manipulated globally with a CSS file.

The effort is relatively low.

Simply comment in an interest then I will describe the process here in the forum in detail. 

michael

Share this post


Link to post
Share on other sites

OK - please wait a moment. The tutorial I have made is written in german language. After translate the tutorial I will public the pdf here.

Share this post


Link to post
Share on other sites

@mimuel My problem is that i needed the SVG's to work in Wordpress with Elementor.
But... since i'm using JetElements i can use plain SVG's and the inline SVG widget which can remove Inline CSS and use custom colors in Elementor for my flat icons.

Your workaround will be appreciated when using traditional HTML/CSS though :)

Thanks for sharing!

Share this post


Link to post
Share on other sites

At HTML5 you can call the SVG with this command:

        <object data="my_svg.svg" type="image/svg+xml"></object>

the svg himsef can include a inline-style or a reference to a outline-style CSS-File


 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×